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

<!-- Título -->
<div class="row justify-content-center align-items-center">
    <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11">
        <h3>Nueva Denuncia</h3>
    </div>
</div>


<!-- Mensajes -->
<div class="row">
    <div class="col-md-10">

        @include('compartido.mensajes') 
        @include('compartido.errores') 

    </div>
</div>

<br>


<!-- Formulario para crear una nueva denuncia -->
<form method="POST" action="{{ route('denuncias.store') }}">

    @csrf

    <!-- Primera fila -->
    <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" 
                value="{{ old('nombre') }}" 
                required 
                class="form-control"
            >
        </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" 
                value="{{ old('apellido') }}" 
                required
                class="form-control"
            >

        </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" 
                value="{{ old('dni') }}" 
                required
                class="form-control"
            >

        </div>

    </div>


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

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

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

            <input 
                type="date" 
                name="fecha" 
                id="fecha" 
                value="{{ old('fecha') }}" 
                required
                class="form-control"
            >

        </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" 
                value="{{ old('tipo') }}" 
                required
                class="form-control"
            >

        </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" 
                value="{{ old('lugar') }}" 
                required
                class="form-control"
            >

        </div>

    </div>


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

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

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

            <textarea 
                name="descripcion" 
                id="descripcion" 
                rows="5" 
                required
                class="form-control"
                maxlength="500"
            >{{ old('descripcion') }}</textarea>

        </div>

    </div>


    <br>


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

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

            <button 
                type="submit" 
                class="btn btn-success btn-block btn-lg"
            >
                Guardar
            </button>

        </div>


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

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

        </div>

    </div>

</form>

@endsection


@push('scripts')

<script>
    // Aquí podremos agregar JavaScript específico para esta vista.
</script>

@endpush