@extends('layouts.includes.header')
@section('content')
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
    Customers Details
    <small>Control panel</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-dashboard"></i> Customers Details</a></li>
      <li class="active">Dashboard</li>
    </ol>
  </section>
  <!-- Main content -->
  <section class="content">
    @include('layouts.includes.adminlte.alerts')
    <div class="row">
      <div class="col-lg-12">
        <div class="box">
          <div class="box-header with-border">
            <h3 class="box-title" style="padding-top: 5px;"></h3>
            <div class="box-tools">
              
            </div>
          </div>
          <!-- /.box-header -->
          <div class="box-body">
            <div class="col-md-12">
              <!-- Widget: user widget style 1 -->
              <div class="box box-widget widget-user">
                <!-- Add the bg color to the header using any of the bg-* classes -->
                <div class="widget-user-header bg-black" style="background: url('{{ asset('/uploads/site/users/' . $users->avatar) }}') center center;">
                  <h3 class="widget-user-username">{{ $users->name }}</h3>
                  <!-- <h5 class="widget-user-desc">{{ $users->email }}</h5> -->
                </div>
                <div class="widget-user-image">
                  <img class="img-circle" src="{{ asset('/uploads/site/users/' . $users->avatar) }}" alt="User Avatar">
                </div>
                <div class="box-footer">
                  <div class="row">
                    <div class="col-sm-4 border-right">
                      <div class="description-block">
                        <h5 class="description-header">Email</h5>
                        <span class="description-text">{{ $users->email }}</span>
                      </div>
                      <!-- /.description-block -->
                    </div>
                    <!-- /.col -->
                    <div class="col-sm-4 border-right">
                      <div class="description-block">
                        <h5 class="description-header">Mobile</h5>
                        <span class="description-text">{{ $users->mobile }}</span>
                      </div>
                      <!-- /.description-block -->
                    </div>
                    <!-- /.col -->
                   <!--  <div class="col-sm-4">
                      <div class="description-block">
                        <h5 class="description-header">35</h5>
                        <span class="description-text">PRODUCTS</span>
                      </div>

                    </div> -->
                    <!-- /.col -->
                  </div>
                  <!-- /.row -->
                </div>
              </div>
              <!-- /.widget-user -->
            </div>
          </div>
          <!-- /.box-body -->
          
        </div>
      </div>
    </div>
    
  </section>
  <!-- /.content -->
</div>
@endsection