@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"><a href="{!! route('orders') !!}">{{trans('lang.order_plural')}}</a>
                    </li>
                
                <li class="breadcrumb-item">{{trans('lang.order_edit')}}</li>
            </ol>
        </div>
    </div>
    <div class="container-fluid">

        <div class="card-body pb-5 p-0">
            <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">
                {{trans('lang.processing')}}
            </div>
            <div class="text-right print-btn pb-3">
                <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-lg-7 col-md-12">
                            <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 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 edit-form-btn"><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="text-center">{{trans('lang.price')}}</th>
                                                    <th>{{trans('lang.qty')}}</th>
                                                    <th>{{trans('lang.extras')}}</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_addre-edit col-lg-5 col-md-12">
                            <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">
                                        <p>
                                            <strong>{{trans('lang.name')}}: </strong><span id="billing_name"></span>
                                        </p>
                                        <p>
                                            <strong>{{trans('lang.address')}}: </strong>
                                            <span id="billing_line1"></span>
                                            <span id="billing_line2"></span>
                                            <span id="billing_country"></span>
                                        </p>
                                        <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 driver_details_hide">
                                <div class="card mt-4">
                                    <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>
                                                <strong>{{trans('lang.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><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>
                                            <p><strong>{{trans('lang.zone')}}:</strong>
                                                <span id="zone_name"></span>
                                            </p>
                                        </div>
                                    </div>

                                </div>
                            </div>


                            <div class="resturant-detail mt-4">
                                <div class="card">
                                    <div class="card-header bg-white">
                                        <h4 class="card-header-title">{{trans('lang.restaurant')}}</h4>
                                    </div>

                                    <div class="card-body">
                                        <a href="#" class="row redirecttopage align-items-center" id="resturant-view">
                                            <div class="col-md-3">
                                                <img src="" class="resturant-img rounded-circle" alt="vendor"
                                                    width="70px" height="70px">
                                            </div>
                                            <div class="col-md-9">
                                                <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 edit-form-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>
</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')}}
                    </button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close">
                        {{trans('close')}}
                    </button>

                </div>

            </div>
        </div>

    </div>

</div>
@endsection

@section('style')

@section('scripts')
<script src="{{ asset('js/helpers.js') }}"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/printThis/1.15.0/printThis.js"></script>

<script>
    var adminCommission = 0;
    var id_rendom = "6936d86db4e39";
    var id = "";
    var driverId = '';
    var old_order_status = '';
    var payment_shared = false;
    var deliveryChargeVal = 0;
    var deliveryCharge = 0;
    var fcmToken = '';
    var manfcmTokenVendor = '';
    var fcmTokenVendor = '';
    var customername = '';
    var vendorname = '';

    var tip_amount_val = 0;
    var tip_amount = 0;
    var page_size = 5;
    var database = firebase.firestore();
    var ref = database.collection('restaurant_orders').where("id", "==", id);
    var ref_review_attributes = database.collection('review_attributes');
    var selected_review_attributes = '';
    var refUserReview = database.collection('foods_review').where('orderid', '==', 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 orderTakeAwayOption = false;


    var manname = '';
    var reviewAttributes = {};
    var decimal_degits = 0;
    var orderCustomerId = '';
    var orderPaytableAmount = 0;
    var vendorAuthor = '';

    var orderAcceptedSubject = '';
    var orderAcceptedMsg = '';
    var orderRejectedSubject = '';
    var orderRejectedMsg = '';
    var orderCompletedSubject = '';
    var orderCompletedMsg = '';
    var takeAwayOrderCompletedSubject = '';
    var takeAwayOrderCompletedMsg = '';
    var driverAcceptedMsg = '';
    var driverAcceptedSubject = '';

    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") {

                    orderRejectedSubject = val.subject;
                    orderRejectedMsg = val.message;

                } else if (val.type == "driver_completed") {

                    orderCompletedSubject = val.subject;
                    orderCompletedMsg = val.message;

                } else if (val.type == "takeaway_completed") {
                    takeAwayOrderCompletedSubject = val.subject;
                    takeAwayOrderCompletedMsg = val.message;

                } else if (val.type == "restaurant_accepted") {

                    orderAcceptedSubject = val.subject;
                    orderAcceptedMsg = val.message;

                } else if (val.type == "driver_accepted") {

                    driverAcceptedSubject = val.subject;
                    driverAcceptedMsg = val.message;
                }
            });
        }
    });
    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;
    });

    $(document).ready(function() {

        $('.time-picker').timepicker({
            timeFormat: "HH:mm",
            showMeridian: false,
            format24: true
        });

        $('.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('restaurant_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) {
            vendorOrder = snapshots.docs[0].data();

            getUserReview(vendorOrder);

            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 = '';

            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')) {
                billingAddressstring = billingAddressstring + " " + order.address.landmark;
            }
            $("#billing_line2").text(billingAddressstring);


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

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

            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) {

                if (order.payment_method == "stripe") {
                    image = '{{asset("images/stripe.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';

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

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

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

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

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

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

                } else if (order.payment_method == "mercado pago") {
                    image = '{{asset("images/marcado_pago.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';

                } else if (order.payment_method == "wallet") {
                    image = '{{asset("images/foodie_wallet.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%" >';

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

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

                } else if (order.payment_method == "refund amount") {
                    image = '{{asset("images/refund_amount.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';
                } else if (order.payment_method == "referral amount") {
                    image = '{{asset("images/reffral_amount.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';
                } else if (order.payment_method == "midtrans") {
                    image = '{{asset("images/midtrans.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';
                } else if (order.payment_method == "xendit") {
                    image = '{{asset("images/xendit.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';
                } else if (order.payment_method == "orangepay") {
                    image = '{{asset("images/orangeMoney.png")}}';
                    payment_method = '<img alt="image" src="' + image + '"  width="30%" height="30%">';
                } else {
                    payment_method = order.payment_method;
                }
            }
            $('#payment_method').html(payment_method);

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

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

            }

            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 + '">' + shortEmail(order.driver.email) + '</a>');
                $('#driver_firstName').text(order.driver.firstName);
                $('#driver_lastName').text(order.driver.lastName);
                $('#driver_phone').text(shortEditNumber(order.driver.phoneNumber));

                var zoneId = '';
                if (order.driver.hasOwnProperty('zoneId') && order.driver.zoneId.length > 0) {
                    zoneId = order.driver.zoneId;
                } else if (order.hasOwnProperty('driverID')) {
                    var driverSnapshot = await database.collection('users').doc(order.driverID).get();
                    var driverData = driverSnapshot.data();
                    zoneId = driverData.zoneId;
                }
                if (zoneId != '') {
                    database.collection('zone').doc(zoneId).get().then(async function(snapshots) {
                        let zone = snapshots.data();
                        $("#zone_name").text(zone.name);
                    });
                }

            } else {
                $('.order_edit-genrl').removeClass('col-md-7').addClass('col-md-7');
                $('.order_addre-edit').removeClass('col-md-5').addClass('col-md-5');
                $('.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;
            }
            var scheduleTime = '';
            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>')

            }

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

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

            vendorId = order.vendor.id;
            old_order_status = order.status;
            if (order.payment_shared != undefined) {
                payment_shared = order.payment_shared;
            }
            var productsListHTML = buildHTMLProductsList(order.products);
            var productstotalHTML = await 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");
            if (order.status == "Order Rejected" || order.status == "Driver Rejected") {
                $("#order_status").prop("disabled", true);
            }
            var price = 0;

            if (order.authorID) {
                orderCustomerId = order.authorID;
            }

            if (order.vendorID) {

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

                vendor.get().then(async function(snapshotsnew) {
                    if (snapshotsnew.docs.length > 0) {

                        var vendordata = snapshotsnew.docs[0].data();

                        if (vendordata.id) {
                            var route_view = '{{route("restaurants.view",":id")}}';
                            route_view = route_view.replace(':id', vendordata.id);

                            $('#resturant-view').attr('data-url', route_view);
                        }
                        if (vendordata.photo != "" && vendordata.photo != null) {
                            $('.resturant-img').attr('src', vendordata.photo);
                        } else {
                            $('.resturant-img').attr('src', place_image);
                        }
                        if (vendordata.title != "" && vendordata.title != null) {
                            $('.vendor-title').html(vendordata.title);
                        }

                        if (vendordata.phonenumber != "" && vendordata.phonenumber != null) {
                            $('#vendor_phone').text(shortEditNumber(vendordata.phonenumber));
                        } else {
                            $('#vendor_phone').text("");
                        }
                        if (vendordata.location != "" && vendordata.location != null) {
                            $('#vendor_address').text(vendordata.location);
                        }
                    } else {
                        $('.resturant-img').attr('src', place_image);
                        $('.vendor-title').html("{{trans('lang.unknown')}}");
                    }

                });
                tip_amount = order.tip_amount;


            }


            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;
            }
            var date = firebase.firestore.FieldValue.serverTimestamp();
            database.collection('restaurant_orders').doc(id).update({
                'status': "Order Accepted",
                'estimatedTimeToPrepare': preparationTime
            }).then(async function(result) {
                var wId = database.collection('temp').doc().id;
                database.collection('wallet').doc(wId).set({
                    'amount': parseFloat(total_price),
                    'date': date,
                    'id': wId,
                    'isTopUp': true,
                    'order_id': "",
                    'payment_method': 'Wallet',
                    'payment_status': 'success',
                    'transactionUser': 'vendor',
                    'user_id': vendorAuthor
                }).then(async function(result) {
                    if (adminCommission != 0 || adminCommission != '') {
                        var wId = database.collection('temp').doc().id;
                        database.collection('wallet').doc(wId).set({
                            'amount': parseFloat(adminCommission),
                            'date': date,
                            'id': wId,
                            'isTopUp': false,
                            'order_id': "",
                            'payment_method': 'Wallet',
                            'payment_status': 'success',
                            'transactionUser': 'vendor',
                            'user_id': vendorAuthor
                        }).then(async function(result) {})
                    }

                    vendorAmount = total_price - adminCommission;

                    database.collection('users').where('id', '==', vendorAuthor).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);
                            }
                            newVendorWallet = vendorWallet + vendorAmount;
                            database.collection('users').doc(vendorAuthor).update({
                                'wallet_amount': parseFloat(newVendorWallet)
                            }).then(async function(result) {
                                callAjax();
                            })
                        } else {
                            callAjax();
                        }

                    });


                });
            });
        });

        async function callAjax() {
            await $.ajax({
                type: 'POST',
                url: "