@extends('layouts.admin')
@section('contenido')

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

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

    @if(session('mensaje-success'))
      <div class="alert alert-success alert-dismissible fade show" role="alert">
        {{ session('mensaje-success') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    @endif
    @if(session('mensaje-error'))
      <div class="alert alert-danger alert-dismissible fade show" role="alert">
        {{ session('mensaje-error') }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Cerrar">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    @endif

    <div class="table-responsive">
      <table class="table table-striped table-bordered table-hover" id="example">
        <thead>
          <tr>
            <th>#</th>
            <th>Id</th>
            <th>Nombre</th>
            <th>Apellido</th>
            <th>DNI</th>
            <th>Creado</th>
            <th>Actualizado</th>
            <th>Eliminado</th>
            <th>Acciones</th>
          </tr>
        </thead>
        <tbody>
          @foreach($personas as $persona)
            <tr>
              <td>{{ $loop->iteration }}</td>
              <td>{{ $persona->id }}</td>
              <td>{{ $persona->nombre }}</td>
              <td>{{ $persona->apellido }}</td>
              <td>{{ $persona->dni }}</td>
              <td>{{ optional($persona->created_at)->format('d/m/Y H:i') }}</td>
              <td>{{ optional($persona->updated_at)->format('d/m/Y H:i') }}</td>
              <td>
                @if($persona->deleted_at)
                  <span class="badge badge-danger">{{ optional($persona->deleted_at)->format('d/m/Y H:i') }}</span>
                @else
                  -
                @endif
              </td>
              <td class="text-center">
                @if(!$persona->deleted_at)
                  <form method="POST" action="{{ route('persona.destroy', $persona->id) }}" style="display:inline;">
                    @csrf
                    @method('DELETE')

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

                    <a class="btn btn-warning" href="{{ route('persona.edit', $persona->id) }}" title="Editar">
                      <i class="fa fa-pencil"></i>
                    </a>

                    <button class="btn btn-danger" onclick="return confirm('¿Está seguro de eliminar la persona?');" title="Eliminar">
                      <i class="fa fa-trash"></i>
                    </button>
                  </form>
                @else
                  <form method="POST" action="{{ route('persona.restaurar', $persona->id) }}" style="display:inline;">
                    @csrf
                    @method('PUT')
                    <button class="btn btn-success" onclick="return confirm('¿Está seguro de restaurar la persona?');" title="Restaurar">
                      <i class="fa fa-undo"></i>
                    </button>
                  </form>
                @endif
              </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