@extends('ATCore::atcore_layout')


@section('atplus_main_content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">
            
            <!-- Profile Image -->
            <div class="card card-secondary card-outline">
                <div class="card-body box-profile">
                    <div class="text-center">
                        
                        <img class="profile-user-img img-fluid img-circle"
                        src="{{$user->adminlte_image()}}"
                        alt="User profile picture">
                    </div>
                    
                    <h3 class="profile-username text-center">{{$user->name}}</h3>
                    
                    <p class="text-muted text-center">{{$user->title}}</p>
                    
                    
                    <a href="{{ route('profile.edit') }}" class="btn btn-info btn-block"><b>Editar Perfil</b></a>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
            
        </div>
        <!-- /.col -->
        <div class="col-md-9">
            <div class="card card-secondary">
                <div class="card-header p-2">
                    <h3 class="card-title">Acerca de mi</h3>
                </div><!-- /.card-header -->
                <div class="card-body">
                    <strong><i class="fas fa-signature mr-1"></i> Nombre</strong>
                    
                    <p class="text-muted">
                        {{$user->name}}
                    </p>
                    
                    <hr>
                    <strong><i class="fas fa-user-plus mr-1"></i> Posición</strong>
                    
                    <p class="text-muted">
                        {{$user->position}}
                    </p>
                    
                    <hr>
                    <strong><i class="fas fa-at mr-1"></i> Correo Electrónico</strong>
                    
                    <p class="text-muted">
                        {{$user->email}}
                    </p>
                    
                    <hr>
                    <strong><i class="fas fa-birthday-cake mr-1"></i> Fecha de Nacimiento</strong>
                    
                    <p class="text-muted">
                        {{$user->birthdate}}
                    </p>
                    
                    <hr>
                    <strong><i class="fas fa-phone-square mr-1"></i> Número Telefónico</strong>
                    
                    <p class="text-muted">{{$user->phone_number}}</p>
                    
                </div>
                <!-- /.tab-pane -->
                
            </div>
            <!-- /.tab-content -->
        </div><!-- /.card-body -->
    </div>
    <!-- /.nav-tabs-custom -->
</div>

@stop

@section('atplus_main_js')
<script>

</script>
@stop