@extends('layouts.admin')

@section('contenido')

<div class="row justify-content-center align-items-center">
    <div class="col-12 col-md-11">
        <h3>Listado de Detenidos</h3>
    </div>
</div>

<div class="row justify-content-center align-items-center">
    <div class="col-md-2">
        <a href="{{ route('detenidos.create') }}" 
           class="btn btn-success btn-block btn-lg" 
           title="Nuevo Detenido">
            Nuevo detenido
        </a>
    </div>
</div>

<br>

<div class="row justify-content-center align-items-center">
    <div class="col-12 col-md-11">

        @include('compartido.mensajes')
        @include('compartido.errores')

        <div class="table-responsive">

            <table class="table table-striped table-bordered table-hover" id="example">

                <thead>
                    <tr>
                        <th>Id</th>
                        <th>Nombre</th>
                        <th>Apellido</th>
                        <th>DNI</th>
                        <th>Fecha de nacimiento</th>
                        <th>Domicilio</th>
                        <th>Acciones</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($detenidos as $det)

                        <tr>

                            <td>{{ $det->id_detenido }}</td>

                            <td>{{ $det->nombre }}</td>

                            <td>{{ $det->apellido }}</td>

                            <td>{{ $det->dni }}</td>

                            <td>{{ $det->fecha_nacimiento }}</td>

                            <td>{{ $det->domicilio }}</td>

                            <td align="center">

                                <!-- Ver -->
                                <a class="btn btn-info" 
                                   href="{{ route('detenidos.show', $det->id_detenido) }}" 
                                   title="Ver más">
                                    <i class="fa fa-eye"></i>
                                </a>

                                <!-- Editar -->
                                <a class="btn btn-warning" 
                                   href="{{ route('detenidos.edit', $det->id_detenido) }}" 
                                   title="Editar">
                                    <i class="fas fa-edit"></i>
                                </a>

                            </td>

                        </tr>

                    @endforeach

                </tbody>

            </table>

        </div>

    </div>
</div>

@endsection


@push('styles')

@endpush


@push('scripts')

<script>

    $('#example').DataTable({
        dom: 'Bfrtip',
        buttons: ['excel'],
        pageLength: 5,
    });

</script>

@endpush