@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>Nuevo Civil</h3>
    </div>
</div>


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

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

    </div>
</div>

<br>


<!-- Formulario para crear un nuevo detenido -->
<form method="POST" action="{{ route('civiles.store') }}">

    @csrf

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

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

            <label for="nombre" class="form-check-label">
                Nombre (*)
            </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 (*)
            </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 de nacimiento -->
        <div class="form-group col-md-4">

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

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

        </div>


        <!-- Domicilio -->
        <div class="form-group col-md-8">

            <label for="domicilio" class="form-check-label">
                Domicilio (*)
            </label>

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

        </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('civiles.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