@extends('Sidebar.icssacvSidebar')

@section('title', 'Descargas')

@section('contenido')
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap4.min.css">
@if ($num_registros != 0)
    <div class="card-body">
        <form action="{{route('Descargas.archivo')}}" method="POST" id="formElement" name="f1">
            @csrf
        <div class="table-responsive" style= "margin: 0 auto";>
                <center><table class="table table-striped" id="data-table">
                    <thead>
                        <tr>
                            <th width="33.3%" style="text-align: left;" bgcolor="C3C3C3" scope="col"><center>Centro de acopio</center></th>
                            <th width="33.3%" style="text-align: left;" bgcolor="C3C3C3" scope="col"><center>Archivo</center></th>
                            <th width="33.3%" style="text-align: left;" bgcolor="C3C3C3" scope="col"><center>Imágenes</center></th>   
                        </tr>                               
                    </thead>
                    <tbody> 
                        @foreach ($Consultas as $consulta)
                            <tr>
                                <td width="33.3%" style="text-align: left;">
                                    <center>{!! $consulta->nombre!!}</center>                                    
                                </td>
                                <td width="33.3%" style="text-align: left;">
                                    <center><i class="fas fa-file-excel"></i>
                                    <input type="checkbox" id="cbox_{{$consulta->nombre}}" name="arr_ex[{{$consulta->nombre}}]" value="{{$consulta->nombre}}"></center>                            
                                </td>
                                <td width="33.3%" style="text-align: left;">
                                    <center><i class="nav-icon fas fa-images"></i> 
                                    <input type="checkbox" id="cbox2_{{$consulta->nombre}}" name="arr_im[{{$consulta->nombre}}]" value="{{$consulta->nombre}}"></center>                         
                                </td>     
                            </tr>
                        @endforeach                       
                    </tbody>
                </table></center>

                <center><table class="table table-striped">
                    <tbody>
                        <tr>
                            <td width="33.3%" style="text-align: left;">
                                <center>Todos</center>
                            </td>
                            <td width="33.3%" style="text-align: left;">
                                <center><i class="fas fa-file-excel"></i>
                                <input type="checkbox" id="all_excel" name="descarga_excel" value="all"></center>                            
                            </td>
                            <td width="33.3%" style="text-align: left;">
                                <center><i class="nav-icon fas fa-images"></i> 
                                <input type="checkbox" id="all_images" name="descarga_imagenes" value="all"></center>                         
                            </td>     
                        </tr> 
                    </tbody>
                </table></center>
        </div>
        {{-- <center><button class="btn btn-primary" id="Descarga_Excel">Descargar Datos</button></center> --}}
        <div class="container">
            <div class="row">
                <div class="col-6">
                    <center> <input name="Excel" type="submit" class="btn btn-primary" id="btnLogA" value="Descargar Datos"/><span style="color: #FFF"></center>
                </div>
                <div class="col-6">
                    <center> <input name="Imagenes" type="submit" class="btn btn-primary" id="btnLogA" value="Descargar Imágenes"/><span style="color: #FFF"></center>
                </div>
            </div>
        </div>
    </form>
    </div>
    @else
    <div class="card">
        <div class="card-body">
            <center><p>Sin Registros</p></center>
        </div>
    </div>    

@endif
@endsection

@section('titulo')
    <nav aria-label="breadcrumb" style="font-size: 60%">
    <ol class="breadcrumb">
        <li class="breadcrumb-item active"> <i class="fas fa-download"></i>  Descargas</li>
    </ol>
    </nav>
@endsection

@section('scripts')
<script src="//code.jquery.com/jquery.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<script>
    var idioma=
        {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            },
            "buttons": {
                "copyTitle": 'Informacion copiada',
                "copyKeys": 'Use your keyboard or menu to select the copy command',
                "colvis": 'Visibiliadad de la tabla',
                "copy":   'Copiar',
                "copySuccess": {
                    "_": '%d filas copiadas al portapapeles',
                    "1": '1 fila copiada al portapapeles'
                },
                "pageLength": {
                    "_": "Mostrar %d filas",
                    "-1": "Mostrar Todo"
                }
            }
        };
    $('#data-table').DataTable({
        processing: true,
        "iDisplayLength": 5,
        "lengthMenu": [[5,10,20, -1],[5,10,50,"Mostrar Todo"]],
        "language": idioma,
        ordering: false,
    });
</script>

@if (Session::has('msg_field'))
<script>
    Swal.fire({
        title: 'Error',
        text: 'Seleccione un campo',
        icon: 'error',
        confirmButtonColor: 'red',
    })
</script>
@endif

@if (Session::has('msg_file'))
<script>
    Swal.fire({
        title: 'Error',
        text: 'Sin imagenes que descargar',
        icon: 'error',
        confirmButtonColor: 'red',
    })
</script>
@endif

@if (Session::has('msg_data'))
<script>
    Swal.fire({
        title: 'Error',
        text: 'Sin datos que descargar',
        icon: 'error',
        confirmButtonColor: 'red',
    })
</script>
@endif

@endsection