@include('/header')
@include('/navigator_menu_principal')
<div class="container">

    <h3>Reporte de documentación pendiente Imperium</h3>
    <br>
    Presione <button type="button" class="btn btn-primary btn-fidelitas reporte" data-toggle="modal"
        data-target="#modalReporte">aquí</button> para generar el archivo.

</div>

<div id="modalReporte" class="modal fade">
    <div class="modal-dialog" style="width:570px" id="modal-reporte">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="reporte_title">Reporte de documentación pendiente</h3>
            </div>
            <div class="modal-body" id="reporte_body">
                <div class="row">
                    <div class="col-md-12 text-center">Generando reporte. Por favor espere...<br><br></div>
                </div>

                <div class="row">
                    <div class="col-md-2 col-md-offset-5 text-center"><img src="/images/loading.gif" alt=""
                            class="img img-responsive" /></div>
                </div>
            </div>
        </div>
    </div>
</div>
<form action="/tablasgenerales/imperium-doc-pendientes-export" method="post" name="frmReporte" id="frmReporte">
    {{csrf_field()}}
</form>
<script>
    $(document).ready(function () {
        $(document).on('click', '.reporte', function () {

            $.ajax({
                method: 'post',
                url: '/tablasgenerales/imperium-doc-pendientes-export',
                data: $('#frmReporte').serialize(),
                dataType: 'json',
                beforeSend: function () { },
                success: function (data) {
                    var $a = $("<a>");
                    $a.attr("href", data.file);
                    $("body").append($a);
                    $a.attr("download", data.archivo);
                    $a[0].click();
                    $a.remove();
                    $('#modalReporte').modal('hide');
                },
                error: function (err) {
                    alert('se produjo un error.');
                    $('#modalReporte').modal('hide');
                }
            });
        });
    });
</script>

@include('/footer')