@extends ('layouts.admin')
@section ('title')
SisVentas | Usuarios
@endsection
@section ('contenido')
<!-- start page title -->
<div class="row">
  <div class="col-12">
    <div class="page-title-box">
      <div class="page-title-right">
        <ol class="breadcrumb m-0">
          <li class="breadcrumb-item"><a href="javascript: void(0);">Inicio</a></li>
          <li class="breadcrumb-item"><a href="javascript: void(0);">Acceso</a></li>
          <li class="breadcrumb-item active">Perfil</li>
        </ol>
      </div>
      <h4 class="page-title">Mi cuenta</h4>
    </div>
  </div>
</div>     
<!-- end page title --> 

<div class="row">
  <div class="col-xl-4 col-lg-5">
    <div class="card text-center">
      <div class="card-body">
        <img src="{{asset('imagenes/usuarios/logo.jpg')}}" class="rounded-circle avatar-lg img-thumbnail" alt="profile-image">
        <h4 class="mb-0 mt-2">{{ $user->name }}</h4>
        <p class="text-muted font-14">{{ $user->email }}</p>
        <button type="button" class="btn btn-success btn-sm mb-2">Editar cuenta</button>
        <button type="button" class="btn btn-danger btn-sm mb-2">Message</button>
      </div> <!-- end card-body -->
    </div> <!-- end card -->

  </div> <!-- end col-->

  <div class="col-xl-8 col-lg-7">
    <div class="card">
      <div class="card-body">

        <h5 class="text-uppercase"><i class="mdi mdi-briefcase me-1"></i>
        Perfil de Usuario </h5>

        <div class="timeline-alt pb-0">
          <div class="timeline-item">
            <i class="mdi mdi-circle bg-info-lighten text-info timeline-icon"></i>
            <div class="timeline-item-info">
              <h5 class="mt-0 mb-1">Datos</h5>
              <div class="row">
                <div class="bio-row">
                  <strong>Nombres:</strong>
                  <input type="text" name="name" class="form-control" placeholder="{{ $user->name }}" disabled>
                </div>
                <div class="bio-row">
                  <strong>Email:</strong>
                  <input type="text" name="email" class="form-control" placeholder="{{ $user->email }}" disabled>
                </div>
                <div class="bio-row">
                  <strong>Contraseña:</strong>
                  <input type="text" name="password" class="form-control" placeholder="********" disabled>
                </div>
                <div class="bio-row">
                  <strong>Fecha Creación:</strong>
                  <input type="text" name="created_at" class="form-control" placeholder="{{ $user->created_at }}" disabled>
                </div>
                <div class="bio-row">
                  <strong>Fecha Actualización:</strong>
                  <input type="text" name="updated_at" class="form-control" placeholder="{{ $user->updated_at }}" disabled>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- end timeline -->
      </div> <!-- end card body -->
    </div> <!-- end card -->
  </div> <!-- end col -->
</div>
<!-- end row-->
@push ('scripts')
<script>
  $('#liAcceso').addClass("sub active");
  $('#aAcceso').addClass("active");
  $('#liUsuarios').addClass("active");
</script>
@endpush
@endsection