@extends('layouts/contentLayoutMaster')

@section('title', 'الطلبات')

@section('content')

        <section id="responsive-datatable">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="/">لوحة القيادة</a></li>
                                <li class="breadcrumb-item" active>قائمة الطلبات</li>
                            </ul>
                            <div class="card-header justify-content-end py-0">
                                <a class="btn btn-success" style="background-color:#ffc000 !important;" href="{{ route('orders.export')}}?search={{$filter['search']}}&provider_id={{$filter['provider_id']}}&zone_id={{$filter['zone_id']}}&coupon_id={{$filter['coupon_id']}}&status={{$filter['status']}}&created_at_from={{$filter['created_at_from']}}&created_at_to={{$filter['created_at_to']}}&delivery_at_from={{$filter['delivery_at_from']}}&delivery_at_to={{$filter['delivery_at_to']}}">تنزل الطلبات</a>
                                <div id="div_row" class="row col-md-12 py-0">
                                    <form class="form py-2" action="{{route('orders.index')}}" method="get">
                                      <div class="col-md-12" style="display:flex;">
                                          <div class="col-md-2">
                                              <input type="text" class="form-control" name="search" id="search" placeholder="{{__('lang.search')}}" value="{{$filter['search']}}">
                                          </div>
                                          <div class="col-md-2">
                                              <select class="form-control" id="provider_id" name="provider_id" >
                                                  <option value="">{{ __('lang.choose_provider')}}</option>
                                                  @foreach($providers as $provider)
                                                      <option value="{{$provider->id}}" @if( $filter['provider_id'] == $provider->id) selected="selected" @endif >{{$provider->name}}</option>
                                                  @endforeach
                                              </select>
                                          </div>
                                          <div class="col-md-2">
                                              <select class="form-control" id="zone_id" name="zone_id" >
                                                  <option value="">{{ __('lang.choose_zone')}}</option>
                                                  @foreach($zones as $zone)
                                                      <option value="{{$zone->id}}" @if( $filter['zone_id'] == $zone->id) selected="selected" @endif >{{$zone->name}}</option>
                                                  @endforeach
                                              </select>
                                          </div>
                                          <div class="col-md-2">
                                              <select class="form-control" id="coupon_id" name="coupon_id" >
                                                  <option value="">{{ __('lang.choose_coupon')}}</option>
                                                  <option value="-1" @if( $filter['coupon_id'] == -1 ) selected="selected" @endif>{{ __('lang.without_coupon')}}</option>
                                                  @foreach($coupons as $coupon)
                                                      <option value="{{$coupon->id}}"  @if( $filter['coupon_id'] == $coupon->id) selected="selected" @endif >{{$coupon->code}}</option>
                                                  @endforeach
                                              </select>
                                          </div>
                                          <div class="col-md-2">
                                              <select class="form-control" id="status" name="status" >
                                                  <option value="">{{ __('lang.choose_status')}}</option>
                                                  <option value="0"  @if( $filter['status'] == '0') selected="selected" @endif >{{ __('lang.pending') }}</option>
                                                  <option value="1"  @if( $filter['status'] == '1') selected="selected" @endif >{{ __('lang.ready') }}</option>
                                                  <option value="2"  @if( $filter['status'] == '2') selected="selected" @endif >{{ __('lang.completed') }}</option>
                                                  <option value="-1"  @if( $filter['status'] == '-1') selected="selected" @endif >{{ __('lang.rejected') }}</option>
                                              </select>
                                          </div>
                                      </div>
                                      <br/>
                                      <div class="col-md-12" style="display:flex;">
                                          <div class="col-md-2">
                                          {{__('lang.created_at_from')}}
                                              <input type="date" class="form-control" name="created_at_from" id="created_at_from" value="{{$filter['created_at_from']}}">
                                          </div>
                                          <div class="col-md-2">
                                          {{__('lang.created_at_to')}}
                                              <input type="date" class="form-control" name="created_at_to" id="created_at_to" value="{{$filter['created_at_to']}}">
                                          </div>
                                          <div class="col-md-2">
                                              {{__('lang.delivery_at_from')}}
                                              <input type="date" class="form-control" name="delivery_at_from" id="delivery_at_from" value="{{$filter['delivery_at_from']}}">
                                          </div>
                                          <div class="col-md-2">
                                              {{__('lang.delivery_at_to')}}
                                              <input type="date" class="form-control" name="delivery_at_to" id="delivery_at_to" value="{{$filter['delivery_at_to']}}">
                                          </div>
                                          <div class="col-md-4">
                                              <button type="submit" class="btn btn-primary" style="margin-top:17px">بحث</button>
                                              </div>
                                          </div>
                                      </form>
                                  </div>
                            </div>
                        </div>

                            <div class="card-datatable">

                            <table id="company_table" class="table table-striped table-bordered" cellspacing="0" width="100%" >
                                <thead>
                                  <tr>
                                    <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> عرض </th>
                                    <th> اجراء يدوي </th>
                                  </tr>
                                </thead>
                                <tbody>

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

@endsection

@section('page-script')
<script type="text/javascript">
$(document).ready(function () {

    var indexLastColumn = $("#company_table").find('tr')[0].cells.length - $("#company_table").find('tr')[0].cells.length;
    search          = $("#search").val();
    zoneId          = $("#zone_id").val();
    providerId      = $("#provider_id").val();
    couponId        = $("#coupon_id").val();
    status          = $("#status").val();
    createdAtFrom   = $("#created_at_from").val();
    createdAtTo     = $("#created_at_to").val();
    deliveryAtFrom  = $("#delivery_at_from").val();
    deliveryAtTo    = $("#delivery_at_to").val();

    var company_table = $('#company_table').DataTable({
        ajax: {
            url: "{{ route('orders.index') }}?zone_id="+zoneId+"&provider_id="+providerId+"&search="+search+"&coupon_id="+couponId+"&status="+status+"&created_at_from="+createdAtFrom+"&created_at_to="+createdAtTo+"&delivery_at_from="+deliveryAtFrom+"&delivery_at_to="+deliveryAtTo ,
        },
        scrollX: true ,
        "pageLength": 50 ,
        "rowCallback": function(row, data, index) {
            $(row).attr('id', '' + data.id); // Set id attribute to the row
            // $(row).attr('class', '' + 'click_row'); // Set id attribute to the row
        },
        "responsive": false, "lengthChange": false, "autoWidth": false,
        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"] ,
        "columnDefs": [
            {
                "targets": 10,
            },
            {
                "className": "dt-center",
                "targets": "_all",
                "orderable": true
            },
        ],
        columns: [
            {
                "data": 'DT_RowIndex',
                orderable: true,
            },
            {
                data: 'id'
            }
            ,
            {
                data: 'user'
            },
            {
                data: 'provider'
            },
            {
                data: 'zone'
            },
            {
                data: 'status'
            },
            {
                data: 'discount'
            },
            {
                data: 'created_at'
            },
            {
                data: 'package'
            },
            {
                data: 'subscription'
            },
            {
                data: 'total'
            },
            {
                data: 'date'
            },
            {
                data: 'view'
            },
            {
                data: 'changestatus'
            }
        ],
         language: {
            url: '//cdn.datatables.net/plug-ins/1.13.6/i18n/ar.json',
        },
        "order": [[indexLastColumn, "asc"]],
    });

    $('#code,#name,#category,#account_type_id,#amount')
        .change(function () {
            company_table.ajax.reload();
        });


    $('body').on('click','.click_row',function(e){
        // $(this).closest('tr').after('<tr><td>new td<td></tr>');
        id = $(this).attr('id');
        check = $('#detail_'+id).text();
        if(!check)
        {
            jQuery.ajax( {
				async :true,
				type  :"POST",
				url   :"orders/getOrderDetails/"+id,
                data: {
                    '_token': $('meta[name="csrf-token"]').attr('content'),
                    'method': "post",
                    "id" : id
                },
                success : function(data) {
				if(data != 116)
				{
                    $(data).insertAfter( $("#" + id ).closest( "tr" ) );
				}
				},
				error : function() {
					return true;
				}
			});
        }else{
            $('#detail_'+id).remove();
        }

	});
});
</script>

@endsection