@extends('layouts.app', ['title' => 'Detalles de Usuario: '.$user->name])
@section('content')
    <div class="container mx-4" id="users">

            <h2>Información básica</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Nombres</label>
                        <h3>{{$user->first_name}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Apellidos</label>
                        <h3>{{$user->last_name}}</h3>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Tipo de Identificación</label>
                        <h3>{{@$user->identificationType->name ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Número de Identificación</label>
                        <h3>{{$user->identification ?? '-'}}</h3>
                    </div>
                </div>
            </div>


            <h2>Información complementaria</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Email</label>
                        <h3>{{$user->email}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Teléfono</label>
                        <h3>{{$user->phone ?? '-'}}</h3>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Fecha de nacimiento</label>
                        <h3>{{$user->birthday ?? '-'}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Sexo</label>
                        <h3>{{$user->sex ?? '-'}}</h3>
                    </div>
                </div>
            </div>


            <h2>Información del sistema</h2>
            <div class="row mb-4 p-3 border rounded">
                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Tipo</label>
                        <h3>{{$user->type}}</h3>
                    </div>

                    <div class="form-group">
                        <label for="">Estado</label><br>
                        @if($user->active)
                            <span class="badge badge-lg badge-success">Activo</span>
                        @else
                            <span class="badge badge-lg badge-danger">Inactivo</span>
                        @endif
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="form-group">
                        <label for="">Cliente <small>(Institución Educativa/Cuenta Personal)</small></label>
                        <h3>{{$user->client->name}}</h3>
                    </div>
                </div>
            </div>


            <div class="my-4">
                <a href="{{route('admin.users.index')}}" class="btn btn-secondary">
                    <i class="fa fa-arrow-left"></i> Volver
                </a>
                <a href="{{route('admin.users.edit', $user)}}" class="btn btn-primary" type="submit">
                    <i class="fa fa-edit"></i> Editar este usuario
                </a>
            </div>


    </div>
@endsection
@push('js')
    <script>
        $('#client_id').selectpicker('val', @json(old('client_id', $user->client_id)));
    </script>
@endpush