@extends('layouts.index')

@section('estilos')
    <link rel="stylesheet" href="{{ asset('css/style.css') }}">
    <script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
@stop

@section('menu')
    @include('menu.index')
@stop

@section('content')

<div class="row">
    <div class="col-md-8">
        <h3 class="text-left text-muted">{{'Datos Usuario : '.$usuario->nombres." ".$usuario->apellido_paterno." ".$usuario->apellido_materno}}</h3>
    </div>
</div>

<div class="row espacio15">
    <div class="col-md-5">
        <div class="row">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-4 espacio7">
                        <label class="form-label">Rut</label>
                        <input type="text" readonly value="{{$usuario->rut."-".digito_verificador($usuario->rut)}}" class="form-control form-control-sm espaciomenos7">
                    </div>

                    <div class="col-md-5 espacio7">
                        <label class="form-label">Fecha de Nacimiento</label>
                        <input type="text" readonly value="{{ $usuario->fecha_nacimiento }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 espacio7">
                        <label class="form-label">Nombres</label>
                        <input type="text" readonly value="{{ $usuario->nombres }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 espacio7">
                        <label class="form-label">Apellido Paterno</label>
                        <input type="text" readonly value="{{ $usuario->apellido_paterno }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                    <div class="col-md-6 espacio7">
                        <label class="form-label">Apellido Materno</label>
                        <input type="text" readonly value="{{ $usuario->apellido_materno }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
            </div>
        </div>

        <div class="row espacio15">
            <div class="col-md-12">
                <div class="row">
                    <div class="col-md-6 espacio7">
                        <label class="form-label">Direccion</label>
                        <input type="text" readonly value="{{ $usuario->direccion }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                    <div class="col-md-6 espacio7">
                        <label class="form-label">E-mail</label>
                        <input type="text" readonly value="{{ $usuario->email }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
                <div class="row espacio15">
                    <div class="col-md-4 espacio7">
                        <label class="form-label">Region</label>
                        <input type="text" readonly value="{{ $usuario->region }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                    <div class="col-md-4 espacio7">
                        <label class="form-label">Provincia</label>
                        <input type="text" readonly value="{{ $usuario->provincia }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                    <div class="col-md-4 espacio7">
                        <label class="form-label">Comuna</label>
                        <input type="text" readonly value="{{ $usuario->comuna }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 espacio7">
                        <label class="form-label">Telefono</label>
                        <input type="text" readonly value="{{ $usuario->telefono }}" class="form-control form-control-sm espaciomenos7">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@stop

@section('scripts')
<script src="{{ asset('js/jquery-3.5.1.js') }}" defer></script>
@stop