@extends('layouts.admin')

@section('contenido')

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

<div class="row justify-content-center align-items-center">
    <div class="col-md-2">
        <a href="{{ route('civiles.create') }}" 
           class="btn btn-success btn-block btn-lg" 
           title="Nuevo Civil">
            Nuevo civil
        </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($civiles as $cil)

                        <tr>

                            <td>{{ $cil->id_civil }}</td>

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

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

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

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

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

                            <td align="center">

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

                                <!-- Editar -->
                                <a class="btn btn-warning" 
                                   href="{{ route('civiles.edit', $cil->id_civil) }}" 
                                   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