@extends('layouts.admin')
@section('page_title')
@parent
پروفایل {{$user->fname}} {{$user->lname}}
@endsection
@section('head-js')
<link href="/plugins/datatables/dataTables.min.css" rel="stylesheet">
<style>
.tab_right .tab-content {
    min-height: 300px;
}
</style>
@endsection
@section('main')
  <div class="header">
    <h2>پروفایل کاربری</h2>
    <div class="breadcrumb-wrapper">
      <ol class="breadcrumb">
        <li><a href="/admin/dashboard">پیشخوان</a></li>
        <li><a href="/admin/users">مدیریت کاربران</a></li>
        <li class="active">مشاهده حساب کاربری</li>
      </ol>
    </div>
    @include('admin.error')
  </div>
<div class="row">
  <div class="col-md-4">
    <div class="panel profilepanel">
        <div class="panel-content">
          <img class="avatar" @if($user->avatar) src="{{asset('/uploads/avatars/'.$user->avatar)}}" @else src="/avatar.png" @endif>
          <h3 class="name"><strong>{{$user->fname}} {{$user->lname}}</strong></h3>
          @if($user->active == 1)
          <span class="label-active label-status">وضعیت: فعال</span>
          @else
          <span class="label label-danger label-status">وضعیت: معلق</span>
          @endif
          <h4 class="date"><strong>تاریخ عضویت: </strong> {{\Morilog\Jalali\Jalalian::forge($user->created_at)->format('d  F Y ')}}</h4>
          <h4 class="date"><strong>آخرین به روزرسانی: </strong> {{\Morilog\Jalali\Jalalian::forge($user->updated_at)->format('d  F Y ')}}</h4>
          <button class="btn btn-dark btn-sm" data-toggle="modal" data-target="#sendmsg" style="display: table; margin:5px auto; ">ارسال پیام به کاربر</button>
          @if($user->active == 1)
            <a class="btn btn-danger btn-sm" data-toggle="modal" data-target="#ban" title="مسدود کردن کاربر" style="display: table; margin:5px auto;"><i class="icon-lock"></i>مسدود کردن کاربر</a>
          @else
            <a class="btn btn-dark btn-sm" href="/admin/users/unban/{{$user->id}}" title="رفع مسدودی کاربر" style="display: table; margin:5px auto;" ><i class="icon-lock-open"  ></i>رفع مسدودی کاربر</a>
          @endif
        </div>
    </div>
    <div class="panel bg-blue ">
        <div class="panel-content text-center">
            <h2 class="mt-4">{{$user->credit}}</h2>
            <h4>امتیاز باشگاه مشتریان</h4>
        </div>
        @can('club-addcredit')
        <button class="btn btn-dark btn-sm mt-6 mb-6" data-toggle="modal" data-target="#addcredit" style="display: table; margin:5px auto; ">افزودن به امتیاز</button>
        @endcan
    </div>
    
  </div>

  <div class="col-md-8">
    <div class="panel">
        <div class="panel-header">
          <h3>سوابق و اطلاعات حساب</h3>
        </div>
        <div class="panel-content">

          <div class="tab_right">
            <ul  class="nav nav-tabs nav-primary">
              <li class="active"><a href="#tab3_2" data-toggle="tab"><i class="icon-layers"></i>  اطلاعات کاربر</a></li>
              <li><a href="#tab3_1" data-toggle="tab"><i class="icon-user"></i> سفارش ها</a></li>
              <!-- <li><a href="#tab3_3" data-toggle="tab"><i class="icon-grid"></i> صورتحساب ها</a></li> -->
              <!-- <li><a href="#tab3_4" data-toggle="tab"><i class="icon-envelope"></i> پیام ها</a></li> -->
            </ul>
            <div class="tab-content">
              <div class="tab-pane fade active in" id="tab3_2">
                <div class="detail">
                  <span><i class="icon-user"></i> <strong>نام و نام خانوادگی :</strong> {{$user->fname}} {{$user->lname}}</span>
                </div>
                <div class="detail">
                  <span><i class="icon-call-end"></i> <strong>شماره همراه :</strong> {{$user->mobile}}</span>
                </div>
                <div class="detail">
                  <span><i class="icon-envelope"></i> <strong>پست الکترونیکی :</strong> {{$user->email}}</span>
                </div>
                <div class="detail">
                  <span><i class="icon-info"></i> <strong>جنسیت :</strong>@if($user->gender == 1 ) خانم @elseif($user->gender) آقا @else @endif</span>
                </div>       
                <div class="detail">
                  <span><i class="icon-info"></i> <strong>تاریخ تولد :</strong>    {{\Morilog\Jalali\Jalalian::forge($user->birthday)->format('d F Y')}}  </span>
                </div>                  
                <div class="detail">
                  <span><i class="icon-users"></i> <strong>نقش کاربر :</strong>
                    @if($user->level == 'User')
                      مشتری
                    @elseif($user->level == 'Admin')
                      {{$user->roles->label}}
                    @endif