@extends('layouts.master')
@section('header')
    @if(request()->pag == 'zoomenvios')
        <style>

            .navbar-menu-log{
                visibility: hidden !important;
            }

            .solo-laravel {
                display: none !important;
            }

            .iframezoom {
                margin-top: -140px !important;
                margin-bottom: -20px;
            }

            .panel {
                border-color: #222 !important;
            }

            .panel-heading {
                color: #ffffff !important;
                background-color: #222 !important;
                border-color: #222 !important;
            }

            body {
                padding-bottom: 0 !important;
            }

        </style>
    @endif
@endsection

@section('content')

    <script type="text/javascript">
        $('document').ready(function () {
            $('.navbar-menu-log').html('');
            $("#editarNoticia").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>


    {{--@php(dd(request()->pag))--}}

    <div class="container iframezoom">
        {{--@php(dump($years))--}}
        <br><br><br>
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h2 class="panel-title">Emisión de Comprobantes de Retención ZOOM</h2>
            </div>
            <div class="panel-body">
                <form accept-charset="UTF-8" id="consultaRet">
                              
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <input type="hidden" name="empresa" id="empresa" value="1">

                    <div class="row text-left">
                        <div class="col-sm-3">
                            <label for="rif" class="text-primary"><b>Consultar Rif</b></label>
                        </div>
                        <div class="col-sm-3">
                            <label for="codproveedor" class="text-primary"><b>Código de Proveedor</b></label>
                        </div>
                        <div class="col-sm-2">
                            <label for="anio" class="text-primary"><b>Año</b></label>
                        </div>
                        <div class="col-sm-2">
                            <label for="mes" class="text-primary"><b>Mes</b></label>
                        </div>
                        <div class="col-sm-2">
                            <label for="arcv" class="text-primary"><b>ARCV</b></label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-sm-3">
                                <input type="text" class="form-control input-sm" id="rif" name="rif"
                                       data-container="body"
                                       data-placement="right"
                                       data-msg-required="Este campo es Requerido."
                                       data-rule-required="true"
                                >
                                <div class="help-block" style="font-size: 12px">
                                    <span class="example">Ejemplo: <span>J123456789 | Sin guiones o espacios</span></span>
                                </div>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" class="form-control input-sm" id="codproveedor" name="codproveedor"
                                       data-container="body"
                                       data-placement="right"
                                       data-msg-required="Este campo es Requerido."
                                       data-rule-required="true"
                                >
                                <div class="help-block" style="font-size: 12px">
                                    <span class="example">Ejemplo: <span>123456 | minímo 6 dígitos</span></span>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <select name="anio" id="anio" class="form-control input-sm">
                                    <option value="0000">Seleccione</option>
                                   @foreach($years as $year)
                                        <option value="{{ $year }}">{{ $year }}</option>
                                    @endforeach
                                    {{--<option value="2017">2017</option>--}}
                                    {{--<option value="2018">2018</option>--}}
                                </select>
                            </div>
                            <div class="col-sm-2">
                                <select name="mes" id="mes" class="form-control input-sm">
                                    <option value="00">Seleccione</option>
                                    @foreach($months as $key => $month)
                                        <option value="{{ $key }}">{{ $month }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-sm-2">
                                <select name="arcv" id="arcv" class="form-control input-sm"
                                        onchange="selArcv(this.value)">
                                    <option value="">Seleccione</option>
                                    <option value="1">SI</option>
                                    <option value="0" selected>NO</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <button type="reset" class="btn btn-warning btn-sm" style="float: right;">Limpiar</button>
                    <button type="button" class="btn btn-primary btn-sm" style="float: right; margin-right: 20px"
                            onclick="consultaRet()">Consultar
                    </button>
                </form>

                <br><br><br>

                <table class="table table-bordered" id="inforet" style="display: none">
                    <thead class="bg-info">
                    <tr>
                        <th class="text-center">Nro Doc.</th>
                        <th class="text-center">Fecha Doc.</th>
                        <th class="text-center">Empresa Retensora</th>
                        <th class="text-center">Tipo</th>
                        <th class="text-center">Imprimir</th>
                    </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <input type="hidden" name="parametro1" id="parametro1" value="{{ \Session::get('LoginUE.token') }}">
    <input type="hidden" id="url" data-url="{{ route('getConsumirAjax') }}">

@endsection
@section('script')

    <script type="text/javascript" src="{!! asset('/js/ComprobanteRet/comprobanteret.js')  !!}"></script>
    <script src="{!! asset('js/jquery.tablesorter.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.widgets.min.js') !!}" type="text/javascript"></script>
    <script src="{!! asset('js/jquery.tablesorter.pager.js') !!}" type="text/javascript"></script>
    <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>

@endsection