@extends('layouts.app')

<style>
    .dataTables_length {
        clear: both;
    }

    .dataTables_filter {
        margin-top: 20px;
    }

    .table-striped {
        font-size: 14px;
    }

    .btn_dt {
        height: 30px;
    }

    span {
        margin-left: 7px;
    }

    .yadcf-filter-reset-button {
        display: inline-block;
        margin-top: 10px;
        margin-left: 10px;
    }

    ul.chosen-choices {
        max-height: 80px;
        overflow: auto !important;
    }

    .dataTables_info {
        margin-bottom: 10px
    }

    .btn-secondary {
        background: #858585;
        color: white;


    }

    .btn-secondary:hover {
        background: #616161;
        color: white !important;
    }

</style>

@section('content')
    <div class="text-center" style="margin-left:1rem;margin-right: 1rem">
        <div class="row">
            <div class="container" style="width: 100%">
                <div class="panel panel-primary">
                    @include('/registros/inc/submenu', [
                        'active' => 'active',
                        'title' => 'Relevamientos',
                    ])
                    <div class="panel-body" style="overflow-x: auto">
                        <table id="tabla" class="table table-striped table-bordered dt-responsive"
                            style="width:100% !important;" cellspacing="0">
                            <thead>
                                <tr>
                                    @if (!Auth::user()->hasPermission('habilitar.carga.de.naps.por.relevamiento'))
                                        <th class="col-sm-2" style="width: 15%;" scope="col">Acciones</th>
                                    @endif
                                    @permission('habilitar.carga.de.naps.por.relevamiento')
                                        <th class="col-sm-1 text-center checkbox-header" style="width: 12%;" scope="col"><input
                                        class="select-all" type="checkbox"/></th>
                                    @endpermission
                                    <th class="col-sm-1" style="width: 12%;" scope="col">Fecha</th>
                                    <th class="col-sm-1" style="width: 10%;">NAP </th>
                                    <th class="col-sm-1" style="width: 10%;">Revisar</th>
                                    <th class="col-sm-1" style="width: 12%;">Técnico </th>
                                    <th class="col-sm-1" style="width: 12%;">Supervisor</th>
                                    <th class="col-sm-1" style="width: 12%;" scope="col">Fecha de supervisión</th>
                                    <th class="col-sm-1" style="width: 13%;" scope="col">Estado</th>
                                    <th class="col-sm-1" scope="col">¿Es nueva?</th>
                                    <th class="col-sm-1" scope="col">Habilitada</th>
                                    <th class="col-sm-1" scope="col">Ronda</th>
                                    <th class="col-sm-1" scope="col">Poste propio</th>
                                    @if (Auth::user()->hasPermission('habilitar.carga.de.naps.por.relevamiento'))
                                        <th class="col-sm-2" style="width: 15%;" scope="col">Acciones</th>
                                    @endif
                                </tr>
                            </thead>
                            <tbody id="tablaBody">
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>
        </div>
    </div>

    @permission('habilitar.carga.de.naps.por.relevamiento')
        <!-- Modal -->
        <div class="modal fade" id="modal_habilitacion" tabindex="-1" role="dialog"
            aria-labelledby="modal_habilitacionLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="modal_habilitacionLabel"><strong>Habilitación de NAPS</strong></h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-success toggle_rel" data-habilitacion='true'>Habilitar
                            todas</button>
                    </div>
                </div>
            </div>
        </div>
    @endpermission
@endsection

@section('scripts')
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.5/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/yadcf/0.9.3/jquery.dataTables.yadcf.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.css">
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
    <script src="https://cdn.datatables.net/plug-ins/1.10.22/sorting/date-euro.js"></script>
    <script src="/js/dataTables-buttons.min.js"></script>
    <script src="/js/buttons-html5.min.js"></script>
    <script src="/js/jszip.min.js"></script>
    <script src="/js/pdfmake.min.js"></script>
    <script src="/js/buttons.print.min.js"></script>
    <script src="/js/vfs_fonts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.6.5/js/buttons.colVis.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/yadcf/0.9.3/jquery.dataTables.yadcf.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
    @include('config/datatable/Spanish')

    @if (Auth::user()->hasPermission('habilitar.carga.de.naps.por.relevamiento'))
        <link rel="stylesheet" href="https://cdn.datatables.net/select/1.3.3/css/select.dataTables.min.css">
        <script src="https://cdn.datatables.net/select/1.3.3/js/dataTables.select.min.js"></script>
        @include('registros/inc/script_table_02')
    @else
        @include('registros/inc/script', [
            'title' => 'REGISTROS / Editar',
            'action' => 'Edit',
        ])
    @endif
@endsection