@extends('layouts.app')

@section('content')
<div class="page-wrapper">
    <div class="row page-titles">

        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{trans('lang.parcel_plural')}} {{trans('lang.order_plural')}}</h3>
        </div>
        <div class="col-md-7 align-self-center">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{url('/dashboard')}}">{{trans('lang.dashboard')}}</a></li>
                <li class="breadcrumb-item"><a href="{{url('/parcel_orders')}}">{{trans('lang.parcel_plural')}}
                        {{trans('lang.order_plural')}}</a></li>
                <li class="breadcrumb-item">{{trans('lang.order_edit')}}</li>
            </ol>
        </div>
    </div>

    <div class="card-body">
        <div id="data-table_processing" class="dataTables_processing panel panel-default"
             style="display: none;">{{trans('lang.processing')}}
        </div>
        <div class="text-right print-btn">
            <button type="button" class="fa fa-print" onclick="PrintElem('order_detail')"></button>
        </div>

        <div class="order_detail" id="order_detail">
            <div class="order_detail-top">
                <div class="row">
                    <div class="order_edit-genrl col-md-4">

                        <h3>{{trans('lang.general_details')}}</h3>
                        <div class="order_detail-top-box">

                            <div class="form-group row widt-100 gendetail-col " id="div_parcel_category">
                                <label class="col-12 control-label"><strong>{{trans('lang.parcel_category')}}:
                                    </strong><span id="parcel_type"></span></label>
                            </div>

                            <div class="form-group row widt-100 gendetail-col">
                                <label class="col-12 control-label"><strong>{{trans('lang.date_created')}}
                                        : </strong><span id="createdAt"></span></label>

                            </div>

                            <div class="form-group row widt-100 gendetail-col payment_method">
                                <label class="col-12 control-label"><strong>{{trans('lang.payment_methods')}}  : </strong>
                                      <span id="payment_method"></span></label>

                            </div>

                            <div class="form-group row width-100 ">
                                <label class="col-3 control-label"><strong></strong>{{trans('lang.status')}}:</strong></label>
                                <div class="col-7">
                                    <select id="order_status" class="form-control">
                                        <option value="Order Placed"
                                                id="order_placed">{{ trans('lang.order_placed')}}
                                        </option>
                                        <option value="Order Accepted"
                                                id="order_accepted">{{ trans('lang.order_accepted')}}
                                        </option>
                                        <option value="Order Rejected"
                                                id="order_rejected">{{ trans('lang.order_rejected')}}
                                        </option>
                                        <option value="Driver Pending"
                                                id="driver_pending">{{ trans('lang.driver_pending')}}
                                        </option>
                                        <option value="Driver Rejected"
                                                id="driver_rejected">{{ trans('lang.driver_rejected')}}
                                        </option>
                                        <option value="Order Shipped"
                                                id="order_shipped">{{ trans('lang.order_shipped')}}
                                        </option>
                                        <option value="In Transit"
                                                id="in_transit">{{ trans('lang.in_transit')}}
                                        </option>
                                        <option value="Order Completed"
                                                id="order_completed">{{ trans('lang.order_completed')}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row width-100">
                                <label class="col-3 control-label"></label>
                                <div class="col-7 text-right">
                                    <button type="button" class="btn btn-primary save_order_btn"><i
                                                class="fa fa-save"></i> {{trans('lang.update')}}
                                    </button>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="order_edit-genrl col-md-4">
                        <h3>{{ trans('lang.sender_details')}}</h3>

                        <div class="address order_detail-top-box">

                              <div class="form-group row widt-100 gendetail-col ">
                                  <label class="col-12 control-label"><strong>{{trans('lang.sender_name')}}:</strong>
                                        <span id="sender_name"></span></label>

                              </div>
                              <div class="form-group row widt-100 gendetail-col ">
                                  <label class="col-12 control-label"><strong>{{trans('lang.sender_address')}}:</strong>
                                        <span id="sender_address"></span></label>

                              </div>
                              <div class="form-group row widt-100 gendetail-col ">
                                  <label class="col-12 control-label"><strong>{{trans('lang.date')}}:</strong>
                                        <span id="sender_datetime"></span></label>

                              </div>

                            <p><strong>{{trans('lang.phone')}}:</strong>
                                <span id="sender_phone"></span>
                            </p>

                        </div>
                    </div>

                    <div class="order_edit-genrl col-md-4 ">
                        <h3>{{ trans('lang.receiver_details')}}</h3>

                        <div class="address order_detail-top-box">
                          <div class="form-group row widt-100 gendetail-col ">
                              <label class="col-12 control-label"><strong>{{trans('lang.receiver_name')}}:</strong>
                                    <span id="receiver_name"></span></label>

                          </div>
                          <div class="form-group row widt-100 gendetail-col ">
                              <label class="col-12 control-label"><strong>{{trans('lang.receiver_address')}}:</strong>
                                    <span id="receiver_address"></span></label>

                          </div>
                          <div class="form-group row widt-100 gendetail-col ">
                              <label class="col-12 control-label"><strong>{{trans('lang.date')}}:</strong>
                                    <span id="receiver_datetime"></span></label>

                          </div>


                            <p><strong>{{trans('lang.phone')}}:</strong>
                                <span id="receiver_phone"></span>
                            </p>
                        </div>
                    </div>


                </div>

            </div>


            <div class="order-deta-btm mt-4">
                <div class="row">
                    <div class="col-md-8 order-deta-btm-left">
                        <div class="order-items-list ">
                            <div class="row">
                                <div class="col-md-12">
                                    <table cellpadding="0" cellspacing="0"
                                           class="table table-striped table-valign-middle">

                                        <thead>
                                        <tr>

                                            <th>{{trans('lang.parcel_weight')}}</th>
                                            <th>{{trans('lang.item_review_rate')}}</th>
                                            <th>{{trans('lang.parcel_distance')}}</th>
                                            <th>{{trans('lang.total')}}</th>
                                        </tr>

                                        </thead>

                                        <tbody id="order_products">

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

                        <div class="order-data-row order-totals-items">
                            <div class="row">
                                <div class="col-md-12">
                                    <table class="order-totals">

                                        <tbody id="order_products_total">

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

                    </div>

                    <div class="col-md-4 order-deta-btm-right driver_details_hide">


                        <h3>{{ trans('lang.driver_detail')}}</h3>


                        <div class="address order_detail-top-box">
                            <p><strong>{{trans('lang.driver_name')}}:</strong>
                                <span id="driver_firstName"></span> <span id="driver_lastName"></span><br>
                            </p>
                            <p><strong>{{trans('lang.email_address')}}:</strong>
                                <span id="driver_email"></span>
                            </p>
                            <p><strong>{{trans('lang.phone')}}:</strong>
                                <span id="driver_phone"></span>
                            </p>
                            <p id="para_carName"><strong>{{trans('lang.car_name')}}:</strong>
                                <span id="driver_carName"></span>
                            </p>
                            <p><strong>{{trans('lang.car_number')}}:</strong>
                                <span id="driver_carNumber"></span>
                            </p>
                        </div>


                    </div>
                </div>

            </div>
        </div>

    </div>

</div>

<!--  </div> -->


<!-- <div class="form-group col-12 text-center btm-btn">
    <button type="button" class="btn btn-primary save_order_btn"><i
                class="fa fa-save"></i> {{trans('lang.save')}}</button>
    <a href="{!! route('orders') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{trans('lang.cancel')}}
    </a>
</div> -->

</div>


</div>
</div>

@endsection

@section('style')
<style type="text/css">

</style>
@section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.js"></script>
<script>
    var id_rendom = "6938f2a7bb8e3";
    var adminCommission = 0;
    var id = "";
    var fcmToken = '';
    var old_order_status = '';
    var payment_shared = false;
    var vendorname = '';
    var vendorId = '';
    var driverId = '';
    var deliveryChargeVal = 0;
    var tip_amount_val = 0;
    var tip_amount = 0;
    var total_price_val = 0;
    var adminCommission_val = 0;
    var database = firebase.firestore();
    var ref = database.collection('parcel_orders').where("id", "==", id);
    var append_procucts_list = '';
    var append_procucts_total = '';
    var total_price = 0;
    var currentCurrency = '';
    var currencyAtRight = false;
    var refCurrency = database.collection('currencies').where('isActive', '==', true);
    var orderPreviousStatus = '';
    var orderPaymentMethod = '';
    var orderCustomerId = '';
    var orderPaytableAmount = 0;
    var orderTakeAwayOption = false;
    var manfcmTokenVendor = '';
    var manname = '';
    var decimal_degits = 0;
    var vendorAuthor ='';
    refCurrency.get().then(async function (snapshots) {
        var currencyData = snapshots.docs[0].data();
        currentCurrency = currencyData.symbol;
        currencyAtRight = currencyData.symbolAtRight;

        if (currencyData.decimal_degits) {
            decimal_degits = currencyData.decimal_degits;
        }
    });


    var geoFirestore = new GeoFirestore(database);
    var place_image = '';
    var ref_place = database.collection('settings').doc("placeHolderImage");
    ref_place.get().then(async function (snapshots) {

        var placeHolderImage = snapshots.data();
        place_image = placeHolderImage.image;
        //  console.log('place_image'+place_image);

    });


    $(document).ready(function () {

        var alovelaceDocumentRef = database.collection('parcel_orders').doc();
        if (alovelaceDocumentRef.id) {
            id_rendom = alovelaceDocumentRef.id;
        }

        $(document.body).on('click', '.redirecttopage', function () {
            var url = $(this).attr('data-url');
            window.location.href = url;
        });

        jQuery("#data-table_processing").show();

        ref.get().then(async function (snapshots) {
            var order = snapshots.docs[0].data();

            append_procucts_list = document.getElementById('order_products');
            append_procucts_list.innerHTML = '';


            append_procucts_total = document.getElementById('order_products_total');
            append_procucts_total.innerHTML = '';

            $("#sender_name").text(order.sender.name);
            $("#sender_address").text(order.sender.address);
            var date = "";
            var time = "";
            if (order.senderPickupDateTime) {
                date = order.senderPickupDateTime.toDate().toDateString();
                time = order.senderPickupDateTime.toDate().toLocaleTimeString();
            }
            $("#sender_datetime").text(date + " " + time);
            $("#sender_phone").text(order.sender.phone);

            $("#receiver_name").text(order.receiver.name);

            $("#receiver_address").text(order.receiver.address);
            var date = "";
            var time = "";

            if (order.receiverPickupDateTime) {
                date = order.receiverPickupDateTime.toDate().toDateString();
                time = order.receiverPickupDateTime.toDate().toLocaleTimeString();

            }
            $("#receiver_datetime").text(date + " " + time);
            $("#receiver_phone").text(order.receiver.phone);

            if (order.createdAt) {
                var date1 = order.createdAt.toDate().toDateString();
                var date = new Date(date1);
                var dd = String(date.getDate()).padStart(2, '0');
                var mm = String(date.getMonth() + 1).padStart(2, '0'); //January is 0!
                var yyyy = date.getFullYear();
                var createdAt_val = yyyy + '-' + mm + '-' + dd;
                var time = order.createdAt.toDate().toLocaleTimeString('en-US');

                $('#createdAt').text(createdAt_val + ' ' + time);
            }

            if (order.payment_method) {

                if (order.payment_method == 'cod') {
                    $('#payment_method').text('{{trans("lang.cash_on_delivery")}}');
                } else if (order.payment_method == 'paypal') {
                    $('#payment_method').text('{{trans("lang.paypal")}}');
                } else {
                    $('#payment_method').text(order.payment_method);
                }

            }
            // console.log("order.takeAway =="+order.takeAway);
            // if (order.hasOwnProperty('takeAway') && order.takeAway) {
            //     $('#driver_pending').hide();
            //     $('#driver_rejected').hide();
            //     $('#order_shipped').hide();
            //     $('#in_transit').hide();
            //     $('#order_completed').show();
            //     $('#order_type').text('{{trans("lang.order_takeaway")}}');
            //     $('.payment_method').hide();
            //     orderTakeAwayOption = true;

            // } else {
            //     $('#order_type').text('{{trans("lang.order_delivery")}}');
            //     $('.payment_method').show();
            //     $('#order_completed').hide();

            // }


            if (order.driver != '' && order.driver != undefined) {
                if(order.driver.carName!=''){
                    $('#driver_carName').text(order.driver.carName);
                }else{
                  $('#para_carName').hide();
                }

                $('#driver_carNumber').text(order.driver.carNumber);
                $('#driver_email').html('<a href="mailto:' + order.driver.email + '">' + order.driver.email + '</a>');
                $('#driver_firstName').text(order.driver.firstName);
                $('#driver_lastName').text(order.driver.lastName);
                $('#driver_phone').text(order.driver.phoneNumber);

            } else {

                $('.driver_details_hide').empty();
            }

            if (order.driverID != '' && order.driverID != undefined) {
                driverId = order.driverID;
            }

            fcmToken = order.author.fcmToken;
            //fcmTokenVendor = order.vendor.fcmToken;
            customername = order.author.firstName;

            old_order_status = order.status;
            if (order.payment_shared != undefined) {
                payment_shared = order.payment_shared;
            }
            var productsListHTML = buildHTMLParcelList(order);
            var productstotalHTML = buildParcelTotal(order);

            if (productsListHTML != '') {
                append_procucts_list.innerHTML = productsListHTML;
            }

            if (productstotalHTML != '') {
                append_procucts_total.innerHTML = productstotalHTML;
            }


            orderPreviousStatus = order.status;
            if (order.hasOwnProperty('payment_method')) {
                orderPaymentMethod = order.payment_method;
            }

            $("#order_status option[value='" + order.status + "']").attr("selected", "selected");
            if (order.status == "Order Rejected" || order.status == "Driver Rejected") {
                $("#order_status").prop("disabled", true);
            }
            var price = 0;


            jQuery("#data-table_processing").hide();
        })

        $(".save_order_btn").click(async function () {


            var clientName = $(".client_name").val();
            var orderStatus = $("#order_status").val();
            if (old_order_status != orderStatus) {

                if (orderStatus == "Order Completed") {
                    manfcmTokenVendor = fcmToken;
                    manname = customername;
                } else {
                    manfcmTokenVendor = fcmToken;
                    manname = vendorname;
                }

                database.collection('parcel_orders').doc(id).update({'status': orderStatus}).then(async function (result) {
                    if (orderStatus != orderPreviousStatus && payment_shared == false) {
                        if (orderStatus == 'Order Completed') {
                            //vendorAmount = parseFloat(total_price) - (parseFloat(adminCommission));
                            // driverAmount = parseFloat(deliveryChargeVal) + parseFloat(tip_amount);
                            // var vendor = database.collection('users').where("vendorID", "==", vendorId);
                            // var vendorWallet = 0;
                            // await database.collection('order_transactions').doc(id_rendom).set({
                            //     'date': vendorWallet,
                            //     'driverAmount': driverAmount,
                            //     'driverId': vendorId,
                            //     'id': id_rendom,
                            //     'order_id': id,
                            //     'vendorAmount': vendorAmount,
                            //     'vendorId': vendorAuthor
                            // }).then(async function (result) {
                            //     await vendor.get().then(async function (snapshotsnew) {
                            //         var vendordata = snapshotsnew.docs[0].data();
                                    // if (vendordata) {
                                    //     if (isNaN(vendordata.wallet_amount) || vendordata.wallet_amount == undefined) {
                                    //         vendorWallet = 0;
                                    //     } else {
                                    //         vendorWallet = parseFloat(vendordata.wallet_amount);
                                    //     }

                                    //     if (orderPaymentMethod == 'cod' && orderTakeAwayOption == true) {
                                    //         vendorWallet = vendorWallet - parseFloat(adminCommission);
                                    //     } else {
                                    //         vendorWallet = vendorWallet + parseFloat(vendorAmount);
                                    //     }
                                    //     if (!isNaN(vendorWallet)) {
                                    //         database.collection('users').doc(vendordata.id).update({'wallet_amount': vendorWallet}).then(function (result) {
                                    //             console.log("updated" + vendordata.id);
                                    //         });
                                    //     }

                                    // }
                                // });
                                // if (driverId && driverAmount) {
                                //     var driver = database.collection('users').where("id", "==", driverId);
                                //     await driver.get().then(async function (snapshotsdriver) {
                                //         var driverdata = snapshotsdriver.docs[0].data();
                                //         if (driverdata) {
                                //             if (isNaN(driverdata.wallet_amount) || driverdata.wallet_amount == undefined) {
                                //                 driverWallet = 0;
                                //             } else {
                                //                 driverWallet = driverdata.wallet_amount;
                                //             }
                                //             if (orderPaymentMethod == 'cod' && orderTakeAwayOption == true) {
                                //                 driverWallet = driverWallet - parseFloat(total_price) - parseFloat(driverAmount);
                                //             } else {
                                //                 driverWallet = driverWallet + driverAmount;
                                //             }
                                //             if (!isNaN(driverWallet)) {
                                //                 await database.collection('users').doc(driverdata.id).update({'wallet_amount': driverWallet}).then(async function (result) {
                                //                     /*console.log("updated"+driverdata.id);*/
                                //                 });
                                //             }

                                //         }
                                    // })
                                 //}
                           // });

                            await database.collection('parcel_orders').doc(id).update({'payment_shared': true}).then(async function (result) {
                            });
                        }


                        await $.ajax({
                            type: 'POST',
                            url: "