@extends('layouts.master')

@section('content')

    <script type="text/javascript">
        $('document').ready(function () {
            $("#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(Session::get('entidadRespuesta.nombre')))--}}


    <div class="container">
        @php
        @endphp
        <br><br><br>
        <div class="row">
            <div class="col-sm-8 col-sm-push-2">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">Carga de Archivos de datos de Rentenciones</h3>
                    </div>
                    <div class="panel-body">
                        <form accept-charset="UTF-8" id="cargarArchivoRet" method="post" enctype="multipart/form-data" action="{{ route('consulta.cargaExitosaRet') }}">


                            <div class="row text-left">
                                <div class="col-sm-6">
                                    <label for="archivo" class="text-primary"><b>Seleccionar Archivo</b></label>
                                </div>
                                <div class="col-sm-6">
                                    <label for="tipo" class="text-primary"><b>Tipo Retención</b></label>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="input-group">
                                            <input type="file" class="form-control input-sm" name="file"
                                                   data-container="body"
                                                   data-placement="right"
                                                   data-msg-required="Este campo es Requerido."
                                                   data-msg-extension="Sólo se permiten documentos con formato CSV."
                                                   data-rule-required="true"
                                                   data-rule-extension="csv"
                                            >
                                            <span class="input-group-btn">
                                              <button class="btn btn-primary btn-sm" type="button"
                                                      title="Cargar Archivo" id="cargarboton"
                                                      >
                                                <span class="glyphicon glyphicon-file"></span>
                                              </button>
                                           </span>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="form-group">
                                            <select name="tipo" id="tipo" class="form-control input-sm">
                                                <option value="1">IVA</option>
                                                <option value="2">ISLR</option>
                                            </select>
                                        </div>
                                    </div>

                                </div>
                            </div>
                                      


                            <button type="reset" class="btn btn-warning btn-sm" style="float: right;">Limpiar</button>
                            <input type="submit" class="btn btn-primary btn-sm"
                                    style="float: right; margin-right: 20px" value="Cargar" data-toggle="modal" data-target="#pleaseWaitDialog">
                        </form>

                        <!-- Modal procesando -->
                        <div class="modal fade" id="pleaseWaitDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h4 class="modal-title">Por favor espere</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="progress">
                                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                                <span class="sr-only">40% Complete (success)</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </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>

@endsection