@extends('layouts.app')

@section('page-site-title')
{{trans('orders.page_title')}}
@endsection

@section('page-title')
{{trans('orders.content_title')}}
@endsection

@section('page_navbar')
@include('layouts.widgets.page-navbar')
@endsection

@section('page_breadcrumb')
@include('layouts.widgets.page-breadcrumb')
@endsection

@section('page_side')
@include('layouts.widgets.page-side')
@endsection

@section('page-content')
    @include('orders.search_details')
    <style>
        table.dataTable>tbody>tr.child ul li{
            border-bottom:none !important;
        }
    </style>
    <div class="row">
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat blue">
                <div class="visual">
                    <i class="fa fa-bars"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="total_count" data-counter="counterup" data-value="{{$count['total']}}">{{$count['total']}}</span>
                    </div>
                    <div class="desc"> كل الطلبات </div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat green">
                <div class="visual">
                    <i class="fa fa-check"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="active_count2" data-counter="counterup" data-value="{{$count['new']}}">{{$count['new']}}</span></div>
                    <div class="desc">طلبات جديدة </div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat green-turquoise">
                <div class="visual">
                    <i class="fa fa-bar-chart-o"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$count['accept']}}">{{$count['accept']}}</span>
                    </div>
                    <div class="desc">طلبات مقبولة</div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat yellow-gold">
                <div class="visual">
                    <i class="fa fa-comments"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$count['in_car']}}">{{$count['in_car']}}</span>
                    </div>
                    <div class="desc">طلبات فى السيارة</div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>

        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat yellow-soft">
                <div class="visual">
                    <i class="fa fa-shopping-cart"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$count['in_landery']}}">{{$count['in_landery']}}</span>
                    </div>
                    <div class="desc">طلبات فى المغسلة</div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat purple-seance">
                <div class="visual">
                    <i class="fa fa fa-globe"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$count['car_finish']}}">{{$count['car_finish']}}</span>
                    </div>
                    <div class="desc">طلبات فى الطريق</div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
            <div class="dashboard-stat red">
                <div class="visual">
                    <i class="icon-graph"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$count['complete']}}">{{$count['complete']}}</span>
                    </div>
                    <div class="desc">طلبات منتهية</div>
                </div>
                <a class="more" style="font-size: 16px;" >
                    {{date('Y-m-d')}}
                </a>
            </div>
        </div>

    </div>

<div class="row">
    <div class="col-md-12">
      <div class="portlet light">
      <div class="portlet-body">
        <form action="" id='table_form' method="post">
            <div class="portlet box blue">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-reorder"></i> {{trans('orders.content_title')}}
                      </div>
                      <div class="pull-right">
                          <div class="table-toolbar pull-right">
                              </div>
                      </div>
                </div>
                <div class="portlet-body">

                    <table class="table table-striped table-bordered table-hover dt-responsive full-users display-hide" id="table_view" width="100%">
                        <thead>
                            <tr>
                                <th style="width:0px!important" class="control"></th>
                                <th><input type="checkbox" id="table_checkall" data-set="#table_view .checkboxes"/> </th>
                                <th>#</th>
                                <th>المستخدم</th>
                                <th>السائق</th>
                                <th>{{trans('orders.status')}}</th>
                                <th>التكلفة</th>
                                <th>المكان</th>
                                <th>عدد القطع</th>
                                <th>عمليات</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </form>
      </div>
    </div>
    </div>
</div>
@endsection

@section('page-footer-js')
<script type="application/javascript">
    var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
    var model_js_lang = {!! json_encode(trans('orders.js_lang'))  !!};
    var urls = {!! json_encode($urls) !!};
    var token_code='{{csrf_token()}}';
    var assets_folder = '{{asset("assets/")}}';
    var storge_path = '{{route('download-file-excel',['file'=>''])}}';
</script>
<script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootbox/bootbox.min.js')}}" type="text/javascript"></script>
<script type = "text/javascript" src = "{{ asset('assets/global/plugins/datatables/datatables.min.js')}}" ></script>
<script type = "text/javascript" src = "https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.js" ></script>
<script src = "{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type = "text/javascript" ></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/jquery-validation/js/jquery.validate.min.js')}}"></script>
<script src="{{ asset('assets/global/plugins/jquery-ui/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/moment.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/counterup/jquery.waypoints.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/global/plugins/counterup/jquery.counterup.min.js')}}" type="text/javascript"></script>

<script src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')}}" type="text/javascript"></script>
<script src="{{ asset('assets/models/js/details.js')}}" type="text/javascript"></script>

@endsection

@section('page-heads')
    <link href="{{ asset('assets/global/plugins/datatables/datatables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet" type="text/css" />
    @if(trans('app.dir') == 'rtl')
<link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch-rtl.min.css')}}" rel="stylesheet" type="text/css" />
@else
<link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css')}}" rel="stylesheet" type="text/css" />
@endif

@endsection