@extends('layouts.admin')

@section('contenido')

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

    <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11">

        <h3>Ver Datos de la Denuncia</h3>

        <div class="progress" style="height: 2px;"></div>

    </div>

</div>

<br>


<!-- Datos del denunciante -->
<div class="row">

    <!-- Nombre -->
    <div class="form-group col-md-4">

        <label for="nombre" class="form-check-label">
            Nombre del denunciante
        </label>

        <input 
            type="text" 
            name="nombre" 
            id="nombre" 
            class="form-control" 
            value="{{ $denuncias->nombre_denunciante }}" 
            readonly
        >

    </div>


    <!-- Apellido -->
    <div class="form-group col-md-4">

        <label for="apellido" class="form-check-label">
            Apellido del denunciante
        </label>

        <input 
            type="text" 
            name="apellido" 
            id="apellido" 
            class="form-control" 
            value="{{ $denuncias->apellido_denunciante }}" 
            readonly
        >

    </div>


    <!-- DNI -->
    <div class="form-group col-md-4">

        <label for="dni" class="form-check-label">
            DNI
        </label>

        <input 
            type="text" 
            name="dni" 
            id="dni" 
            class="form-control" 
            value="{{ $denuncias->dni_denunciante }}" 
            readonly
        >

    </div>

</div>


<!-- Datos de la denuncia -->
<div class="row">

    <!-- Fecha -->
    <div class="form-group col-md-4">

        <label for="fecha" class="form-check-label">
            Fecha
        </label>

        <input 
            type="text" 
            name="fecha" 
            id="fecha" 
            class="form-control" 
            value="{{ $denuncias->fecha }}" 
            readonly
        >

    </div>


    <!-- Tipo -->
    <div class="form-group col-md-4">

        <label for="tipo" class="form-check-label">
            Tipo de denuncia
        </label>

        <input 
            type="text" 
            name="tipo" 
            id="tipo" 
            class="form-control" 
            value="{{ $denuncias->tipo }}" 
            readonly
        >

    </div>


    <!-- Lugar -->
    <div class="form-group col-md-4">

        <label for="lugar" class="form-check-label">
            Lugar
        </label>

        <input 
            type="text" 
            name="lugar" 
            id="lugar" 
            class="form-control" 
            value="{{ $denuncias->lugar }}" 
            readonly
        >

    </div>

</div>


<!-- Descripción -->
<div class="row">

    <div class="form-group col-md-12">

        <label for="descripcion" class="form-check-label">
            Descripción
        </label>

        <textarea 
            name="descripcion" 
            id="descripcion" 
            rows="6" 
            class="form-control" 
            readonly
        >{{ $denuncia->descripcion }}</textarea>

    </div>

</div>


<br>

<legend></legend>


<!-- Botón Salir -->
<div class="row justify-content-center align-items-center">

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

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

    </div>

</div>


@endsection