@extends('layouts.admin')

@section('contenido')

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

<div class="row justify-content-center align-items-center">
    <div class="col-md-2">
        <a href="{{ route('denuncias.create') }}" 
           class="btn btn-success btn-block btn-lg" 
           title="Nueva Denuncia">
            Nueva denuncia
        </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>Denunciante</th>
                        <th>DNI</th>
                        <th>Fecha</th>
                        <th>Tipo</th>
                        <th>Lugar</th>
                        <th>Acciones</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($denuncias as $den)

                        <tr>

                            <td>{{ $den->id_denuncia }}</td>

                            <td>
                                {{ $den->nombre_denunciante }}
                                {{ $den->apellido_denunciante }}
                            </td>

                            <td>{{ $den->dni_denunciante }}</td>

                            <td>{{ $den->fecha }}</td>

                            <td>{{ $den->tipo }}</td>

                            <td>{{ $den->lugar }}</td>

                            <td align="center">

                                @if($den->deleted_at == null)

                                    <form method="POST" 
                                          action="{{ route('denuncias.destroy', $den->id_denuncia) }}" 
                                          style="display:inline;">

                                        @csrf
                                        @method('DELETE')

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

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

                                        <!-- Eliminar -->
                                        <button class="btn btn-danger" 
                                                onclick="return confirm('¿Está seguro de eliminar esta denuncia?');" 
                                                title="Eliminar">
                                            <i class="fas fa-trash"></i>
                                        </button>

                                    </form>

                                @else

                                    <form method="POST" 
                                          action="{{ route('denuncias.restaurar', $den->id_denuncia) }}" 
                                          style="display:inline;">

                                        @csrf
                                        @method('PUT')

                                        <!-- Restaurar -->
                                        <button class="btn btn-success" 
                                                onclick="return confirm('¿Está seguro de restaurar esta denuncia?');" 
                                                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