@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 del civil</h3>

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

    </div>

</div>

<br>


<!-- Datos del detenido -->
<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"
            class="form-control"
            value="{{ $civiles->nombre }}"
            readonly
        >

    </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"
            class="form-control"
            value="{{ $civiles->apellido }}"
            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="{{ $civiles->dni }}"
            readonly
        >

    </div>

</div>


<!-- Datos personales -->
<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="text"
            name="fecha_nacimiento"
            id="fecha_nacimiento"
            class="form-control"
            value="{{ $civiles->fecha_nacimiento }}"
            readonly
        >

    </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"
            class="form-control"
            value="{{ $civiles->domicilio }}"
            readonly
        >

    </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('civiles.index') }}"
            class="btn btn-primary btn-block btn-lg"
            title="Salir"
        >
            Salir
        </a>

    </div>

</div>


@endsection