@extends('layouts.app')

@section('page-site-title')
    تقرير المبيعات
@endsection

@section('page-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('report.search-sales')
    <style>
        table.dataTable>tbody>tr.child ul li{
            border-bottom:none !important;
        }
    </style>
    <div class="row">
        <div class="col-md-12">
            <form action="" id='table_form' method="post">
                <div class="portlet light">
                    <div class="portlet-title tabbable-line border-red">
                        <div class="caption font-green">
                            <i class="fa fa-reorder font-green"></i> تقرير المبيعات
                        </div>
                        <div class="pull-right">
                            <div class="table-toolbar pull-right">

                                <a href="{{ route('sales.export', request()->all()) }}" class="btn green"><i class="fas fa-file-excel"></i>
                                    Export
                                </a>

                            </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>#</th>
                                <th>إسم المتجر</th>
                                <th>إسم العميل</th>
                                <th>رقم جوال العميل</th>
                                <th>سعر التوصيل</th>
                                <th>الخصم</th>
                                <th>الإجمالي</th>
                                <th>طريقه الدفع</th>
                                <th>حالة الطلب</th>
                                <th>العنوان</th>
                                <th>تاريخ وصول الطلب</th>
                                <th>تاريخ إستلام الطلب</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </form>
        </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'=>''])}}';
        var permissions = {!! json_encode($permissions) !!};
    </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/bootstrap-daterangepicker/daterangepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/select2/js/select2.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/models/js/report.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" />
    <link href="{{ asset('assets/global/plugins/select2/css/select2.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