@extends('adminlte::page')

@section('title', 'Licencia')

@section('content_header')
<script>
    var baseUrl = "{{ url('/') }}";
</script>
@stop

@section('content')
<br>
<x-adminlte-card title="LISTA DE LICENCIAS" class="m-2" theme="dark" icon="fas fa-id-card">
    <div class="col-12">                                         
        <div class="row">
            <div class="col-12">
                <div class="card-body">
                    <div id="example1_wrapper" class="dataTables_wrapper dt-bootstrap4">
                        <div class="row">
                            <div class="col-sm-12">
                                @if (session('success'))
                                    <div class="alert alert-success">
                                        <strong>{{ session('success') }}</strong>
                                    </div>
                                @elseif (session('error'))
                                    <div class="alert alert-danger">
                                        <strong>{{ session('error') }}</strong>
                                    </div>
                                @endif
                                <table id="tabla_licencias" class="table table-bordered table-striped dataTable dtr-inline collapsed" aria-describedby="example1_info">
                                    <thead class="text-center text-nowrap bg-dark">
                                        <tr>
                                            <th>N°</th>
                                            <th>COD. LICENCIA</th>
                                            <th>PERIODO</th>
                                            <th>VIGENCIA</th>
                                            <th>NATURAL / JURIDICA</th>
                                            <th>ASUNTO</th>
                                            <th>EXPEDIENTE</th>
                                            <th>FECHA EXPEDIENTE</th>
                                            <th>RESOLUCIÓN</th>
                                            <th>FECHA RESOLUCIÓN</th>
                                            <th>APELLIDOS Y NOMBRES / RAZON SOCIAL</th>
                                            <th>R.U.C.</th>
                                            <th>TELEFONO</th>
                                            <th>DNI</th>
                                            <th>REPRESENTANTE LEGAL</th>
                                            <th>DNI REPRESENTANTE</th>
                                            <th>DIRECCIÓN DEL ESTABLECIMIENTO</th>
                                            <th>Nº</th>
                                            <th>INT</th>
                                            <th>MZ</th>
                                            <th>LT.</th>
                                            <th>C. SECT.</th>
                                            <th>SECTOR</th>
                                            <th>ZONA</th>
                                            <th>GIRO DEL ESTABLECIMIENTO</th>
                                            <!-- <th>ESTABLECIMIENTO</th> -->
                                            <th>NIVEL DE RIESGO</th>
                                            <th>AREA</th>
                                            <th>OBSERVACIONES</th>
                                            <th>ZONIFICACION</th>
                                            <th>NOMBRE COMERCIAL</th>
                                            <th>RECIBO DE PAGO</th>
                                            <th>FECHA DE PAGO</th>
                                            <th>IMPORTE</th>
                                            <th>ESTADO</th>
                                            <th>ACCIONES</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal" id="modalDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">¿Desea anular este registro?</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="cerrar">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <form id="anulaRegistro" name="anulaRegistro" action="#" method="POST">
                    @csrf
                    @method('DELETE')
                    <div class="modal-body">
                        <p>Ingrese el motivo por el que desea anular el registro</p>
                        <input type="text" class="form-control" id="razon" name="razon" required placeholder="Ingrese motivo">
<!--                         <input type="hidden" value="" name=estado>
                        <input type="hidden" value="" name=print> -->
                    </div>
                    <div class="modal-footer">
                        <a class="btn btn-light" data-dismiss="modal">No</a>
                        <a class="btn btn-danger btn-ok">Si</a>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <x-adminlte-modal id="modalLicencia" title="Vista Previa de Licencia" size="lg" theme="dark"
    icon="fas fa-eye">
    <div class="modal-body">
        <iframe id="frameLicencia" src="" width="100%" height="700px"></iframe>
    </div>
    
    <img class="img-fluid" src="" alt=""> 
    <x-slot name="footerSlot">
        {{--  <x-adminlte-button class="mr-auto" theme="success" label="Aceptar"/> --}}
        <x-adminlte-button theme="secondary" label="Cerrar" data-dismiss="modal"/>
    </x-slot>
    </x-adminlte-modal>

    
</x-adminlte-card>

@stop

@section('css')
@stop

@section('js')

<script>
    $(document).ready(function() {
        $('#tabla_licencias').DataTable({
            "dom": 'Bfrtip',
            "paging": true,
            "lengthChange": true,
            "searching": true,      
            "ordering": true,
            "order": [[0, "asc"]],
            "info": true,
            "autoWidth": true,
            "responsive": true,
            "paging": true,
            "language": {"url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json",
            "emptyTable": "No hay datos disponibles para mostrar",
            "info": "Mostrando START a END de TOTAL entradas",
            "infoEmpty": "Mostrando 0 a 0 de 0 entradas",
            "infoFiltered": "(filtrado de MAX entradas totales)",
            "infoPostFix": "",
            "thousands": ",",
            "lengthMenu": "Mostrar MENU entradas",
            "loadingRecords": "Cargando...",
            "processing": "Procesando...",
            "search": "Buscar:",
            "zeroRecords": "No se encontraron registros coincidentes",
            "paginate": {
                "first": "Primero",
                "last": "Último",
                "next": "Siguiente",
                "previous": "Anterior"
            },
        },
        "with-buttons": true,
        "buttons":
            [ { "extend": "excel", "text": '<i class="fas fa-file-excel"></i>', "titleAttr": "Exportar Excel", "className": "btn-success mt-1" }/* , { "extend": "", "text": '<i class="far fa-plus-square"></i> Agregar', "titleAttr": "Agregar", "className": "btn-info m-1" } */ ],
            
            "ajax": {
                "url": "{{ url('licenciasJson')}}",
                "type": "get",
                "dataSrc": ""
            },
            "columns": [
                /* { "data": 'id'}, */
                { "data": 'id'},
                { "data": 'codLicencia'},
                { "data": 'periodo'},
                { "data": 'vigencia'},
                { "data": 'natJurid'},
                { "data": 'asunto'},
                { "data": 'expediente'},
                { "data": 'fechaExped'},
                { "data": 'resolucion'},
                { "data": 'fechaResol'},
                { "data": 'apeNombre'},
                { "data": 'ruc'},
                { "data": 'telefono'},
                { "data": 'dni'},
                { "data": 'repLegal'},
                { "data": 'dniRepLegal'},
                { "data": 'dirEstable'},
                { "data": 'numero'},
                { "data": 'int'},
                { "data": 'manzana'},
                { "data": 'lote'},
                { "data": 'cSect'},
                { "data": 'sector'},
                { "data": 'zona'},
                { "data": 'giroEstable'},
                { "data": 'nivelRiesgo'},
                { "data": 'area'},
                { "data": 'observacion'},
                { "data": 'zonificacion'},
                { "data": 'nomComercial'},
                { "data": 'reciboPago'},
                { "data": 'fechaPago'},
                { "data": 'importe'},
                { "data": 'estado',
                    "render": function(data, type, row, meta){
                        if (data == 1){
                            return '<span class="badge badge-success">Activo</span>';
                        } else {
                            return '<span class="badge badge-danger">Anulado</span>';
                        }
                    }
                },
                { "data": 'print', 
                    "render": function(data, type, row, meta){
                        if (data == 1 || row.estado != 1 ){
                            return '<a href="#" class="btn btn-secondary" data-toggle="tooltip"  data-placement="top" title="Imprimir"><span class="fas fa-print"></span></a> <a href="#" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Modificar registro"><i class="fas fa-edit"></i></a> <a href="#" data-href="#" class="btn btn-secondary" title="Anular"><i class="fas fa-trash"></i></a>';
                        } else {
                            return '<a href="#" data-href="' + baseUrl + '/licencias/fpdf/' + row.id + '[path_file]#toolbar=0" class="btn btn-info btn-print" data-id="' + row.id + '" data-toggle="modal" data-target="#modalLicencia" data-placement="top" title="Imprimir"><span class="fas fa-print"></span></a> <a href="' + baseUrl + '/licencias/edit/'+ row.id +'" data-href="#" class="btn btn-warning" title="Editar"><i class="fas fa-edit"></i></a> <a href="#" data-href="' +baseUrl+ '/licencias/destroy/'+ row.id + '/' + row.estado + '/' + row.print + '" class="btn btn-danger" data-toggle="modal" data-target="#modalDelete" title="Anular"><i class="fas fa-trash"></i></a>';
                        }
                        
                    }
                }
            ]
        });
    });
</script>

@if(session('estado') == 'ok')
    <script>
        Swal.fire(
        'Exito!',
        'Se anulo correctamente',
        'success'
        )
    </script>
@endif

@if(session('licencia') == 'ok')
    <script>
        Swal.fire(
        'Exito!',
        'Se agrego correctamente',
        'success'
        )
    </script>
@endif

@if(session('estado') == 'miss')
    <script>
        Swal.fire(
            'No ingreso motivo!',
            'No procedio la solicitud',
            'warning'
        )
    </script>
@endif

@if(session('estado') == 'fail')
    <script>
        Swal.fire({
            icon: 'error',
            title:'Ups...',
            text: 'Algo ocurrio mal!',
            footer: '<a href="https://munipachacamac.com/">Error al anular la licencia, contácte con la Oficina de Gobierno Digital</a>'
        })
    </script>
@endif

<script>
    $('#modalDelete').on('show.bs.modal', function(e) {
        anulaRegistro.setAttribute('action', $(e.relatedTarget).data('href'));        
           
        $('.btn-ok').on('click', function(e) {
            /* $('#modalDelete').modal('hide') */
            const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success m-2',
                cancelButton: 'btn btn-danger m-2'
            },
            buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
            title: '¿Estas seguro?',
            text: "Se anulará definitavemnte",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Si, anular',
            cancelButtonText: 'No, cancelar',
            reverseButtons: true
            }).then((result) => {
            if (result.isConfirmed) {
                anulaRegistro.submit();
            } else if (
                
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                'Cancelado',
                'La licencia sigue activa',
                'error'
                )
            }
            })
        });
    });
   
    $('#modalDelete').on('hide.bs.modal', function(e) {
        anulaRegistro.setAttribute('action', '');
    });
</script>


<script>
    $('#confirm-delete').on('show.bs.modal', function(e) {
        anulaRegistro.setAttribute('action', $(e.relatedTarget).data('href'));        
        
        $('.btn-ok').on('click', function(e) {
            $('#confirm-delete').modal('hide')
            
            const swalWithBootstrapButtons = Swal.mixin({
            customClass: {
                confirmButton: 'btn btn-success m-2',
                cancelButton: 'btn btn-danger m-2'
            },
            buttonsStyling: false
            })

            swalWithBootstrapButtons.fire({
            title: '¿Estas seguro?',
            text: "Se anulará definitavemnte",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Si, anular',
            cancelButtonText: 'No, cancelar',
            reverseButtons: true
            }).then((result) => {
            if (result.isConfirmed) {
                swalWithBootstrapButtons.fire(
                'Anulado!',
                'La licencia se anuló.',
                'success'
                )
                anulaRegistro.submit();
            } else if (
                
                result.dismiss === Swal.DismissReason.cancel
            ) {
                swalWithBootstrapButtons.fire(
                'Cancelado',
                'La licencia sigue activa',
                'error'
                )
            }
            })
                     
        });
    });
   
    $('#confirm-delete').on('hide.bs.modal', function(e) {
        anulaRegistro.setAttribute('action', '');
    });

    $('#modalLicencia').on('show.bs.modal', function(e) {
        $('#frameLicencia').attr('src', $(e.relatedTarget).data('href'));      
        var id = $(e.relatedTarget).data('id');
        console.log(id);

        $.ajax({
            type: "GET",
            url: "{{ url('licencias/print')}}"+"/"+id,
            data: {

            },
            success: function(response) {
               
                if(response == "ok"){
                    
                }else{
                    $('.btn btn-info btn-print').attr('disabled', true);
                }
            }
        });
    });
    $('#modalLicencia').on('hide.bs.modal', function(e) {
        $('#frameLicencia').attr('src', '');
       
        window.location.href = "{{ url('licencias/show')}}";
    });
</script>
@stop