{{--
Creado por Yonarkis Linares
Fecha: 27/11/2017/
--}}

@extends('layouts/master')
@section('header')

    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
@endsection
@section('content')
    <script type="text/javascript">
        $('document').ready(function () {
            $("#editarRecolecta").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>
    <script>

        function ConfirmInactive()
        {
            var x = confirm("¿Está seguro que desea inactivar este proveedor?");
            if (x)
                return true;
            else
                return false;
        }

    </script>
    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Registro de Proveedor para Recolecta Eventual</h3>
                </div>
                <div class="panel-body">
                    <form method="post" action="{{ route('actualizarProveedor') }}"
                          accept-charset="UTF-8" enctype="multipart/form-data" id="editarRecolecta">
                        <div class="panel-body">
                            <div class="center">
                                <label for="codproveedor"><strong><b>EDITAR DATOS DEL BENEFICIARIO</b></strong></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="codproveedor" name="codproveedor"
                                       value="{{ $editar['entidadRespuesta'][0]['codproveedor'] }}">
                                <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda" name="busqueda"
                                       value="2">
                            </div>
                            <div class="row">
                                <div class="col-md-5 col-md-offset-1 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon">
                                                    <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar el Nombre del Beneficiario'></span>
                                                </span>

                                        <input type="text" class="form-control input-sm" id="nombre" placeholder="Ingresar Nombre Beneficiario" name="nombre"
                                               value="{{ strtoupper($editar['entidadRespuesta'][0]['nombre']) }}"
                                               data-container="body"
                                               onKeyUp="this.value = this.value.toUpperCase();"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        />
                                    </div>
                                </div>
                                <div class="col-md-5 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon">
                                                    <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar el Nombre del Contacto'></span>
                                                </span>
                                        <input type="text" class="form-control input-sm" id="contacto" placeholder="Ingresar Nombre Contacto"
                                               name="contacto"
                                               value="{{ strtoupper($editar['entidadRespuesta'][0]['contacto']) }}"
                                               data-container="body"
                                               onKeyUp="this.value = this.value.toUpperCase();"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                    </div>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-5 col-md-offset-1 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar N&uacute;mero de Tel&eacute;fono'></span>
                                                    </span>
                                        <input type="number" class="form-control input-sm" id="telefono" placeholder="Ingresar N&uacute;mero de Tel&eacute;fono"
                                               name="telefono"
                                               value="{{ $editar['entidadRespuesta'][0]['telefono'] }}"
                                               data-container="body"
                                               maxlength="12"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                    </div>
                                </div>
                                <div class="col-md-5 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar N&uacute;mero Celular'></span>
                                                    </span>
                                        <input type="number" class="form-control input-sm" id="celular" placeholder="Ingresar N&uacute;mero Celular"
                                               name="celular"
                                               value="{{ $editar['entidadRespuesta'][0]['celular'] }}"
                                               data-container="body"
                                               maxlength="12"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                    </div>
                                </div>
                            </div>
                            <br>
                            <div class="row">
                                <div class="col-md-10 col-md-offset-1 form-group">
                                    <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="direccion" id="direccion" maxlength="255" rows="3"
                                                          placeholder="Ingresar la Direcci&oacute;n del Beneficiario" required
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-msg-required="Este campo es Requerido."
                                                          value="{{ strtoupper($editar['entidadRespuesta'][0]['direccion']) }}"
                                                          data-placement="top"></textarea>

                                        <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                      title='Ingresar Nombre Direcci&oacute;n'></span>
                                            </span>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-5 col-md-offset-1 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar Nombre Urbanizacion'></span>
                                                    </span>
                                        <input type="text" class="form-control input-sm" id="urbanizacion" placeholder="Ingresar Urbanizacion"
                                               name="urbanizacion"
                                               value="{{ strtoupper($editar['entidadRespuesta'][0]['urbanizacion']) }}"
                                               onKeyUp="this.value = this.value.toUpperCase();"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                    </div>
                                </div>
                                <div class="col-md-5 form-group">
                                    <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                        <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Tipo de Ciudad'></i></span>
                                        <select name="ciudad" id="ciudad" class="form-control input-sm">
                                            @foreach($ciudades['entidadRespuesta'] as $ciudad)
                                                <option
                                                        @if( $editar['entidadRespuesta'][0]['nombreciudad']  == $ciudad['nombre_ciudad'])
                                                        {
                                                        selected
                                                        }
                                                        @endif
                                                        value="{{ $ciudad['codciudad'] }}">{{ strtoupper($ciudad['nombre_ciudad']) }}</option>
                                            @endforeach
                                        </select>
                                    </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>
                                <a href="{{ route('inactivarProveedor', ['codproveedor' => $editar['entidadRespuesta'][0]['codproveedor'],'codcliente' => $codcliente])  }}" class="btn btn-danger btn-sm"
                                   style="float: right; margin-right: 20px" onclick="return ConfirmInactive()">Inactivar Beneficiario</a>
                            </div>
                            <br>
                            <br>
                            <div class="panel-footer col-md-12" style="font-size:12px;">
                                <span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection