@extends('admin.layout.app')
@section('style')
@section('header')
            عرض الطلبات
@endsection
@endsection
@section('content')


<!-- Page-Title -->

<div class="row">

    <div class="col-sm-12">
        <div class="card-box">
            <form action="" method="get">
                <div class="row">
                    <div class="col-md-12 part-top">
                        <div class="row">

                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="date_from"
                                                value="{{(array_key_exists('date_from', $search))? $search['date_from'] : ''}}"
                                                class="form-control datepicker-input" placeholder="  التاريخ من">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="date_to"
                                                value="{{(array_key_exists('date_to', $search))? $search['date_to'] : ''}}"
                                                class="form-control datepicker-input" placeholder="  التاريخ الي">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="serial_from"
                                                value="{{(array_key_exists('serial_from', $search))? $search['serial_from'] : ''}}"
                                                class="form-control" placeholder="  رقم الطلب من">
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            <input type="text" name="serial_to"
                                                value="{{(array_key_exists('serial_to', $search))? $search['serial_to'] : ''}}"
                                                class="form-control" placeholder="  رقم الطلب الي">
                                        </div>
                                    </div>

                                </div>
                            </div>


                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::select("user_id ",UsersList(),(array_key_exists('user_id ',
                                            $search))? $search['user_id '] : null,['class'=>"form-control select2 "])!!}

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::select("driver_id ",DriversList(),(array_key_exists('driver_id ',
                                            $search))? $search['driver_id '] : null,['class'=>"form-control select2
                                            "])!!}

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <div class="col-md-12">
                                            {!! Form::select("status",array_merge(['' => 'اختر
                                            الحالة'],OrderStatus()),(array_key_exists('status', $search))?
                                            $search['status'] : null,['class'=>"form-control select2 "])!!}

                                        </div>
                                    </div>

                                </div>
                            </div>




                            <div class="col-md-2">
                                <div class="form-horizontal m-b-15">
                                    <button type="button"
                                        class="search-bbt btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i
                                            class="fa fa-search"></i> بحث</button>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-horizontal m-b-15">
                                    <button type="button"
                                        class="excel-bbt btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i
                                            class="fa fa-excel"></i> Export Excel</button>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-horizontal">
                                    <a href="{{url('/dashboard/orders')}}"
                                        class="btn btn-block btn-sm btn-success waves-effect waves-light b-t-10 b-b-10"><i
                                            class="fa fa-trash"></i> مسح خيارات البحث</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="row">

    <div class="col-sm-12">
        <div class="card-box text-left">
            <div class="row">

                <div class="col-lg-12">
                    <div class="box-tebal">

                        <div role="tabpanel" class="tab-pane " style="overflow-x: scroll;">
                            <table class="table table-striped table-bordered">
                                <thead>
                                    @php
                                    $i = 1;
                                    @endphp
                                    <tr>

                                        <th># </th>
                                        <th> التاريخ </th>
                                        <th> العنوان </th>
                                        <th> اسم السائق </th>
                                        <th> اسم المستخدم </th>
                                        <th> الحاله </th>
                                        <th> العموله </th>
                                        <th> السعر </th>
                                        <th> عدد قارورات المياه </th>
                                        <th> العمليات </th>


                                    </tr>
                                </thead>

                                <tbody>
                                    @foreach($orders as $item)

                                    <tr>
                                        <td>{{$item->id}} </td>
                                        <td>{{$item->date}} </td>
                                        <td>{{$item->address}} </td>
                                        <td>{{$item->Driver->name ?? ''}} </td>
                                        {{-- <td>{{$item->City->name ?? ''}} </td> --}}
                                        <td> {{ $item->User->name ?? '' }}</td>
                                        <td>{{$item->status}} </td>
                                        <td>{{$item->commission }}</td>
                                        <td>{{$item->price }}</td>
                                        <td>{{$item->items }}</td>
                                        <td class="btns">

                                            {{--  <a href="/dashboard/orders/{{$item->id}}/edit" type="button"
                                            class="btn btn-info waves-effect waves-light m-b-5 btn-xs"> <i
                                                class="fa fa-pencil"></i> تعديل </a> --}}
                                            <a href="{{route('orders.destroy',$item)}}" type="button"
                                                class="btn btn-danger delete-btn  waves-effect waves-light m-b-5 btn-xs">
                                                <i class="fa fa-times"></i> حذف </a>
                                            <a href="/dashboard/orders/{{$item->id}}" type="button"
                                                class="btn btn-info   waves-effect waves-light m-b-5 btn-xs"> <i
                                                    class="fa fa-eye"></i> عرض تفاصيل الطلب </a>

                                        </td>
                                    </tr>
                                    @endforeach
                                    <tr>
                                        <td>اجمالي العمولة:</td>
                                        <td colspan="9">{{\App\Models\Order::sum('commission')}}</td>
                                    </tr>




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

    </div><!-- end col -->
</div>
<!-- end row -->
<div class="col-sm-12">
    {{ $orders->appends($search)->links() }}
</div>


@endsection
@section('script')
<script>
    $(document).on('click', '.search-bbt',function () {
        $(this).closest('form').find('#excel').remove();
        $(this).closest('form').submit();
    });
    $(document).on('click', '.excel-bbt',function () {
        $(this).closest('form').prepend(`<input name='excel' id='excel' type='hidden' value='1' />`);
        $(this).closest('form').submit();
    });
</script>

@endsection