{{--
Creado por Yonarkis Linares
Fecha: 28/11/2017/
--}}
@extends('layouts/master')
@section('header')
    {{--<link href="{!! asset('/css/jquery.dataTables.min.css')  !!}" rel="stylesheet">
    <link href="{!! asset('/css/dataTables.bootstrap.min.css')  !!}" rel="stylesheet">--}}
    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
@endsection
@section('content')
    <script type="text/javascript">
        $('document').ready(function () {
            $("#CrearProveedor").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
        });
    </script>
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-dark">
                <div class="panel-heading">
                    <h3 class="panel-title">Registro de Beneficiario para Recolecta Eventual</h3>
                </div>
                <div class="panel-body">
                    <form method="post" action="{{ route('guardarProveedor') }}"
                          accept-charset="UTF-8" enctype="multipart/form-data" id="CrearProveedor">

                        <div class="panel-body">
                            <div class="center">
                                <label for="codproveedor" class="text-dark"><b>DATOS DEL BENEFICIARIO</b></label>
                            </div><div class="panel-body">
                                <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente" name="codcliente"
                                       value="{{ $codcliente }}">
                                <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda" name="busqueda"
                                       value="3">
                            </div>

                            <div class="table-responsive">
                                <div class="col-md-4 color3">
                                    <label for="nombre" class="text-primary"><b>Nombre:</b></label>
                                    <input type="text" class="form-control input-sm" id="nombre" name="nombre"
                                           data-container="body"
                                           data-placement="right"
                                           data-msg-required="Este campo es Requerido."
                                           data-rule-required="true"
                                    >

                                </div>
                                <div class="col-md-4 col-md-offset" >
                                    <label for="contacto" class="text-primary"><b>Contacto:</b></label>
                                    <input type="text" class="form-control input-sm" id="contacto" name="contacto"
                                           data-container="body"
                                           data-placement="right"
                                           data-msg-required="Este campo es Requerido."
                                           data-rule-required="true"
                                    >
                                </div>
                                <div class="col-md-4 col-md-offset" >
                                    <label for="direccion" class="text-primary"><b>Dirección:</b></label>
                                    <input type="text" class="form-control input-sm" id="direccion" name="direccion"
                                           data-container="body"
                                           data-placement="right"
                                           data-msg-required="Este campo es Requerido."
                                           data-rule-required="true"
                                    >
                                </div>
                           <div class="panel-body"></div>
                                <div class="col-md-4 color3">
                                    <label for="urbanizacion" class="text-primary"><b>Urbanización:</b></label>
                                    <input type="text" class="form-control input-sm" id="urbanizacion" name="urbanizacion"
                                           data-container="body"
                                           data-placement="right"
                                           data-msg-required="Este campo es Requerido."
                                           data-rule-required="true"
                                    >
                                </div>
                                <div class="col-md-4 col-md-offset" >
                                    <label for="ciudad" class="text-primary"><b>Ciudad:</b></label>
                                    <select name="ciudad" id="ciudad" class="form-control input-sm">
                                        @foreach($ciudades['entidadRespuesta'] as $ciudad)
                                            <option
                                               value="{{ $ciudad['codciudad'] }}">{{ $ciudad['nombre_ciudad'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-md-4 col-md-offset" >
                                    <label for="telefono" class="text-primary"><b>Teléfono:</b></label>
                                    <input type="text" class="form-control input-sm" id="telefono" name="telefono"
                                           data-container="body"
                                           maxlength="12"
                                           data-placement="right"
                                           data-msg-required="Este campo es Requerido."
                                           data-rule-required="true"
                                    >
                                </div>
                            </div>
                        </div>
                        <div class="panel-body">
                            <button type="submit" class="btn btn-primary btn-sm" style="float: right;">Aceptar</button>
                            <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                               style="float: right; margin-right: 20px">Volver</a>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection