@extends('admin.layout')
@section('title',__('Show merchant'))
@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>
    {{$merchant->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/merchants') }}"><i class="fa fa-user"></i> {{__('Merchants')}}</a></li>
    <li class="active">{{$merchant->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">{{ __('Merchant information') }}</h3>
                @can('edit_merchant')
                <a class="btn btn-primary btn-sm" style="float:@if(app()->getLocale()=='ar') left @else right @endif" onclick="edit_merchant('{{$merchant['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>{{$merchant->name}}</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('Shop Name')}}</th>
                                    <td>{{$merchant->shop_name}}</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('Email')}}</th>
                                    <td>{{$merchant->email}}</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('Phone')}}</th>
                                    <td>{{$merchant->phone}}</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('State')}}</th>
                                    <td>@if(isset($merchant['state'])){{$merchant['state']['name']}}@endif</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('City')}}</th>
                                    <td>@if(isset($merchant['city'])){{$merchant['city']['name']}}@endif</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('Address')}}</th>
                                    <td>{{$merchant->address}}</td>
                                </tr>
                                <!-- <tr>
                                    <th width="40%">{{__('Marketer Brand')}}</th>
                                    <td>{{$merchant->brand}}</td>
                                </tr> -->
                                <tr>
                                      <th width="40%">{{__('Facebook link')}}</th>
                                      <td>{{$merchant->facebook_link}}</td>
                                </tr>
                                <tr>
                                    <th width="40%">{{__('Telegram link')}}</th>
                                    <td>{{$merchant->telegram_link}}</td>
                                </tr>
                                <tr>
                                  <th width="40%">{{ __('Confirmed balance') }}</th>
                                  <td>{{formated_price($merchant->confirmed_balance)}}</td>
                                </tr>
                                <tr>
                                  <th width="40%">{{ __('Hold balance') }}</th>
                                  <td>{{formated_price($merchant->hold_balance)}}</td>
                                </tr>
                                <tr>
                                  <th width="40%">{{ __('Paid balance') }}</th>
                                  <td>{{formated_price($merchant->paid_balance)}}</td>
                                </tr>
                                <tr>
                                  <th width="40%">{{ __('Available balance') }}</th>
                                  <td>{{formated_price($merchant->total_balance)}}</td>
                                </tr>

                                <tr>
                                  <th width="40%">{{__('Status')}}</th>
                                  <td>
                                    <label class="switch">
                                      <input type="checkbox" name="active" @if($merchant->active) checked  @endif onclick="change_status('{{$merchant->id}}')">
                                      <span class="slider round"></span>
                                    </label>
                                  </td>
                                </tr>
                                <tr>
                                  <th width="40%">{{ __('Note for admin') }}</th>
                                  <td>{{$merchant->note}}</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">{{ __('Merchant 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">{{ __('Merchant 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($merchant->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($merchant->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($merchant->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($merchant->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><!-- /.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%">{{__('Order Number')}}</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($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>{{$order->order_id}}</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.merchants._form')

@endsection

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