@extends('sysadmin.layouts.app')
@section('post-header')

@endsection
@section('custom-css')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/css/dataTables.bootstrap.min.css">
@endsection

@section('content')
    <div class="breadcome-area">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="breadcome-list">
                        <div class="row">
                            <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
                                <h5>Filter <span class="table-project-n">by date</span></h5>

                            </div>
                            <form action="{{route('sysadmin.drivers.ordering.order.filter')}}" method="POST">
                                {{ csrf_field() }}
                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-9">
                                    <div class="form-group data-custon-pick data-custom-mg {{ $errors->has('start') ? ' has-error' : '' }} {{ $errors->has('end') ? ' has-error' : '' }}" id="data_5">
                                        <div class="input-daterange input-group" id="datepicker">
                                            <input type="text" class="form-control" name="start" id="date-start" value="{{isset($request) && isset($request->start)  ?  $request->start : now()->format('m/d/Y')}}" />
                                            <span class="input-group-addon">to</span>
                                            <input type="text" class="form-control" name="end" id="date-end" value="{{isset($request) && isset($request->end) ?  $request->end : date("m/d/Y", strtotime('tomorrow'))}}" />
                                        </div>
                                        @if ($errors->has('start'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('start') }}</strong>
                                            </span>
                                        @endif
                                        @if ($errors->has('end'))
                                            <span class="help-block">
                                                <strong>{{ $errors->first('end') }}</strong>
                                            </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-1 col-md-1 col-sm-3 col-xs-3">
                                    <button type="submit" class="btn btn-default">Filter</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="data-table-area mg-b-15">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="sparkline13-list">
                        <div class="sparkline13-hd">
                            <div class="main-sparkline13-hd">
                                <h1>Orders <span class="table-project-n">List</span></h1>
                            </div>
                        </div>
                        <div class="sparkline13-graph">
                            <div class="datatable-dashv1-list custom-datatable-overright">
                                <div id="toolbar">
                                    <select class="form-control dt-tb">
                                        <option value="">Export Basic</option>
                                        <option value="all">Export All</option>
                                        <option value="selected">Export Selected</option>
                                    </select>
                                </div>
                                <table id="table" data-toggle="table" data-pagination="true" data-search="true" data-show-columns="true" data-show-pagination-switch="true" data-show-refresh="true" data-key-events="true" data-show-toggle="true" data-resizable="true" data-cookie="true"
                                       data-cookie-id-table="saveId" data-show-export="true" data-click-to-select="true" data-toolbar="#toolbar">
                                    <thead>
                                    <tr>
                                        <th data-field="state" data-checkbox="true"></th>
                                        <th data-field="id">ID</th>
                                        <th data-field="total">Total</th>
                                        <th data-field="transportCost" >Transport Cost</th>
                                        <th data-field="restaurantName">Restaurant Name</th>
                                        <th data-field="address">Address</th>
                                        <th data-field="addressDetails" >Address Details</th>
                                        <th data-field="date" >Date</th>
                                        <th data-field="deliverytime">Delivery Time</th>
                                        <th data-field="transportType">Transport Type </th>
                                        <th >Courier Name</th>
                                        <th data-field="active" >Status</th>
                                        {{--<th data-field="edit" >Edit</th>--}}
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @if(count($orders) != 0)
                                        @foreach($orders as $order)
                                            <tr>
                                                <td></td>
                                                <td class="order-id">{{ $order->orderID }}</td>
                                                <td>{{ $order->total }}</td>
                                                <td>{{ $order->transportCost }}</td>
                                                <td>{{ $order->restaurantName }}</td>
                                                <td>{{ $order->address ? $order->address : "-" }}</td>
                                                <td>{{ $order->addressDetails ? $order->addressDetails : "-" }}</td>
                                                <td>{{ date("m/d/Y", strtotime($order->date))}}</td>
                                                <td>{{ $order->deliverytime }}</td>
                                                <td>@if($order->courierUser->transportType == 0) <i class="fa fa-bicycle theme-color"></i> Bicycle @elseif ($order->courierUser->transportType == 1) <i class="fa fa-motorcycle theme-color"></i> Motocycle @else <i class="fa fa-car theme-color"></i> Auto @endif
                                                </td>
                                                <td>
                                                    <select class="form-control custom-select-value custom-select-driver" >
                                                        <option>Zgjidhni nje Motorrist</option>
                                                        @foreach($drivers as $driver)
                                                        <option value="{{$driver->id}}" {{ $driver->id == $order->courierUser->id ? 'selected' :'' }}>{{$driver->name.' '.$driver->surname}}</option>
                                                        @endforeach
                                                    </select>
                                                    {{--<a href="#" class="set-courier" data-id="{{ $order->orderID }}" data-type="select" data-pk="{{ $order->orderID}}"  data-title="Select Courier"> {{ $order->courierUser->name ? $order->courierUser->name : 'Select Courier' }}</a>--}}
                                                </td>
                                                <td class="datatable-ct"><label class="btn btn-{{orderStatus($order->status)}}">
                                                        {{ $order->status }}
                                                    </label>
                                                </td>
                                                {{--<td class="datatable-ct">--}}
                                                    {{--<a href="#" >--}}
                                                        {{--<i class="fa fa-pencil"></i>--}}
                                                    {{--</a>--}}
                                                {{--</td>--}}
                                            </tr>
                                        @endforeach
                                    @endif

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


@endsection
@section('custom-js')

    <script>

        $('body').on('change', '.custom-select-driver', function () {

            var courier_id= $(this).val();
            var order_id= parseInt($(this).parent().parent().find('.order-id').text());
           // getSource()
            console.log($(this).val());
            console.log(order_id);
            $.ajax({
                url: `/systemadmin/drivers/ordering/${order_id}/courier/${courier_id}/update`,
                type: 'GET',
                success: function(response){
                    // console.log(response);

                    if(response.success){
                        swal("Success!", response.success, "success");
                    }else {
                        swal("Error!", response.danger, "error");
                    }
                    location.reload();

                }
            });
        });



    </script>

@endsection