@extends('layouts.admin')

@section('contenido')

<!-- Título -->
<div class="row justify-content-center align-items-center">
    <div class="col-md-11">
        <h3>Detalle de Denuncia N° {{ $denuncia->id_denuncia }}</h3>
    </div>
</div>

<br>

<!-- Datos de la denuncia -->
<div class="row justify-content-center">
    <div class="col-md-11">

        <div class="card card-primary">

            <div class="card-header">
                <h3 class="card-title">Datos de la denuncia</h3>
            </div>

            <div class="card-body">

                <!-- Primera fila -->
                <div class="row">

                    <!-- Fecha de denuncia -->
                    <div class="form-group col-md-3">
                        <label>Fecha de denuncia</label>

                        <input
                            type="text"
                            class="form-control"
                            value="{{ $denuncia->fecha }}"
                            readonly
                        >
                    </div>

                    <!-- Fecha del hecho -->
                    <div class="form-group col-md-3">
                        <label>Fecha del hecho</label>

                        <input
                            type="text"
                            class="form-control"
                            value="{{ $denuncia->fecha_hecho }}"
                            readonly
                        >
                    </div>

                    <!-- Tipo de denuncia -->
                    <div class="form-group col-md-3">
                        <label>Tipo de denuncia</label>

                        <input
                            type="text"
                            class="form-control"
                            value="{{ $denuncia->tipo->nombre ?? 'Sin especificar' }}"
                            readonly
                        >
                    </div>

                    <!-- Estado -->
                    <div class="form-group col-md-3">
                        <label>Estado</label>

                        <input
                            type="text"
                            class="form-control"
                            value="{{ $denuncia->estado->nombre ?? 'Sin especificar' }}"
                            readonly
                        >
                    </div>

                </div>

                <!-- Segunda fila -->
                <div class="row">

                    <!-- Lugar -->
                    <div class="form-group col-md-12">
                        <label>Lugar del hecho</label>

                        <input
                            type="text"
                            class="form-control"
                            value="{{ $denuncia->lugar }}"
                            readonly
                        >
                    </div>

                </div>

                <!-- Tercera fila -->
                <div class="row">

                    <!-- Descripción -->
                    <div class="form-group col-md-12">
                        <label>Descripción</label>

                        <textarea
                            class="form-control"
                            rows="5"
                            readonly
                        >{{ $denuncia->descripcion }}</textarea>
                    </div>

                </div>

            </div>

        </div>

    </div>
</div>


<!-- Personas involucradas -->
<div class="row justify-content-center">
    <div class="col-md-11">

        <div class="card card-info">

            <div class="card-header">
                <h3 class="card-title">Personas involucradas</h3>
            </div>

            <div class="card-body">

                <!-- DENUNCIANTES -->
                <div class="row">
                    <div class="col-md-12">

                        <h5>Denunciantes (A)</h5>
                        <hr>

                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">

                                <thead>
                                    <tr>
                                        <th>Apellido</th>
                                        <th>Nombre</th>
                                        <th>DNI</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @forelse($denuncia->civiles->where('pivot.rol_en_denuncia', 'A') as $civil)

                                        <tr>
                                            <td>{{ $civil->apellido }}</td>
                                            <td>{{ $civil->nombre }}</td>
                                            <td>{{ $civil->dni }}</td>
                                        </tr>

                                    @empty

                                        <tr>
                                            <td colspan="3" class="text-center">
                                                No hay denunciantes registrados.
                                            </td>
                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>

                <br>


                <!-- DENUNCIADOS -->
                <div class="row">
                    <div class="col-md-12">

                        <h5>Denunciados (D)</h5>
                        <hr>

                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">

                                <thead>
                                    <tr>
                                        <th>Apellido</th>
                                        <th>Nombre</th>
                                        <th>DNI</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @forelse($denuncia->civiles->where('pivot.rol_en_denuncia', 'D') as $civil)

                                        <tr>
                                            <td>{{ $civil->apellido }}</td>
                                            <td>{{ $civil->nombre }}</td>
                                            <td>{{ $civil->dni }}</td>
                                        </tr>

                                    @empty

                                        <tr>
                                            <td colspan="3" class="text-center">
                                                No hay denunciados registrados.
                                            </td>
                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>

                <br>


                <!-- VÍCTIMAS -->
                <div class="row">
                    <div class="col-md-12">

                        <h5>Víctimas (V)</h5>
                        <hr>

                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">

                                <thead>
                                    <tr>
                                        <th>Apellido</th>
                                        <th>Nombre</th>
                                        <th>DNI</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @forelse($denuncia->civiles->where('pivot.rol_en_denuncia', 'V') as $civil)

                                        <tr>
                                            <td>{{ $civil->apellido }}</td>
                                            <td>{{ $civil->nombre }}</td>
                                            <td>{{ $civil->dni }}</td>
                                        </tr>

                                    @empty

                                        <tr>
                                            <td colspan="3" class="text-center">
                                                No hay víctimas registradas.
                                            </td>
                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>

                <br>


                <!-- TESTIGOS -->
                <div class="row">
                    <div class="col-md-12">

                        <h5>Testigos (T)</h5>
                        <hr>

                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">

                                <thead>
                                    <tr>
                                        <th>Apellido</th>
                                        <th>Nombre</th>
                                        <th>DNI</th>
                                    </tr>
                                </thead>

                                <tbody>

                                    @forelse($denuncia->civiles->where('pivot.rol_en_denuncia', 'T') as $civil)

                                        <tr>
                                            <td>{{ $civil->apellido }}</td>
                                            <td>{{ $civil->nombre }}</td>
                                            <td>{{ $civil->dni }}</td>
                                        </tr>

                                    @empty

                                        <tr>
                                            <td colspan="3" class="text-center">
                                                No hay testigos registrados.
                                            </td>
                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>
                        </div>

                    </div>
                </div>

            </div>

        </div>

    </div>
</div>


<!-- Botones -->
<div class="row justify-content-center align-items-center">

    <!-- Editar -->
    <div class="col-md-2">

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

    </div>

    <!-- Volver -->
    <div class="col-md-2">

        <a
            href="{{ route('denuncias.index') }}"
            class="btn btn-primary btn-block btn-lg"
        >
            Volver
        </a>

    </div>

</div>

<br>

@endsection