@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>Fecha</th>
                        <th>Tipo</th>
                        <th>Lugar</th>
                        <th>Descripcion</th>
                        <th>Acciones</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach($denuncias as $den)

                        <tr>

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

                           

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

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

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

                            <td align="center">

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

                                <td align="center">

                                   <!-- 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>
                                </td>

                                @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