@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.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">{{ 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">
                <a href="{{ route('vendors.orderprint', $id) }}">
                    <button type="button" class="fa fa-print"></button>
                </a>
            </div>

            <div class="order_detail" id="order_detail">
                <div class="order_detail-top">
                    <div class="row">
                        <div class="order_edit-genrl col-md-6">
                            <div class="card">
                                <div class="card-header bg-white">
                                    <h3>{{ trans('lang.general_details') }}</h3>
                                </div>
                                <div class="card-body">
                                    <div class="order_detail-top-box">

                                        <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 widt-100 gendetail-col">
                                            <label class="col-12 control-label"><strong>{{ trans('lang.order_type') }}
                                                    :</strong>
                                                <span id="order_type"></span></label>
                                        </div>

                                        <div class="form-group row widt-100 gendetail-col schedule_date"></div>
                                        <div class="form-group row widt-100 gendetail-col prepare_time"></div>

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

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

                                        <div class="form-group row width-100 ">
                                            <label class="col-3 control-label">{{ trans('lang.status') }}:</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 show_popup">
                                                    <i class="fa fa-save"></i> {{ trans('lang.update') }}
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="order-items-list mt-4">
                                <div class="card">
                                    <div class="card-body">
                                        <table cellpadding="0" cellspacing="0" class="table table-striped table-valign-middle">

                                            <thead>
                                                <tr>
                                                    <th>{{ trans('lang.item') }}</th>
                                                    <th class="d-head" style="display:none;">{{ trans('lang.file') }}</th>
                                                    <th>{{ trans('lang.price') }}</th>
                                                    <th>{{ trans('lang.qty') }}</th>
                                                    <th>{{ trans('lang.extra') }}</th>
                                                    <th>{{ trans('lang.total') }}</th>
                                                </tr>

                                            </thead>

                                            <tbody id="order_products">

                                            </tbody>
                                        </table>
                                        <div class="order-data-row order-totals-items">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive bk-summary-table">
                                                        <table class="order-totals">

                                                            <tbody id="order_products_total">

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

                                </div>
                            </div>

                        </div>

                        <div class="order_edit-genrl col-md-6">
                            <div class="card">
                                <div class="card-header bg-white">
                                    <h3>{{ trans('lang.billing_details') }}</h3>
                                </div>
                                <div class="card-body">
                                    <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.name') }}:</strong>
                                                <span id="billing_name"></span></label>
                                        </div>
                                        <div class="form-group row widt-100 gendetail-col" id="billing_adrs">
                                            <label class="col-12 control-label"><strong>{{ trans('lang.address') }}
                                                    :</strong>
                                                <span id="billing_line1"></span>
                                                <span id="billing_line2"></span>
                                                <span id="billing_country"></span></label>
                                        </div>
                                        <p><strong>{{ trans('lang.email_address') }}:</strong>
                                            <span id="billing_email"></span>
                                        </p>
                                        <p><strong>{{ trans('lang.phone') }}:</strong>
                                            <span id="billing_phone"></span>
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div class="order_addre-edit mt-4 driver_details_hide">
                                <div class="card">
                                    <div class="card-header bg-white">
                                        <h3>{{ trans('lang.driver_detail') }}</h3>
                                    </div>
                                    <div class="card-body">
                                        <div class="address order_detail-top-box">
                                            <p>
                                                <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><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 class="resturant-detail mt-4">
                                <div class="card">
                                    <div class="card-header">
                                        <h4 class="card-header-title">{{ trans('lang.vendor') }}</h4>
                                    </div>

                                    <div class="card-body">
                                        <a href="#" class="row redirecttopage" id="resturant-view">
                                            <div class="col-4">
                                                <img src="" class="resturant-img rounded-circle" alt="vendor" width="70px" height="70px">
                                            </div>
                                            <div class="col-8">
                                                <h4 class="vendor-title"></h4>
                                            </div>
                                        </a>

                                        <h5 class="contact-info">{{ trans('lang.contact_info') }}:</h5>

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

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

                            <div class="order_detail-review mt-4">

                                <div class="rental-review ">
                                    <div class="card">
                                        <div class="card-header bg-white box-header">
                                            <h3>{{ trans('lang.customer_reviews') }}</h3>
                                        </div>
                                        <div class="card-body">
                                            <div class="review-inner">

                                                <div id="customers_rating_and_review">

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

                                    </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="javascript:window.history.go(-1);" class="btn btn-default"><i class="fa fa-undo"></i>{{ trans('lang.cancel') }}
            </a>
        </div>

        <div class="modal fade" id="orderTrakingModal" tabindex="-1" role="dialog" aria-labelledby="orderTrakingModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="orderTrakingModalLabel">{{ trans('lang.please_provide_details') }}
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="courierCompanyName" class="col-form-label">{{ trans('lang.courier_company_name') }}</label>
                            <input type="text" class="form-control" id="courierCompanyName">
                        </div>
                        <div class="form-group">
                            <label for="courierTrackingId" class="col-form-label">{{ trans('lang.courier_tracking_id') }}</label>
                            <input type="text" class="form-control" id="courierTrackingId">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="save_btn">{{ trans('lang.save') }}</button>
                    </div>
                </div>
            </div>
        </div>

    </div>

    </div>
    </div>
    <div class="modal fade" id="addPreparationTimeModal" tabindex="-1" role="dialog" aria-hidden="true">

        <div class="modal-dialog modal-dialog-centered location_modal">

            <div class="modal-content">

                <div class="modal-header">

                    <h5 class="modal-title locationModalTitle">{{ trans('lang.add_preparation_time') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>

                </div>

                <div class="modal-body">

                    <form class="">

                        <div class="form-row">

                            <div class="form-group row">

                                <div class="form-group row width-100">
                                    <label class="col-12 control-label">{{ trans('lang.time') }}</label>
                                    <div class="col-12">
                                        <input type="text" name="prepare_time" class="form-control time-picker" id="prepare_time">
                                        <div id="add_prepare_time_error"></div>

                                    </div>
                                </div>

                            </div>

                        </div>

                    </form>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="add-prepare-time-btn">{{ trans('submit') }}</a>
                        </button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close">{{ trans('close') }}</a>
                        </button>

                    </div>

                </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 = "697c30dc4e01c";
        var adminCommission = 0;
        var id = "";
        var pid = "";
        var aid = "";
        var rid = "";
        var fcmToken = '';
        var old_order_status = '';
        var payment_shared = false;
        var vendorname = '';
        var vendorId = '';
        var userId = '';
        var order_sectionId = '';
        var add_reff_amount = false;
        var referralAmount = '';
        var referralBy = '';
        var driverId = '';
        var deliveryChargeVal = 0;
        var tip_amount_val = 0;
        var tip_amount = 0;
        var total_price_val = 0;
        var adminCommission_val = 0;
        var vendorAuthor = '';
        var basePrice = 0;
        var total_tax_amount = 0;
        var subscriptionTotalOrders = -1;
        var subscriptionModel = false;
        var commissionModel = false;
        var database = firebase.firestore();
        var subscriptionBusinessModel = database.collection('settings').doc("vendor");
        var paymentMethod = '';     
        subscriptionBusinessModel.get().then(async function(snapshots) {
            var subscriptionSetting = snapshots.data();
            if (subscriptionSetting.subscription_model == true) {
                subscriptionModel = true;
            }
        });

        if (pid != '') {
            var ref = database.collection('vendor_orders').where("id", "==", pid);

        } else if (rid != '') {
            var ref = database.collection('vendor_orders').where("id", "==", rid);

        } else if (aid != '') {
            var ref = database.collection('vendor_orders').where("id", "==", aid);

        } else {
            var ref = database.collection('vendor_orders').where("id", "==", id);

        }
        var reviewAttributes = {};
        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 service_type = '';
        var delivery_enable = false;

        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 restaurantRejectedSubject = '';
        var restaurantRejectedMessage = '';
        var restaurantAcceptedSubject = '';
        var restaurantAcceptedMessage = '';
        var restaurantTakeawayCompletedSubject = '';
        var restaurantTakeawayCompletedMessage = '';
        var storeAcceptedSubject = '';
        var storeAcceptedMessage = '';
        var storeCompletedSubject = '';
        var storeCompletedMessage = '';
        var dineinCanceledSubject = '';
        var dineinCanceledMessage = '';
        var dineinAcceptedSubject = '';
        var dineinAcceptedMessage = '';
        var scheduleOrderSubject = '';
        var scheduleOrderMessage = '';
        var storeOrderInTransitSubject = "";
        var storeOrderInTransitMsg = "";

        database.collection('dynamic_notification').get().then(async function(snapshot) {
            if (snapshot.docs.length > 0) {
                snapshot.docs.map(async (listval) => {
                    val = listval.data();

                    if (val.type == "restaurant_rejected") {

                        restaurantRejectedSubject = val.subject;
                        restaurantRejectedMessage = val.message;
                    } else if (val.type == "restaurant_accepted") {
                        restaurantAcceptedSubject = val.subject;
                        restaurantAcceptedMessage = val.message;
                    } else if (val.type == "takeaway_completed") {
                        restaurantTakeawayCompletedSubject = val.subject;
                        restaurantTakeawayCompletedMessage = val.message;
                    } else if (val.type == "store_accepted") {
                        storeAcceptedSubject = val.subject;
                        storeAcceptedMessage = val.message;
                    } else if (val.type == "store_intransit") {
                        storeOrderInTransitSubject = val.subject;
                        storeOrderInTransitMsg = val.message;

                    } else if (val.type == "store_completed") {
                        storeCompletedSubject = val.subject;
                        storeCompletedMessage = val.message;
                    } else if (val.type == "dinein_canceled") {
                        dineinCanceledSubject = val.subject;
                        dineinCanceledMessage = val.message;
                    } else if (val.type == "dinein_accepted") {
                        dineinAcceptedSubject = val.subject;
                        dineinAcceptedMessage = val.message;
                    } else if (val.type == "schedule_order") {
                        scheduleOrderSubject = val.subject;
                        scheduleOrderMessage = val.message;
                    }
                });
            }
        });

        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;

        });


        $(document).ready(function() {

            $('.time-picker').timepicker({
                timeFormat: "HH:mm",
                showMeridian: false,
                format24: true,
                dropdown: false
            });
            $('.time-picker').timepicker().on('changeTime.timepicker', function(e) {
                var hours = e.time.hours,
                    min = e.time.minutes;
                if (hours < 10) {
                    $(e.currentTarget).val('0' + hours + ':' + min);
                }

            });

            var alovelaceDocumentRef = database.collection('vendor_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;
            });

            $(document.body).on('click', '#save_btn', function() {
                var courierCompanyName = $("#courierCompanyName").val();
                var courierTrackingId = $("#courierTrackingId").val();
                if (courierCompanyName == '') {
                    alert('{{ trans('lang.courier_company_name_error') }}');
                    return false;
                }
                if (courierTrackingId == '') {
                    alert('{{ trans('lang.courier_tracking_id_error') }}');
                    return false;
                }
                status = "In Transit";
                callWalletTransaction(status);
            });

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

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

                if (order.vendor.section_id != undefined && order.vendor.section_id != '') {
                    await database.collection('sections').doc(order.vendor.section_id).get().then(
                        async function(snapshot) {
                            service_type = snapshot.data().serviceTypeFlag;
                            delivery_enable = snapshot.data().dine_in_active;
                            if (snapshot.data().adminCommision != null && snapshot.data()
                                .adminCommision != '') {
                                if (snapshot.data().adminCommision.enable) {
                                    commissionModel = true;
                                }
                            }
                        });
                }

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

                append_procucts_total = document.getElementById('order_products_total');
                append_procucts_total.innerHTML = '';
                if (order.address.name) {
                    $("#billing_name").text(order.address.name);
                } else {
                    $("#billing_name").text(order.author.firstName + ' ' + order.author.lastName);
                }
                $("#trackng_number").text(id);

                var billingAddressstring = '';

                if (order.address.hasOwnProperty('address')) {
                    $("#billing_line1").text(order.address.address);
                }
                if (order.address.hasOwnProperty('locality')) {
                    billingAddressstring = billingAddressstring + order.address.locality;
                }
                if (order.address.hasOwnProperty('landmark') && order.address.landmark != null) {
                    billingAddressstring = billingAddressstring + " " + order.address.landmark;
                }
                if (order.takeAway == true) {
                    billingAddressstring = '';
                    $('#billing_adrs').hide();
                }

                $("#billing_line2").text(billingAddressstring);

                if (order.author.hasOwnProperty('phoneNumber')) {
                    $("#billing_phone").text(order.author.phoneNumber);
                }

                if (order.address.hasOwnProperty('country')) {

                    $("#billing_country").text(order.address.country);

                }


                if (order.author.hasOwnProperty('email')) {
                    $("#billing_email").html('<a href="mailto:' + order.author.email + '">' + order
                        .author.email + '</a>');
                }

                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);
                }



                var payment_method = '';
                if (order.payment_method) {
                    paymentMethod = order.payment_method;
                    if (order.payment_method == "stripe") {
                        image = '{{ asset('images/payment/stripe.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "cod") {
                        image = '{{ asset('images/payment/cashondelivery.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "razorpay") {
                        image = '{{ asset('images/payment/razorepay.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "paypal") {
                        image = '{{ asset('images/payment/paypal.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "payfast") {
                        image = '{{ asset('images/payment/payfast.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '" width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "paystack") {
                        image = '{{ asset('images/payment/paystack.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "flutterwave") {
                        image = '{{ asset('images/payment/flutter_wave.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "mercadoPago" || order.payment_method ==
                        "mercado pago" || order.payment_method == "mercadopago") {
                        image = '{{ asset('images/payment/marcado_pago.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "wallet") {
                        image = '{{ asset('images/payment/emart_wallet.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "paytm") {
                        image = '{{ asset('images/payment/paytm.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "cancelled order payment") {
                        image = '{{ asset('images/payment/cancel_order.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';

                    } else if (order.payment_method == "refund amount") {
                        image = '{{ asset('images/payment/refund_amount.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';
                    } else if (order.payment_method == "referral amount") {
                        image = '{{ asset('images/payment/reffral_amount.png') }}';
                        payment_method = '<img alt="image" src="' + image +
                            '"  width="30%" height="30%" onerror="this.onerror=null;this.src=\'' + place_image + '\'">';
                    } else {
                        payment_method = order.payment_method;
                    }
                }
                $('#payment_method').html('<span>' + payment_method + '</span>');

                if (order.hasOwnProperty('takeAway') && order.takeAway) {
                    $('#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 (service_type != undefined && service_type != '' && service_type ==
                    "ecommerce-service") {
                    $('#order_placed').hide();
                    $('#order_accepted').hide();
                    $('#order_rejected').hide();
                    $('#driver_pending').hide();
                    $('#driver_rejected').hide();
                    $('#order_shipped').hide();
                    $('#order_completed').show();
                    $('#ccname_div').show();
                    $('#ccid_div').show();
                } else {
                    $('#order_placed').hide();
                    $('#driver_pending').hide();
                    $('#driver_rejected').hide();
                    $('#order_shipped').hide();
                    $('#in_transit').hide();
                    $('#ccname_div').hide();
                    $('#ccid_div').hide();
                }

                if (order.courierCompanyName != '' && order.courierCompanyName != undefined) {
                    $("#courierCompanyName").val(order.courierCompanyName);
                    $("#ccname").text(order.courierCompanyName);
                }
                if (order.courierTrackingId != '' && order.courierTrackingId != undefined) {
                    $("#courierTrackingId").val(order.courierTrackingId);
                    $("#ccid").text(order.courierTrackingId);
                }


                if ((order.driver != '' && order.driver != undefined) && order.takeAway == false) {

                    $('#driver_carName').text(order.driver.carName);
                    $('#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;
                }

                if (order.vendor && order.vendor.author != '' && order.vendor.author != undefined) {
                    vendorAuthor = order.vendor.author;
                }


                fcmToken = order.author.fcmToken;
                vendorname = order.vendor.title;

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

                vendorId = order.vendor.id;
                userId = order.author.id;
                order_sectionId = order.section_id;

                if (order_sectionId != '' && order_sectionId != undefined) {
                    database.collection('sections').doc(order_sectionId).get().then(async function(
                        snapshots) {
                        var secInfo = snapshots.data();
                        if (secInfo != undefined) {
                            referralAmount = parseFloat(secInfo.referralAmount);
                        }
                    });
                }

                if (userId != '' && userId != undefined) {
                    database.collection('referral').doc(userId).get().then(async function(snapshots) {
                        var refInfo = snapshots.data();
                        if (refInfo != undefined) {
                            referralBy = refInfo.referralBy;
                        }
                    });
                    database.collection('vendor_orders').where('author.id', '==', userId).get().then(
                        async function(snapshots) {
                            if (snapshots.docs.length == 1) {
                                add_reff_amount = true;
                            }
                        });
                }

                old_order_status = order.status;
                if (order.payment_shared != undefined) {
                    payment_shared = order.payment_shared;
                }
                var productsListHTML = buildHTMLProductsList(order.products);
                var productstotalHTML = buildHTMLProductstotal(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");

                var curr_status = $("#order_status").val();

                if (curr_status == "Order Completed") {
                    $("#order_status").prop("disabled", true);

                }
                if (order.status == "Order Rejected" || order.status == "Driver Rejected") {
                    $("#order_status").prop("disabled", true);
                }

                if (service_type != undefined && service_type != '' && service_type ==
                    "delivery-service") {
                    if (order.status == "Order Accepted" || order.status == "Driver Pending") {
                        $("#order_status").prop("disabled", true);
                    }
                }

                var price = 0;

                if (order.vendorID) {
                    var vendor = database.collection('vendors').where("id", "==", order.vendorID);

                    vendor.get().then(async function(snapshotsnew) {
                        var vendordata = snapshotsnew.docs[0].data();

                        if (subscriptionModel || commissionModel) {
                            if (vendordata.hasOwnProperty('subscriptionTotalOrders') &&
                                vendordata.subscriptionTotalOrders != null && vendordata
                                .subscriptionTotalOrders != '') {
                                subscriptionTotalOrders = vendordata
                                    .subscriptionTotalOrders;
                            }
                        }
                        if (vendordata.photo) {
                            $('.resturant-img').attr('src', vendordata.photo);
                        } else {
                            $('.resturant-img').attr('src', place_image);
                        }
                        if (vendordata.title) {
                            $('.vendor-title').html(vendordata.title);
                        }

                        if (vendordata.phonenumber) {
                            $('#vendor_phone').text(vendordata.phonenumber);
                        }
                        if (vendordata.location) {
                            $('#vendor_address').text(vendordata.location);
                        }

                    });
                }
                if (order.hasOwnProperty('scheduleTime') && order.scheduleTime != null && order
                    .scheduleTime != '') {
                    scheduleTime = order.scheduleTime;
                    var scheduleDate = scheduleTime.toDate().toDateString();
                    var time = order.scheduleTime.toDate().toLocaleTimeString('en-US');
                    var scheduleDate = new Date(scheduleDate);
                    var dd = String(scheduleDate.getDate()).padStart(2, '0');
                    var mm = String(scheduleDate.getMonth() + 1).padStart(2, '0'); //January is 0!
                    var yyyy = scheduleDate.getFullYear();
                    var scheduleDate = yyyy + '-' + mm + '-' + dd;
                    var scheduleDateTime = scheduleDate + ' ' + time;
                    $('.schedule_date').append(
                        '<label class="col-12 control-label"><strong>{{ trans('lang.schedule_date_time') }}:</strong><span id=""> ' +
                        scheduleDateTime + '</span></label>')

                }
                if (order.hasOwnProperty('estimatedTimeToPrepare') && order.estimatedTimeToPrepare !=
                    null && order.estimatedTimeToPrepare != '') {
                    prepareTime = order.estimatedTimeToPrepare;
                    var [h, m] = prepareTime.split(":");
                    var hour = h;
                    if (h.charAt(0) == "0") {
                        hour = h.charAt(1);
                    }
                    time = (h == "00") ? m + " minutes" : hour + " hours " + m + " minutes";
                    $('.prepare_time').append(
                        '<label class="col-12 control-label "><strong>{{ trans('lang.prepare_time') }}:</strong><span id=""> ' +
                        time + '</span></label>')

                }


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

            function getTwentyFourFormat(h, timeslot) {
                if (h < 10 && timeslot == "PM") {
                    h = parseInt(h) + 12;
                } else if (h < 10 && timeslot == "AM") {
                    h = '0' + h;
                }
                return h;
            }

            $('#add-prepare-time-btn').click(function() {
                var preparationTime = $('#prepare_time').val();
                if (preparationTime == '') {
                    $('#add_prepare_time_error').text('{{ trans('lang.add_prepare_time_error') }}');
                    return false;
                }

                database.collection('vendor_orders').doc(id).update({
                    'estimatedTimeToPrepare': preparationTime,
                }).then(async function(result) {
                    status = "Order Accepted";
                    callWalletTransaction(status);
                });
            });

            async function callWalletTransaction(status) {
                var orderStatus = status;
                var date = firebase.firestore.FieldValue.serverTimestamp();
                var courierCompanyName = $("#courierCompanyName").val();
                var courierTrackingId = $("#courierTrackingId").val();

                database.collection('vendor_orders').doc(id).update({
                    'status': status,
                    'courierCompanyName': courierCompanyName,
                    'courierTrackingId': courierTrackingId

                }).then(async function(result) {
                        var wId = database.collection('temp').doc().id;
                        database.collection('wallet').doc(wId).set({
                            'amount': parseFloat(basePrice),
                            'date': date,
                            'id': wId,
                            'isTopUp': true,
                            'order_id': "",
                            'payment_method': 'Wallet',
                            'payment_status': 'success',
                            'transactionUser': 'vendor',
                            'user_id': vendorAuthor
                        }).then(async function(result) {
                            var vendorAmount = basePrice;
                            if (total_tax_amount != 0 || total_tax_amount != '') {
                                var wId = database.collection('temp').doc().id;
                                database.collection('wallet').doc(wId).set({
                                    'amount': parseFloat(total_tax_amount),
                                    'date': date,
                                    'id': wId,
                                    'isTopUp': true,
                                    'order_id': "",
                                    'payment_method': 'tax',
                                    'payment_status': 'success',
                                    'transactionUser': 'vendor',
                                    'user_id': vendorAuthor,
                                    'note': 'Order Tax credited'
                                }).then(async function(result) {})
                            }

                            database.collection('users').where('id', '==', vendorAuthor)
                                .get().then(async function(snapshotsnew) {
                                    var vendordata = snapshotsnew.docs[0].data();
                                    if (vendordata) {
                                        if (parseInt(subscriptionTotalOrders) != -1) {
                                            subscriptionTotalOrders = parseInt(subscriptionTotalOrders) - 1;
                                            await database.collection('vendors').doc(vendordata.vendorID).update({
                                                'subscriptionTotalOrders': subscriptionTotalOrders.toString()
                                            })
                                        }
                                        if (isNaN(vendordata.wallet_amount) ||
                                            vendordata.wallet_amount == undefined) {
                                            vendorWallet = 0;
                                        } else {
                                            vendorWallet = parseFloat(vendordata
                                                .wallet_amount);
                                        }
                                        newVendorWallet = vendorWallet + vendorAmount + parseFloat(total_tax_amount);
                                        database.collection('users').doc(
                                            vendorAuthor).update({
                                            'wallet_amount': parseFloat(
                                                newVendorWallet)
                                        }).then(async function(result) {
                                            callAjax(orderStatus);
                                        })
                                    } else {
                                        callAjax(orderStatus);
                                    }

                                });


                        });
                    

                });


            }

            async function callAjax(orderStatus) {

                var subject = storeAcceptedSubject;
                var message = storeAcceptedMessage;

                if (orderStatus == "In Transit") {
                    subject = storeOrderInTransitSubject;
                    message = storeOrderInTransitMsg;
                }
                await $.ajax({
                    type: 'POST',
                    url: "