@extends('Sidebar.icssacvSidebar')

@section('title', 'Centros de acopio')

{{-- @section('cabecera')
 <h4> <i class="fas fa-industry"></i> Centros de acopio</h4>
@endsection --}}

@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">
                <div class="card-body">
                    <div class="table-responsive" style= "margin: 0 auto";>
                        <center><table class="table table-striped" id="data-table">
                            <thead>
                                <tr>
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Unidad operativa</th>
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Dirección</th>
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Estado</th>
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Disponibilidad</th>
                                    {{-- <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">Encargado ICSSACV</th> --}}
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col">
                                        <i class="fas fa-user-edit"></i>
                                    </th>
                                    <th width="15%" style="text-align: center;" bgcolor="C3C3C3" scope="col"> 
                                        <i class="fas fa-trash-alt"></i></th>
                                </tr>                               
                            </thead>
                            <tbody>
                                @foreach($Consultas as $consulta)                                
                                    <tr>
                                        <td width="15%" style="text-align: center;">
                                            {!! $consulta->nombre!!}                                    
                                        </td>
                                        <td width="15%" style="text-align: center;">
                                            {!!$consulta->direccion!!}                                    
                                        </td>
                                        <td width="15%" style="text-align: center;">
                                            {!! $consulta->estado!!}                                    
                                        </td>
                                    
                                           <td width="15%" style="text-align: center;">
                                                {!! $consulta->disponibilidad!!} %                                   
                                            </td>

                                        <td width="15%" style="text-align: center;">
                                            <form  method="GET" action="{{route('Administra_Centro_Acopio.edit',$consulta->id)}}">
                                                <button type="submit" class="btn btn-primary" >Editar</button>
                                            </form>        
                                        </td>

                                        <td width="15%" style="text-align: center;">
                                            <form  method="POST" action="{{route('Administra_Centro_Acopio.destroy',$consulta->id)}}" id="form_eliminar{{$consulta->id}}">
                                                @csrf
                                                <input type="hidden" name="_method" value="DELETE">
                                                 <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                <button type="submit" class="btn btn-danger" id="{{$consulta->id}}" onclick="EliminarUnidadOperativa(event)">Eliminar </button>
                                            </form>        
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table></center>
                    </div>
                </div>     	

@endsection

@section('titulo')
    <nav aria-label="breadcrumb">
    <ol class="breadcrumb"  style="font-size: 60%">
        <li class="breadcrumb-item"><a href="{{ route('CentroAcopio.index')}}" style="color: black"><i class="fas fa-industry"></i>  Unidad Operativa</a></li>
        <li class="breadcrumb-item"><a href="{{ route('Administra_Centro_Acopio.index')}}" style="color: black">Administra centros de acopio</a></li>
        <li class="breadcrumb-item active">Centros de acopio</li>
    </ol>
    </nav>
@endsection

@section('scripts')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
@if (Session::has('edit'))
<script>
    Swal.fire({
        title: 'Correcto',
        text: 'Centro de Acopio Actualizado',
        icon: 'success',
        confirmButtonColor: ' #008000',
    })
</script>
@endif

<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>

<script>
    function EliminarUnidadOperativa(evt) {
        evt.preventDefault();
        var id_eliminar = evt.target.id;
        var elemento = "form_eliminar"+id_eliminar;
        console.log(evt.target.id);
        Swal.fire({
            title: '¿Desea eliminar la Unidad Operativa?',
            text: "Esta acción no se puede deshacer",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#d33',
            cancelButtonColor: '#3085d6',
            confirmButtonText: 'Eliminar',
            cancelButtonText : 'Cancelar',
        }).then((result) => {
            if (result.isConfirmed) {
                document.getElementById(elemento).submit();
            }
        })
    }
</script>

@if (Session::has('delete'))
<script>
    Swal.fire({
        title: 'Correcto',
        text: 'Centro de Acopio Eliminado',
        icon: 'success',
        confirmButtonColor: ' #008000',
    })
</script>
@endif

@endsection