@extends('patrullaje_lotes.layout')

@section('patrullaje_lotes.m_header')
    <!-- DataTables -->
    <link rel="stylesheet" href="/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
    <link rel="stylesheet" href="/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
@endsection

@section('patrullaje_lotes.breadcrumbs')
    <!-- Content Header (patrullaje_lotes breadcrumbs) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>@lang('Patrullaje Lotes')</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ implode('/', ['','patrullaje_lotes']) }}">Patrullaje Lotes</a></li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
@endsection

@section('patrullaje_lotes.content')
    <div class="pt-3">
        <div class="card card-info card-outline">
            <div class="card-header">
                <h3 class="card-title">@lang('Patrullaje Lotes')</h3>
                <div class="card-tools">
                    <a href="{{ route('patrullaje_lotes.create', []) }}" class="btn btn-tool ">
                        <i class="fa fa-plus"></i> @lang('Create new') @lang('Lote')
                    </a>
                    <span class="btn btn-tool">
                        <form class="form-inline" action="{{ route('patrullaje_lotes.index', []) }}" method="GET">
                            <div class="input-group input-group-sm">
                                <input class="form-control" type="search" aria-label="Search" name="search" placeholder="Buscar Lote..." value="{{ request()->search }}">
                                <div class="input-group-append">
                                    <button class="btn" type="submit">
                                        <i class="fas fa-search"></i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </span>
                </div>
            </div>
            <div class="card-body">
                <table class="table table-bordered table-hover" id="patrullaje_lotes-table">
                    <thead role="rowgroup">
                        <tr role="row">
                            <th role='columnheader'>Número Lote</th>
                            <th role='columnheader'>Usuario</th>
                            <th role='columnheader'>Personal</th>
                            <th role='columnheader'>Zona</th>
                            <th role='columnheader'>Fecha Patrulla</th>
                            <th role='columnheader'>Estado</th>
                            <th scope="col" data-label="Actions"><i class="fas fa-cogs"></i></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($patrullajeLotes as $lote)
                            <tr>
                                <td data-label="Número Lote">{{ $lote->numero_lote ?: "(blank)" }}</td>
                                <td data-label="Usuario">{{ $lote->usuario->name ?? "(blank)" }}</td>
                                <td data-label="Personal">{{ $lote->cantidad_personal ?: "(blank)" }}</td>
                                <td data-label="Zona">{{ $lote->zona ?: "(blank)" }}</td>
                                <td data-label="Fecha Patrulla">{{ $lote->fecha_patrulla ? $lote->fecha_patrulla->format('d/m/Y') : "(blank)" }}</td>
                                <td data-label="Estado">
                                    <span class="badge badge-{{ $lote->estado == 'activo' ? 'success' : ($lote->estado == 'completado' ? 'primary' : 'danger') }}">
                                        {{ ucfirst($lote->estado) }}
                                    </span>
                                </td>
                                <td data-label="Actions:" class="text-nowrap">
                                    <a href="{{route('patrullaje_lotes.show', $lote)}}" type="button" class="btn btn-primary btn-sm me-1">@lang('Show')</a>
                                    <div class="btn-group btn-group-sm">
                                        <button type="button" class="btn btn-light dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-cog"></i></button>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="{{route('patrullaje_lotes.edit', $lote)}}">@lang('Edit')</a></li>
                                            <li>
                                                <form action="{{route('patrullaje_lotes.destroy', $lote)}}" method="POST" style="display: inline;" class="m-0 p-0">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="dropdown-item">@lang('Delete')</button>
                                                </form>
                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>

                {{ $patrullajeLotes->withQueryString()->links() }}
            </div>
            <div class="text-center my-2">
                <a href="{{ route('patrullaje_lotes.create', []) }}" class="btn btn-primary"><i class="fa fa-plus"></i> @lang('Create new') @lang('Lote')</a>
            </div>
        </div>
    </div>
@endsection

@section('patrullaje_lotes.scripts')
    <!-- DataTables  & Plugins -->
    <script src="/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
    <script src="/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
    <script src="/plugins/jszip/jszip.min.js"></script>
    <script src="/plugins/pdfmake/pdfmake.min.js"></script>
    <script src="/plugins/pdfmake/vfs_fonts.js"></script>
    <script src="/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
    <script src="/plugins/datatables-buttons/js/buttons.print.min.js"></script>
    <script src="/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
    <script>
        $(function () {
            $("#patrullaje_lotes-table").DataTable({
                "responsive": true,
                "lengthChange": false,
                "autoWidth": false,
                "paging": false,
                "searching": false,
                "language": {
                    url: '/plugins/datatables/es-ES.json',
                },
                "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
            }).buttons().container().appendTo('#patrullaje_lotes-table_wrapper .col-md-6:eq(0)');
        });
    </script>
@endsection