@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

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

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

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

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

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

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

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

        </div>


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

    <label for="tipo_id" class="form-check-label">
        Tipo de denuncia (*)
    </label>

    <select
        name="tipo_id"
        id="tipo_id"
        class="form-control"
        required
    >
        <option value="">Seleccione un tipo</option>

        @foreach($tipos as $tipo)
            <option
                value="{{ $tipo->id_tipo }}"
                {{ old('tipo_id') == $tipo->id_tipo ? 'selected' : '' }}
            >
                {{ $tipo->nombre }}
            </option>
        @endforeach

    </select>

</div>


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

            <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>
    
<!-- Personas involucradas -->

<div class="row">
    <div class="form-group col-md-12">
        <h4>Personas involucradas</h4>
        <hr>
    </div>
</div>


<!-- Denunciantes -->
<div class="row">

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

        <label for="denunciantes">
            Denunciantes (A) (*)
        </label>

        <select
            name="denunciantes[]"
            id="denunciantes"
            class="form-control"
            multiple
            size="5"
            required
        >
            @foreach($civiles as $civil)
                <option
                    value="{{ $civil->id_civil }}"
                    @selected(in_array($civil->id_civil, old('denunciantes', [])))
                >
                    {{ $civil->apellido }},
                    {{ $civil->nombre }}
                    - DNI: {{ $civil->dni }}
                </option>
            @endforeach
        </select>

    </div>

</div>

<hr>


<!-- Denunciados -->
<div class="row">

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

        <label for="denunciados">
            Denunciados (D)
        </label>

        <select
            name="denunciados[]"
            id="denunciados"
            class="form-control"
            multiple
            size="5"
        >
            @foreach($civiles as $civil)
                <option
                    value="{{ $civil->id_civil }}"
                    @selected(in_array($civil->id_civil, old('denunciados', [])))
                >
                    {{ $civil->apellido }},
                    {{ $civil->nombre }}
                    - DNI: {{ $civil->dni }}
                </option>
            @endforeach
        </select>

    </div>

</div>

<hr>


<!-- Víctimas -->
<div class="row">

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

        <label for="victimas">
            Víctimas (V)
        </label>

        <select
            name="victimas[]"
            id="victimas"
            class="form-control"
            multiple
            size="5"
        >
            @foreach($civiles as $civil)
                <option
                    value="{{ $civil->id_civil }}"
                    @selected(in_array($civil->id_civil, old('victimas', [])))
                >
                    {{ $civil->apellido }},
                    {{ $civil->nombre }}
                    - DNI: {{ $civil->dni }}
                </option>
            @endforeach
        </select>

    </div>

</div>

<hr>


<!-- Testigos -->
<div class="row">

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

        <label for="testigos">
            Testigos (T)
        </label>

        <select
            name="testigos[]"
            id="testigos"
            class="form-control"
            multiple
            size="5"
        >
            @foreach($civiles as $civil)
                <option
                    value="{{ $civil->id_civil }}"
                    @selected(in_array($civil->id_civil, old('testigos', [])))
                >
                    {{ $civil->apellido }},
                    {{ $civil->nombre }}
                    - DNI: {{ $civil->dni }}
                </option>
            @endforeach
        </select>

    </div>

</div>

<hr>

<div class="row">
    <div class="col-md-12">
        <small class="text-muted">
            Mantenga presionada la tecla Ctrl para
            seleccionar varias personas.
        </small>
    </div>
</div>



    <!-- 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('js')

<script>
    $(document).ready(function() {

        $('#denunciantes, #denunciados, #victimas, #testigos').select2({
            placeholder: 'Seleccione una o varias personas',
            width: '100%',
            allowClear: true
        });

    });
      $('#tipo_id').select2({
            placeholder: 'Seleccione Tipo',
            width: '100%',
            allowClear: true
        });
</script>

@endpush