@extends('admin.layout')
@section('title',__('Show user'))
@section('css')
  <!-- DATA TABLES -->
  <link href="{{URL::asset('assets/admin/plugins/datatables/dataTables.bootstrap.css')}}" rel="stylesheet" type="text/css" />
  <style>
  #left_align td,th{
      text-align: left
  }
  #orders td,th{
      text-align: center
  }
  .alert{
      text-align: center;
      padding-left: 10px;
      font-size: 17px;
  }
  </style>
@endsection
@section('breadcrump')
  <h1>
    {{$user->name}}
  </h1>
  <ol class="breadcrumb direction">
    <li><a href="{{ url('admin/dashboard') }}"><i class="fa fa-dashboard"></i> {{__('Home')}}</a></li>
    <li><a href="{{ url('admin/users') }}"><i class="fa fa-user"></i> {{__('Users')}}</a></li>
    <li class="active">{{$user->name}}</li>
  </ol>
@endsection

@section('content')
<div class="row">
  <div class="col-sm-6">
    <div class="box box-info">
    <div class="box-header">
        <h3 class="box-title">{{ __('User information') }}</h3>
        @can('edit_user')
        <a class="btn btn-primary btn-sm" style="float:@if(app()->getLocale()=='ar') left @else right @endif" onclick="edit_user('{{$user['id']}}')"><i class="fa fa-edit"></i></a>
        @endcan
    </div><!-- /.box-header -->
    <div class="box-body">
        <div class="row">
            <div class="col-sm-12">
                <table class="table table-stripped" id="left_align">
                    <tbody>
                        <tr>
                            <th width="40%">{{__('Name')}}</th>
                            <td>{{$user->name}}</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('Email')}}</th>
                            <td>{{$user->email}}</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('Phone')}}</th>
                            <td>{{$user->phone}}</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('State')}}</th>
                            <td>@if(isset($user['state'])){{$user['state']['name']}}@endif</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('City')}}</th>
                            <td>@if(isset($user['city'])){{$user['city']['name']}}@endif</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('Address')}}</th>
                            <td>{{$user->address}}</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('Marketer Brand')}}</th>
                            <td>{{$user->brand}}</td>
                        </tr>
                        <tr>
                          <th width="40%">{{ __('Confirmed balance') }}</th>
                          <td>{{formated_price($user->confirmed_balance)}}</td>
                        </tr>
                        <tr>
                          <th width="40%">{{ __('Hold balance') }}</th>
                          <td>{{formated_price($user->hold_balance)}}</td>
                        </tr>
                        <tr>
                          <th width="40%">{{ __('Paid balance') }}</th>
                          <td>{{formated_price($user->paid_balance)}}</td>
                        </tr>
                        <tr>
                          <th width="40%">{{ __('Available balance') }}</th>
                          <td>{{formated_price($user->total_balance)}}</td>
                        </tr>

                        <tr>
                          <th width="40%">{{__('Status')}}</th>
                          <td>
                            <label class="switch">
                              <input type="checkbox" name="active" @if($user->active) checked  @endif onclick="change_status('{{$user->id}}')">
                              <span class="slider round"></span>
                            </label>
                          </td>
                        </tr>
                        <tr>
                          <th width="40%">{{ __('Note for admin') }}</th>
                          <td>{{$user->note}}</td>
                        </tr>

                        <tr>
                          <th width="40%">{{__('Store information')}}</th>
                          <td></td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Store name english')}}</th>
                              <td>{{($user->store_name_en)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Store address')}}</th>
                              <td>{{($user->store_address)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Store outlet')}}</th>
                              <td>{{($user->store_outlet)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Pickup points')}}</th>
                              <td>{{($user->pickup_points)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Store commission')}}</th>
                              <td>{{($user->store_commission)}}%</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Meta title')}}</th>
                              <td>{{($user->meta_title)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Meta description')}}</th>
                              <td>{{($user->meta_description)}}</td>
                        </tr>
                        <tr>
                              <th width="40%">{{__('Facebook link')}}</th>
                              <td>{{$user->facebook_link}}</td>
                        </tr>
                        <tr>
                            <th width="40%">{{__('Telegram link')}}</th>
                            <td>{{$user->telegram_link}}</td>
                        </tr>

                        <tr>
                              <th width="40%">{{__('Whats app link')}}</th>
                              <td>{{($user->whatsapp_link)}}</td>
                        </tr>


                    </tbody>
                </table>
            </div>
        </div>
    </div>

    </div><!-- /.box -->
  </div><!-- /.col -->
  <div class="col-sm-6">
    <div class="row">
      <div class="box box-info">
        <div class="box-header">
            <h3 class="box-title">{{ __('User statistics') }}</h3>
        </div><!-- /.box-header -->
        <div class="box-body">
          <div class="col-lg-12 col-xs-12">
            <!-- small box -->
            <div class="small-box bg-aqua">
              <div class="inner">
                <h4>{{$total_orders}}</h4>
                <p>{{__('Total Orders')}}</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
            </div>
          </div><!-- ./col -->
          <div class="col-lg-12 col-xs-12">
            <!-- small box -->
            <div class="small-box bg-aqua">
              <div class="inner">
                <h4>{{formated_price($total_payments)}}</h4>
                <p>{{__('Total Payments')}}</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
            </div>
          </div><!-- ./col -->
          <div class="col-lg-12 col-xs-12">
            <!-- small box -->
            <div class="small-box bg-aqua">
              <div class="inner">
                <h4>{{formated_price($total_commission)}}</h4>
                <p>{{__('Total Earning')}}</p>
              </div>
              <div class="icon">
                <i class="ion ion-bag"></i>
              </div>
            </div>
          </div><!-- ./col -->
        </div>
      </div>
    </div>
    <div class="row">
          <div class="box box-info">
            <div class="box-header">
                <h3 class="box-title">{{ __('User orders') }}</h3>
            </div><!-- /.box-header -->
            <div class="box-body">
                <div class="row">

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-aqua">
                          <div class="inner">
                            <h4>{{$pending_orders}}</h4>
                            <p>{{__('New orders')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-bag"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-yellow">
                          <div class="inner">
                            <h4>{{$hold_orders}}</h4>
                            <p>{{__('Hold orders')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-bag"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-primary">
                          <div class="inner">
                            <h4>{{$confirmed_orders}}</h4>
                            <p>{{__('Confirmed orders')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-stats-bars"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-blue">
                          <div class="inner">
                            <h4>{{$sending_orders}}</h4>
                            <p>{{__('Sending')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-stats-bars"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-green">
                          <div class="inner">
                            <h4>{{$delivered_orders}}</h4>
                            <p>{{__('Delivered orders')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->


                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-red">
                          <div class="inner">
                            <h4>{{$canceled_orders}}</h4>
                            <p>{{__('Canceled orders')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                      <div class="col-lg-6 col-xs-12">
                        <!-- small box -->
                        <div class="small-box bg-orange">
                          <div class="inner">
                            <h4>{{$price_being_received_orders}}</h4>
                            <p>{{__('The price is being received')}}</p>
                          </div>
                          <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                          </div>
                        </div>
                      </div><!-- ./col -->

                </div>
            </div>
          </div><!-- /.box -->
    </div><!-- /.col -->
    <div class="row">
      <div class="box box-info">
        <div class="box-header">
            <h3 class="box-title">{{ __('Balance') }}</h3>
        </div><!-- /.box-header -->
        <div class="box-body">
            <div class="row">
                <div class="col-lg-12 col-xs-12">
                    <!-- small box -->
                    <div class="small-box bg-green">
                      <div class="inner">
                        <h4>{{formated_price($user->confirmed_balance)}}</h4>
                        <p>{{__('Confirmed balance')}}</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-bag"></i>
                      </div>
                    </div>
                  </div><!-- ./col -->

                  <div class="col-lg-12 col-xs-12">
                    <!-- small box -->
                    <div class="small-box bg-yellow">
                      <div class="inner">
                        <h4>{{formated_price($user->hold_balance)}}</h4>
                        <p>{{__('Hold balance')}}</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-bag"></i>
                      </div>
                    </div>
                  </div><!-- ./col -->

                  <div class="col-lg-12 col-xs-12">
                    <!-- small box -->
                    <div class="small-box bg-black">
                      <div class="inner">
                        <h4>{{formated_price($user->paid_balance)}}</h4>
                        <p>{{__('Paid balance')}}</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                      </div>
                    </div>
                  </div><!-- ./col -->

                  <div class="col-lg-12 col-xs-12">
                    <!-- small box -->
                    <div class="small-box bg-blue">
                      <div class="inner">
                        <h4>{{formated_price($user->total_balance)}}</h4>
                        <p>{{__('Available balance')}}</p>
                      </div>
                      <div class="icon">
                        <i class="ion ion-stats-bars"></i>
                      </div>
                    </div>
                  </div><!-- ./col -->
            </div>
        </div>
      </div><!-- /.box -->
    </div>
  </div>
</div><!-- /.row -->
<div class="row">
    <div class="col-sm-12">
        <div class="box box-info">
          <div class="box-header">
              <h3 class="box-title">{{ __('Orders details') }}</h3>
          </div><!-- /.box-header -->
          <div class="box-body">
              <div class="row">
                  <div class="col-sm-12" style="overflow-x:auto">
                      <table class="table table-stripped" id="orders" >
                              <thead>
                                  <th width="2%">#</th>
                                  <th width="20%">{{__('Status')}}</th>
                                  <th width="10%">{{__('Subtotal')}}</th>
                                  <th width="10%">{{__('Commission')}}</th>
                                  <th width="10%">{{__('Shipping')}}</th>
                                  <th width="10%">{{__('Total')}}</th>
                                  <th width="10%">{{__('Details')}}</th>
                              </thead>
                              <tbody>
                                  @foreach($user->orders as $order)
                                  <tr>
                                      <td>{{$order->id}}</td>
                                      <td><button type="button" class="btn  btn-sm" style="background-color:{{$order->statusColor()}};color:white;" data-toggle="modal" data-target="#status_modal" onclick="edit_status('{{$order}}')">{!! $order->getStatus() !!}</button></td>
                                      <td>{{formated_price($order->subtotal)}}</td>
                                      <td>{{formated_price($order->commission)}}</td>
                                      <td>{{formated_price($order->shipping)}}</td>
                                      <td>{{formated_price($order->total)}}</td>
                                      <td>
                                          <a href="{{route('orders.show',$order->id)}}" class="btn btn-info"><i class="fa fa-eye"></i></a>
                                      </td>
                                  </tr>
                                  @endforeach
                              </tbody>
                          </table>
                  </div>
              </div>
          </div>

        </div><!-- /.box -->
    </div><!-- /.col -->
</div><!-- /.row -->


@include('admin.pages.orders.status_modal')
@include('admin.pages.users._form')

@endsection

@section('scripts')
  <script src="{{URL::asset('assets/js/select2.js')}}" type="text/javascript"></script>
  @include('admin.pages.users.show_js')
@endsection