@extends('admin.layout')
@section('title',__('Home'))
@section('breadcrump')
  <h1>
    {{ __('Dashboard') }}
  </h1>
  <ol class="breadcrumb direction">
    <li class="active">{{__('Home')}}</li>
  </ol>
@endsection
@section('css')
@endsection
@section('content')

@can('view_order')
<!-- Small boxes (Stat box) -->
<div class="row">
  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-red">
      <div class="inner">
        <h3>{{$total_orders}}</h3>
        <p>{{__('Total Orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
    </div>
  </div><!-- ./col -->
  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-red">
      <div class="inner">
        <h3>{{formated_price($total_sales)}}</h3>
        <p>{{__('Total sales')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
    </div>
  </div><!-- ./col -->
  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-red">
      <div class="inner">
        <h3>{{formated_price($total_commissions)}}</h3>
        <p>{{__('Total Commission')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
    </div>
  </div><!-- ./col -->
</div>

<!-- profits -->

<div class="row">

  <div class="col-lg-3 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-primary">
      <div class="inner">
        <h3>{{formated_price($pending_profit)}}</h3>
        <p>{{__('Pending profits')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-3 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-primary">
      <div class="inner">
        <h3>{{formated_price($confirmed_profit)}}</h3>
        <p>{{__('Confirmed profits')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-3 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-primary">
      <div class="inner">
        <h3>{{formated_price($paid_profit)}}</h3>
        <p>{{__('Paid profits')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-3 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-primary">
      <div class="inner">
        <h3>{{formated_price($remaining_profit)}}</h3>
        <p>{{__('Remaining profits')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

</div> 
 
 <!-- \profits -->

<div class="row">
  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-aqua">
      <div class="inner">
        <h3>{{$pending_orders}}</h3>
        <p>{{__('pending orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-bag"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-yellow">
      <div class="inner">
        <h3>{{$hold_orders}}</h3>
        <p>{{__('Hold orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-bag"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-primary">
      <div class="inner">
        <h3>{{$confirmed_orders}}</h3>
        <p>{{__('Confirmed orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-blue">
      <div class="inner">
        <h3>{{$sending_orders}}</h3>
        <p>{{__('Sending')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-stats-bars"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-green">
      <div class="inner">
        <h3>{{$delivered_orders}}</h3>
        <p>{{__('Delivered orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->

  {{-- <div class="col-lg-3 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-black">
      <div class="inner">
        <h3>{{$commission_paid_orders}}</h3>
        <p>{{__('Commission paid orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col --> --}}

  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-orange">
      <div class="inner">
        <h3>{{$the_price_being_received_orders}}</h3>
        <p>{{__('The price is being received')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->
  
  <div class="col-lg-4 col-xs-12">
    <!-- small box -->
    <div class="small-box bg-red">
      <div class="inner">
        <h3>{{$canceled_orders}}</h3>
        <p>{{__('Canceled orders')}}</p>
      </div>
      <div class="icon">
        <i class="ion ion-pie-graph"></i>
      </div>
      <a href="{{route('orders.index')}}" class="small-box-footer">{{__('More info')}} <i class="fa fa-arrow-circle-right"></i></a>
    </div>
  </div><!-- ./col -->


</div><!-- /.row -->
@endcan

<div class="row">
      <!-- quick email widget -->
      <form method="POST" action="{{url('admin/mails/sendMail')}}">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 direction">
            <div class="box box-info">
                <div class="box-header">
                  <i class="fa fa-envelope"></i>
                  <h3 class="box-title">{{__('Quick Email')}}</h3>
                </div>
                  @csrf
                  <div class="box-body">
                      <div class="form-group">
                        <input type="email" class="form-control" name="email" placeholder="{{__('Email')}}" required/>
                      </div>
                      <div class="form-group">
                        <input type="text" class="form-control" name="subject" placeholder="{{__('Subject')}}" required/>
                      </div>
                      <div>
                        <textarea name="message" class="textarea" placeholder="{{__('Message')}}" style="width: 100%; height: 125px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;" required></textarea>
                      </div>
                    
                  </div>
                <div class="box-footer clearfix">
                  <button class="pull-right btn btn-default" id="sendEmail">{{__('Send')}} <i class="fa fa-arrow-circle-right"></i></button>
                </div>
              </div>
        </div>
      </form>
</div>
@endsection

@section('scripts')

@endsection