@extends('layouts.app')
@section('content')
<style type="text/css">
    .cus_name {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.03em;
        color: #333333;
    }
    .fstar{
        padding-right: 5px;
    }

</style>
<div class="page-wrapper ">
    <div class="row page-titles non-printable">

        <div class="col-md-5 align-self-center">
            <h3 class="text-themecolor">{{trans('lang.booking_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.booking_edit')}}</li>
            </ol>
        </div>
    </div>

    <div class="card-body">
        <div class="col-md-12">
            <div class="print-top mt-3">
                <div class="text-right print-btn">
                    <a href="{{route('ondemand.bookings.print',$id)}}"><i class="fa fa-print"
                                                                          style="font-size:20px;"></i></a>
                </div>
            </div>

            <hr>
        </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">
                                <h4>{{trans('lang.general_details')}}</h4>
                            </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.booking_date_time')}}
                                                : </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 old_order_status">
                                        <label class="col-12 control-label"><strong>{{trans('lang.order_status')}}
                                                : </strong><span id="old_order_status"></span></label>
                                    </div>
                                    <div class="form-group row widt-100 gendetail-col" id="reason_div"
                                         style="display:none">
                                        <label class="col-12 control-label"><strong>{{trans('lang.reason')}}
                                                : </strong><span class="reason"></span></label>
                                    </div>
                                    <div class="form-group row widt-100 gendetail-col" id="new_schdeule_date_div"
                                         style="display:none">
                                        <label class="col-12 control-label"><strong>{{trans('lang.new_schedule_date')}}
                                                : </strong><span class="new_schedule_date"></span></label>
                                    </div>
                                    <div class="form-group row widt-100 gendetail-col" id="start_time_div" style="display:none">
                                        <label class="col-12 control-label"><strong>{{trans('lang.start_time')}}
                                                : </strong><span class="start_time"></span></label>
                                    </div>
                                    <div class="form-group row widt-100 gendetail-col " id="end_time_div" style="display:none">
                                        <label class="col-12 control-label"><strong>{{trans('lang.end_time')}}
                                                : </strong><span class="end_time"></span></label>
                                    </div>
                                    <div class="d-flex mb-2 d-none total_time_div">
                                        <div class="row widt-100 gendetail-col d-none" id="total_time">
                                            <label class="col-12 control-label"><strong class="font-weight-bold mr-5">{{trans('lang.total_time')}}
                                                    : </strong><span id="timer" class="text-danger font-weight-bold">00:00:00</span>
                                            </label>
                                        </div>
                                        <div class="ml-auto stop_time_div d-none">
                                            <button class="btn btn-sm btn-danger stop_timer_btn">
                                                {{trans('lang.stop_time')}}
                                            </button>
                                        </div>
                                    </div>

                                    <div class="form-group row width-100 " id="order_status_div">
                                        <label class="col-3 control-label">{{trans('lang.update_status')}}:</label>
                                        <div class="col-7">
                                            <select id="order_status" class="form-control">
                                                <option value="" disabled selected>{{ trans('lang.select_status')}}
                                                </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="Order Assigned" id="order_assigned">{{
                                                    trans('lang.order_assigned')}}
                                                </option>
                                                <option value="Order Ongoing" id="order_ongoing">{{
                                                    trans('lang.order_ongoing')}}
                                                </option>
                                                <option value="Order Completed" id="order_completed">{{
                                                    trans('lang.order_completed')}}
                                                </option>
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group row width-100 mt-3">

                                        <div class="d-flex">
                                            <div id="extra_charge_div" style="display:none">
                                                <button type="button" class="btn btn-primary" data-toggle="modal"
                                                        data-target="#extraChargeModal">
                                                    <i class="fa fa-money"></i> {{trans('lang.add_extra_charges')}}
                                                </button>
                                            </div>
                                            <button type="button"
                                                    class="btn btn-primary edit-form-btn show_popup ml-3">
                                                <i class="fa fa-save"></i> {{trans('lang.update')}}
                                            </button>
                                        </div>

                                    </div>
                                </div>

                            </div>
                        </div>

                        <div class="order-items-list mt-4 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 class="order_edit-genrl col-md-6">
                        <div class="card">
                            <div class="card-header">
                                <h4>{{ trans('lang.billing_details')}}</h4>
                            </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">
                                        <label class="col-12 control-label"><strong>{{trans('lang.address')}}
                                                :</strong>
                                            <span id="billing_line1"></span>
                                            <span id="billing_line2"></span>

                                    </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="resturant-detail mt-4">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-header-title">{{trans('lang.service_details')}}</h4>
                                </div>

                                <div class="card-body">
                                    <a class="row redirecttopage service_details" id="resturant-view">
                                        <div class="col-3">
                                            <img src="" class="service-img rounded-circle" alt="vendor" width="70px"
                                                 height="70px">
                                        </div>
                                        <div class="col-9">
                                            <h4 class="service-title"></h4>
                                        </div>
                                    </a>
                                    <h5 class="contact-info">{{trans('lang.ondemand_service_category')}}:</h5>
                                    <p class="mt-2"><strong>{{trans('lang.name')}}:</strong><span
                                                id="service_category"></span></p>
                                    <h5 class="contact-info">{{trans('lang.contact_info')}}:</h5>
                                    <p><strong>{{trans('lang.address')}}:</strong>
                                        <span id="service_address"></span>
                                    </p>

                                </div>
                            </div>
                        </div>
                        <div class="resturant-detail mt-4" id="worker_name_div" style="display:none">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-header-title">{{trans('lang.worker_details')}}</h4>
                                </div>

                                <div class="card-body">
                                    <a class="row redirecttopage worker_details" id="resturant-view">
                                        <div class="col-3">
                                            <img src="" class="worker-img rounded-circle" alt="vendor" width="70px"
                                                 height="70px">
                                        </div>
                                        <div class="col-9">
                                            <h4 class="worker_name"></h4>
                                        </div>
                                    </a>

                                    <h5 class="contact-info">{{trans('lang.contact_info')}}:</h5>
                                    <p><strong>{{trans('lang.email')}}:</strong>
                                        <span id="worker_email"></span>
                                    </p>
                                    <p><strong>{{trans('lang.phone')}}:</strong>
                                        <span id="worker_phone"></span>
                                    </p>
                                    <p><strong>{{trans('lang.address')}}:</strong>
                                        <span id="worker_address"></span>
                                    </p>

                                </div>
                            </div>
                        </div>
                        <div class="resturant-detail mt-4" id="provider_name_div" style="display:none">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-header-title">{{trans('lang.provider_details')}}</h4>
                                </div>

                                <div class="card-body">
                                    <a class="row redirecttopage provider_details" id="resturant-view">
                                        <div class="col-3">
                                            <img src="" class="provider-img rounded-circle" alt="vendor" width="70px"
                                                 height="70px">
                                        </div>
                                        <div class="col-9">
                                            <h4 class="provider_name"></h4>
                                        </div>
                                    </a>

                                    <h5 class="contact-info">{{trans('lang.contact_info')}}:</h5>
                                    <p><strong>{{trans('lang.email')}}:</strong>
                                        <span id="provider_email"></span>
                                    </p>
                                    <p><strong>{{trans('lang.phone')}}:</strong>
                                        <span id="provider_phone"></span>
                                    </p>


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

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

</div>

<div class="modal fade" id="orderAcceptModal" 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.accept_order')}}</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">
                                <div class="col-12">
                                    <input type="datetime-local" name="new_schedule_date" class="form-control"
                                           id="new_schedule_date">
                                    <div id="select_date_time_err" style="color:red"></div>
                                </div>
                            </div>
                        </div>

                    </div>

                </form>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="order-accept-btn">{{trans('lang.accept')}}
                    </button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close">
                        {{trans('close')}}
                    </button>

                </div>


            </div>
        </div>

    </div>

</div>
<div class="modal fade" id="orderAssignModal" 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.assign_order')}}</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 form-check row width-100">
                                <input type="radio" name="assign_order_radio" class="form-check-input"
                                       id="assign_order_me" value="my_self">
                                <label for="assign_order_me"
                                       class="form-check-label">{{trans("lang.assign_to_me")}}</label>
                            </div>
                            <div class="form-group form-check row width-100">
                                <input type="radio" name="assign_order_radio" class="form-check-input"
                                       id="assign_order_worker" value="worker">
                                <label for="assign_order_worker" class="form-check-label">{{trans("lang.assign_to_worker")}}</label>
                                <div id="select_radio_err" style="color:red"></div>
                            </div>
                            <div class="form-group row width-100" id="worker_list_div" style="display:none">
                                <div class="col-12">
                                    <label>{{trans("lang.select_worker_err")}}</label>
                                    <select name="worker" class="form-control" id="worker_list">
                                        <option value="" disabled selected>{{trans("lang.select_worker")}}</option>
                                    </select>
                                    <div id="select_worker_err" style="color:red"></div>
                                </div>
                            </div>
                        </div>

                    </div>

                </form>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="order-assign-btn">{{trans('lang.assign')}}
                    </button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close">
                        {{trans('close')}}
                    </button>

                </div>


            </div>
        </div>

    </div>

</div>
<div class="modal fade" id="extraChargeModal" 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_extra_charges')}}</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">
                                <div class="col-12">
                                    <input type="number" name="extra_charge"
                                           placeholder="{{trans('lang.extra_charge_amount')}}" class="form-control"
                                           id="extra_charge_amount">
                                    <div id="add_extra_charge_err" style="color:red"></div>
                                </div>
                                <div class="col-12 mt-5">
                                    <textarea rows="3" name="extra_charge_desc"
                                              placeholder="{{trans('lang.add_description')}}" class="form-control"
                                              id="extra_charge_desc"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>

                </form>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="extra-charge-btn">{{trans('lang.add')}}
                    </button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close">
                        {{trans('close')}}
                    </button>

                </div>


            </div>
        </div>

    </div>

</div>

<div class="modal fade" id="addOtpModal" 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.enter_otp')}}</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">
                                <div class="col-12">
                                    <input type="number" name="otp" class="form-control" id="otp">
                                    <div id="enter_otp" style="color:red"></div>
                                </div>
                            </div>
                        </div>

                    </div>

                </form>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="add-otp-btn">{{trans('lang.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>
    var id_rendom = "69408ae8b0d9b";
    var adminCommission = 0;
    var id = "";
    var userFcmToken = '';
    var fcmTokenProvider = '';
    var workerFcmToken = '';
    var old_order_status = '';
    var payment_shared = false;
    var serviceName = '';
    var serviceId = '';
    var userId = '';
    var order_sectionId = '';
    var total_price_val = 0;
    var adminCommission_val = 0;
    var providerAuthor = '';
    var paymentMethod = '';
    var paymentStatus = '';
    var extraChargePaymentStatus = '';
    var bookingDate = '';
    var newScheduleBookingDate = '';
    var database = firebase.firestore();

    var ref = database.collection('provider_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 orderPayableAmount = 0;
    var extraCharges = '';
    var manname = '';
    var decimal_degits = 0;
    var service_type = '';
    var otpToVerify = '';
    var priceUnit = '';
    let timerInterval;
    let startTime;
    var storedEndTime = '';
    var storedStartTime = '';
    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 ProviderRejectedSubject = '';
    var ProviderRejectedMessage = '';
    var ProviderAcceptedSubject = '';
    var ProviderAcceptedMessage = '';
    var ProviderCompletedSubject = '';
    var ProviderCompletedMessage = '';
    var ProviderOngoingSubject = "";
    var ProviderOngoingMsg = "";
    var ProviderAssignedSubject = "";
    var ProviderAssignedMsg = "";
    var extraChargesSubject = "";
    var extraChargesMsg = "";
    var bookingTimeStopSubject = "";
    var bookingTimeStopMsg = "";

    var subscriptionTotalOrders=-1;
    var subscriptionModel=false;
    var commissionBusinessModel = '';
    var commisionModel=false;
     var subscriptionBusinessModel = database.collection('settings').doc("vendor");
        subscriptionBusinessModel.get().then(async function(snapshots) {
            var subscriptionSetting = snapshots.data();
            if (subscriptionSetting.subscription_model == true) {
                subscriptionModel = true;
            }
        });
    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 == "provider_rejected") {
                    ProviderRejectedSubject = val.subject;
                    ProviderRejectedMessage = val.message;
                } else if (val.type == "provider_accepted") {
                    ProviderAcceptedSubject = val.subject;
                    ProviderAcceptedMessage = val.message;
                } else if (val.type == "worker_assigned") {
                    ProviderAssignedSubject = val.subject;
                    ProviderAssignedMsg = val.message;
                } else if (val.type == "service_intransit") {
                    ProviderOngoingSubject = val.subject;
                    ProviderOngoingMsg = val.message;
                } else if (val.type == "service_completed") {
                    ProviderCompletedSubject = val.subject;
                    ProviderCompletedMessage = val.message;
                } else if (val.type == "service_charges") {
                    extraChargesSubject = val.subject;
                    extraChargesMsg = val.message;
                } else if (val.type == "stop_time") {
                    bookingTimeStopSubject = val.subject;
                    bookingTimeStopMsg = 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;

    });

    async function getProvidersWorkerList(providerId) {
        database.collection('providers_workers').where('providerId', '==', providerId).where('online', '==', true).get().then(async function (snapshots) {
            if (snapshots.docs.length > 0) {
                snapshots.docs.forEach((listval) => {
                    var data = listval.data();
                    $('#worker_list').append($("<option></option>")
                        .attr("value", data.id)
                        .attr("fcm", data.fcmToken)
                        .text(data.firstName + ' ' + data.lastName));
                });
            }

        })
    }

    async function getMinDate() {
        var currentDate = new Date();
        var year = currentDate.getFullYear();
        var month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
        var day = currentDate.getDate().toString().padStart(2, '0');
        var hours = currentDate.getHours().toString().padStart(2, '0');
        var minutes = currentDate.getMinutes().toString().padStart(2, '0');

        var minDateTime = `${year}-${month}-${day}T${hours}:${minutes}`;
        $('#new_schedule_date').attr('min', minDateTime);
        $('#new_schedule_date').val(minDateTime);
    }

    $(document).ready(function () {

        $('[data-dismiss="modal"]').click(function() {
            $('#orderAcceptModal').modal('hide');
        });

        $('[data-dismiss="modal"]').click(function() {
            $('#orderAssignModal').modal('hide');
        });

        $('[data-dismiss="modal"]').click(function() {
            $('#extraChargeModal').modal('hide');
        });

        $('[data-dismiss="modal"]').click(function() {
            $('#addOtpModal').modal('hide');
        });

        $('.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);
            }

        });

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

        getMinDate(); // set the minimum date

        $('#new_schedule_date').on('input', function () {

            var currentDateTime = new Date();
            var selectedDateTime = new Date($(this).val());
            selectedDateTime.setSeconds(60);
            if (currentDateTime.getDate() == selectedDateTime.getDate() && currentDateTime.getTime() > selectedDateTime.getTime()) {
                alert('{{trans("lang.can_not_select_time_less_than_current_time")}}');
                getMinDate();
            }
        });


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

        ref.get().then(async function (snapshots) {
            var order = snapshots.docs[0].data();
             if (order.sectionId != undefined && order.sectionId != '' && order.sectionId!=null) {
                    await database.collection('sections').doc(order.sectionId).get().then(
                        async function(snapshot) {           
                            if (snapshot.data().adminCommision != null && snapshot.data()
                                .adminCommision != '') {
                                if (snapshot.data().adminCommision.enable) {
                                    commissionModel = true;
                                }
                            }
                        });
                }
            priceUnit = order.provider.priceUnit;
            getUserReview(order);
            append_procucts_total = document.getElementById('order_products_total');
            append_procucts_total.innerHTML = '';

            var id = order.authorID;
            var user_view = '{{route("users.view",":id")}}';
            user_view = user_view.replace(':id', id);

            var billing_name = order.author.firstName + ' ' + order.author.lastName;
            $('#billing_name').text(billing_name);
            $('#billing_name').html('<a href="' + user_view + '">' + billing_name + '</a>');

            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;
            }
            $("#billing_line2").text(billingAddressstring);
            if (order.author.hasOwnProperty('phoneNumber')) {
                if(order.author.phoneNumber.includes('+')){
                    $("#billing_phone").text('+' + EditPhoneNumber(order.author.phoneNumber.slice(1)));
                }else{
                    $("#billing_phone").text(EditPhoneNumber(order.author.phoneNumber));
                }
            }
            if (order.author.hasOwnProperty('email')) {
                $("#billing_email").html('<a href="mailto:' + order.author.email + '">' + shortEmail(order.author.email) + '</a>');
            }
            if (order.scheduleDateTime) {
                var date1 = order.scheduleDateTime.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.scheduleDateTime.toDate().toLocaleTimeString('en-US');

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

                var now = new Date(order.scheduleDateTime.seconds * 1000);
                const year = now.getFullYear();
                let month = (now.getMonth() + 1).toString().padStart(2, '0');
                let day = now.getDate().toString().padStart(2, '0');
                let hours = now.getHours().toString().padStart(2, '0');
                let minutes = now.getMinutes().toString().padStart(2, '0');

                const formattedDatetime = year + '-' + month + '-' + day + 'T' + hours + ':' + minutes;

                $('#new_schedule_date').val(formattedDatetime);
                bookingDate = order.scheduleDateTime;
            }
            if (order.hasOwnProperty('newScheduleDateTime') && order.newScheduleDateTime != '' && order.newScheduleDateTime != null) {
                $('#new_schdeule_date_div').show();
                var date1 = order.newScheduleDateTime.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.newScheduleDateTime.toDate().toLocaleTimeString('en-US');
                $('.new_schedule_date').text(createdAt_val + ' ' + time);
                newScheduleBookingDate = order.newScheduleDateTime;
            }
            if (order.reason != '' && order.reason != null) {
                $('#reason_div').show();
                $('.reason').html(order.reason);
            }
            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 + '" onerror="this.onerror=null;this.src=\'' + place_image + '\'" width="30%" style="height: auto;">';

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

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

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

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

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

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

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

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

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

                } 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 + '" onerror="this.onerror=null;this.src=\'' + place_image + '\'" width="30%" style="height: auto;">';

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

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

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

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

            if (order.provider && order.provider.author != '' && order.provider.author != undefined) {
                providerAuthor = order.provider.author;
                fcmTokenProvider = await getProviderFcm(order.provider.author);
                await getProvidersWorkerList(order.provider.author);
            }
            if (order.workerId != '' && order.workerId != null && order.workerId != undefined) {

                $('#worker_name_div').show();
                var workerDetail = await getWorkerDetail(order.workerId);
                if (workerDetail == '' || workerDetail == undefined) {
                    $('.worker_name').html("{{trans('lang.unknown')}}");
                    $('.worker_details').removeClass('redirecttopage');
                    $('.worker-img').attr('src', place_image);
                } else {

                    var rating = 0;

                    if (workerDetail.hasOwnProperty('reviewsCount') && workerDetail.reviewsCount && workerDetail.reviewsCount != "0.0" && workerDetail.reviewsCount != null && workerDetail.hasOwnProperty('reviewsSum') && workerDetail.reviewsSum && workerDetail.reviewsSum != "0.0" && workerDetail.reviewsSum != null) {

                        rating = (parseFloat(workerDetail.reviewsSum) / parseFloat(workerDetail.reviewsCount));

                        rating = (rating * 10) / 10;

                    }
                    var ratingHtml = '<span class="badge badge-success text-white ml-auto" ><i class="fstar fa fa-star" ></i>' + (rating).toFixed(1) + '</span>';


                    $('.worker_name').html('<span class="worker-title">' + workerDetail.firstName + workerDetail.lastName + '</span>' + ratingHtml);
                    $('#worker_email').html(shortEmail(workerDetail.email));
                    $('#worker_address').html(workerDetail.address);
                    if(workerDetail.phoneNumber.includes('+')){
                        $('#worker_phone').html('+' + EditPhoneNumber(workerDetail.phoneNumber.slice(1)));
                    }else{
                        $('#worker_phone').html(EditPhoneNumber(workerDetail.phoneNumber));
                    }
                    if (workerDetail.profilePictureURL != '') {

                        $('.worker-img').attr('src', workerDetail.profilePictureURL);
                    } else {
                        $('.worker-img').attr('src', place_image);

                    }
                    var workerDetailRoute = '{{route("ondemand.workers.edit", ":id")}}';
                    workerDetailRoute = workerDetailRoute.replace(':id', order.workerId);
                    $('.worker_details').attr('href', workerDetailRoute);
                }
            }
            orderCustomerId = order.author.id;
            userFcmToken = await getCusotmerFcm(order.author.id);
            serviceName = order.provider.title;
            customername = order.author.firstName;
            serviceId = order.provider.id;

            old_order_status = order.status;
            storedStartTime = '';
            storedEndTime = '';
            if (order.hasOwnProperty('startTime') && order.startTime != null && order.startTime != '') {
                storedStartTime = order.startTime.toDate();
                var date1 = order.startTime.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 startDate = yyyy + '-' + mm + '-' + dd;
                    var time = order.startTime.toDate().toLocaleTimeString('en-US');
                    $('.start_time').text(startDate+' '+time);
                    $('#start_time_div').show();
            }
            if (order.hasOwnProperty('endTime') && order.endTime != null && order.endTime != '') {
                storedEndTime = order.endTime.toDate();
                 var date1 = order.endTime.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 endDate = yyyy + '-' + mm + '-' + dd;
                    var time = order.endTime.toDate().toLocaleTimeString('en-US');
                    $('.end_time').text(endDate+' '+time);
                    $('#end_time_div').show();
            }

            if (storedStartTime != '' && priceUnit == 'Hourly' && order.status == 'Order Ongoing' && storedEndTime == '') {
                $('.total_time_div').removeClass('d-none');
                $('#total_time').removeClass('d-none');
                $('.stop_time_div').removeClass('d-none');
                startTime = parseInt(storedStartTime.getTime());
                timerInterval = setInterval(updateTimer, 1000);
            }

            if (order.status == 'Order Placed') {
                $('#old_order_status').html('<span class="order_placed py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Assigned') {
                $('#old_order_status').html('<span class="order_assigned py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Ongoing') {
                $('#old_order_status').html('<span class="order_ongoing py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Accepted') {
                $('#old_order_status').html('<span class="order_accept py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Rejected') {
                $('#old_order_status').html('<span class="order_rejected py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Completed') {
                $('#old_order_status').html('<span class="order_completed py-2 px-3">' + order.status + '</span>');
            } else if (order.status == 'Order Cancelled') {
                $('#old_order_status').html('<span class="order_rejected py-2 px-3">' + order.status + '</span>');
            } else {
                $('#old_order_status').html('<span class="order_completed py-2 px-3">' + order.status + '</span>');
            }

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

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


            if (order.status == "Order Placed") {
                $('#order_assigned').hide();
                $('#order_ongoing').hide();
                $('#order_completed').hide();
            } else if (order.status == "Order Accepted") {
                $('#order_accepted').hide();
                $('#order_ongoing').hide();
                $('#order_completed').hide();
                $('#order_rejected').hide();
            } else if (order.status == "Order Assigned") {
                $('#order_accepted').hide();
                $('#order_assigned').hide();
                $('#order_completed').hide();
                $('#order_rejected').hide();
            } else if (order.status == "Order Ongoing") {

                $("#extra_charge_div").show();

                $('#order_accepted').hide();
                $('#order_assigned').hide();
                $('#order_rejected').hide();
                $('#order_ongoing').hide();
            }

            if (order.status == "Order Completed" || order.status == "Order Cancelled" || order.status == "Order Rejected") {

                $('#order_status_div').hide();
                $('.edit-form-btn').hide();

            }
            if(order.extraCharges!=''){
                    $("#extra_charge_div").hide();
                }
            var price = 0;

            if (order.provider.photos && order.provider.photos.length) {
                $('.service-img').attr('src', order.provider.photos[0]);
            } else {
                $('.service-img').attr('src', place_image);
            }

            if (order.hasOwnProperty('provider') && order.provider.hasOwnProperty('id')) {


                var providerServiceDetail = await getProviderServiceDetail(order.provider.id);


                    var rating = 0;

                    if (providerServiceDetail.hasOwnProperty('reviewsCount') && providerServiceDetail.reviewsCount && providerServiceDetail.reviewsCount != "0.0" && providerServiceDetail.reviewsCount != null && providerServiceDetail.hasOwnProperty('reviewsSum') && providerServiceDetail.reviewsSum && providerServiceDetail.reviewsSum != "0.0" && providerServiceDetail.reviewsSum != null) {

                        rating = (parseFloat(providerServiceDetail.reviewsSum) / parseFloat(providerServiceDetail.reviewsCount));

                        rating = (rating * 10) / 10;

                    }
                    var ratingHtml = '<span class="badge badge-success text-white ml-auto" ><i class="fstar fa fa-star" ></i>' + (rating).toFixed(1) + '</span>';

                    if (order.provider.title) {
                        $('.service-title').html('<span class="provider-service-title">' + order.provider.title + '</span>' + ratingHtml);
                    }
                    var route1 = '{{route("ondemand.services.edit", ":id")}}';
                    route1 = route1.replace(':id', order.provider.id);


                    $('.service_details').attr('href', route1);
                    if (order.provider.address) {
                        $('#service_address').text(order.provider.address);
                    }

            }
            paymentStatus = order.paymentStatus;

            if (order.provider.categoryId != '' && order.provider.categoryId != null && order.provider.categoryId != undefined) {
                var CategoryDetail = await getServiceCategory(order.provider.categoryId);
                if (CategoryDetail == '' || CategoryDetail == undefined) {
                    $('#service_category').html("{{trans('lang.unknown')}}");
                } else {
                    $('#service_category').html(CategoryDetail.title);
                }
            }

            if (order.provider.subCategoryId != '' && order.provider.subCategoryId != null && order.provider.subCategoryId != undefined) {
                var SubCategoryDetail = await getServiceSubCategory(order.provider.subCategoryId);
                if (SubCategoryDetail == '' || SubCategoryDetail == undefined) {
                    $('#service_category').append("");
                } else {
                    $('#service_category').append("/" + SubCategoryDetail.title);
                }
            }


            if (order.provider.author != '' && order.provider.author != null && order.provider.author != undefined) {

                $('#provider_name_div').show();
                var providerDetail = await getProviderDetail(order.provider.author);
                if (providerDetail == '' || providerDetail == undefined) {
                    $('.provider_name').html("{{trans('lang.unknown')}}");
                    $('.provider_details').removeClass('redirecttopage');
                    $('.provider-img').attr('src', place_image);

                } else {
                    var rating = 0;

                    if (providerDetail.hasOwnProperty('reviewsCount') && providerDetail.reviewsCount && providerDetail.reviewsCount != "0.0" && providerDetail.reviewsCount != null && providerDetail.hasOwnProperty('reviewsSum') && providerDetail.reviewsSum && providerDetail.reviewsSum != "0.0" && providerDetail.reviewsSum != null) {

                        rating = (parseFloat(providerDetail.reviewsSum) / parseFloat(providerDetail.reviewsCount));

                        rating = (rating * 10) / 10;

                    }
                    var ratingHtml = '<span class="badge badge-success text-white ml-auto" ><i class="fstar fa fa-star" ></i>' + (rating).toFixed(1) + '</span>';

                    $('.provider_name').html('<span class="provider-title">' + providerDetail.firstName + ' ' + providerDetail.lastName + '</span>' + ratingHtml);
                    $('#provider_email').html(shortEmail(providerDetail.email));
                    if(providerDetail.phoneNumber.includes('+')){
                        $('#provider_phone').html('+' + EditPhoneNumber(providerDetail.phoneNumber.slice(1)));
                    }else{
                        $('#provider_phone').html(EditPhoneNumber(providerDetail.phoneNumber));
                    }
                    if (providerDetail.profilePictureURL != '') {

                        $('.provider-img').attr('src', providerDetail.profilePictureURL);
                    } else {
                        $('.provider-img').attr('src', place_image);

                    }
                    var providerDetailRoute = '{{route("providers.view", ":id")}}';
                    providerDetailRoute = providerDetailRoute.replace(':id', providerDetail.id);
                    $('.provider_details').attr('href', providerDetailRoute);
                }
            }
            otpToVerify = order.otp;
            extraChargePaymentStatus = order.extraPaymentStatus;
            if (order.hasOwnProperty('startTime') && order.hasOwnProperty('endTime')) {
                if (order.startTime != '' && order.endTime != '' && order.startTime != null && order.endTime != null) {
                    var orderStartTime = order.startTime.toDate();
                    var orderEndTime = order.endTime.toDate();
                    var timeDiff = Math.abs(orderEndTime - orderStartTime);
                    var hours = Math.floor(timeDiff / (1000 * 60 * 60));
                    var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
                    var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
                    const totalOrderTime = `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}`;
                    $('.total_time_div').removeClass('d-none');
                    $('#total_time').removeClass('d-none');
                    $('.stop_time_div').addClass('d-none');
                    $('#timer').html(totalOrderTime);
                }
            }

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

    async function callWalletTransaction(status) {
        var orderStatus = status;

        var date = firebase.firestore.FieldValue.serverTimestamp();
        var wId = database.collection('temp').doc().id;

        database.collection('wallet').doc(wId).set({
            'amount': parseFloat(adminCommission_val),
            'date': date,
            'id': wId,
            'isTopUp': false,
            'note': 'Admin Commission debit',
            'order_id': "",
            'payment_method': 'Wallet',
            'payment_status': 'success',
            'transactionUser': 'provider',
            'user_id': providerAuthor,
            'serviceType': 'ondemand-service',
        }).then(async function (result) {
            if (paymentMethod != 'cod') {
                var wId = database.collection('temp').doc().id;
                database.collection('wallet').doc(wId).set({
                    'amount': parseFloat(orderPayableAmount),
                    'date': date,
                    'id': wId,
                    'isTopUp': true,
                    'note': 'Booking Amount',
                    'order_id': "",
                    'payment_method': 'Wallet',
                    'payment_status': 'success',
                    'transactionUser': 'provider',
                    'user_id': providerAuthor,
                    'serviceType': 'ondemand-service',
                }).then(async function (result) {
                 
                    var walletAmountToUpdate = parseFloat(orderPayableAmount) - parseFloat(adminCommission_val);
                    database.collection('users').where('id', '==', providerAuthor).get().then(async function (snapshotsnew) {
                        var providerData = snapshotsnew.docs[0].data();                       

                        if (providerData) {
                           
                            if (isNaN(providerData.wallet_amount) || providerData.wallet_amount == undefined) {
                                providerWallet = 0;
                            } else {
                                providerWallet = parseFloat(providerData.wallet_amount);
                            }
                            newProviderWallet = providerWallet + walletAmountToUpdate;
                            database.collection('users').doc(providerAuthor).update({
                                'wallet_amount': parseFloat(newProviderWallet)
                            }).then(async function (result) {
                                callAjax(orderStatus);
                            })
                        } else {
                            callAjax(orderStatus);
                        }

                    });

                })
            } else {
              
                var walletAmountToUpdate = parseFloat(adminCommission_val);
                database.collection('users').where('id', '==', providerAuthor).get().then(async function (snapshotsnew) {
                    var providerData = snapshotsnew.docs[0].data();

                   
                    if (providerData) {
                      
                        if (isNaN(providerData.wallet_amount) || providerData.wallet_amount == undefined) {
                            providerWallet = 0;
                        } else {
                            providerWallet = parseFloat(providerData.wallet_amount);
                        }
                        newProviderWallet = providerWallet - walletAmountToUpdate;
                        database.collection('users').doc(providerAuthor).update({
                            'wallet_amount': parseFloat(newProviderWallet)
                        }).then(async function (result) {
                            callAjax(orderStatus);
                        })
                    } else {
                        callAjax(orderStatus);
                    }

                });
            }
        })

    }

    async function callAjax(orderStatus) {

        var subject = '';
        var message = '';
        var fcm = '';
        if (orderStatus == "Order Rejected") {
            fcm = userFcmToken;
            subject = ProviderRejectedSubject;
            message = ProviderRejectedMessage;
        } else if (orderStatus == "Order Accepted") {
            fcm = userFcmToken;
            subject = ProviderAcceptedSubject;
            message = ProviderAcceptedMessage;
            if (parseInt(subscriptionTotalOrders) != -1) {
                        subscriptionTotalOrders = parseInt(subscriptionTotalOrders) - 1;
                }
                await database.collection('users').doc(providerAuthor).update({'subscriptionTotalOrders':subscriptionTotalOrders.toString()});
                let providerSnapshot = await database.collection('providers_services').where('author', '==', providerAuthor).get();
                let updatePromises = [];
                providerSnapshot.forEach(doc => {
                    updatePromises.push(
                        doc.ref.update({
                            'subscriptionTotalOrders': subscriptionTotalOrders.toString()
                        })
                    );
                });
                await Promise.all(updatePromises);
        } else if (orderStatus == "Order Assigned") {
            selectedWorker = $('#worker_list').val();
            if (selectedWorker != '') {
                fcm = $("#worker_list option[value='" + selectedWorker + "']").attr('fcm');
            }
            subject = ProviderAssignedSubject;
            message = ProviderAssignedMsg;
        } else if (orderStatus == "Order Ongoing") {
            fcm = userFcmToken;
            subject = ProviderOngoingSubject;
            message = ProviderOngoingMsg;
        } else if (orderStatus == "Order Completed") {
            fcm = userFcmToken;
            subject = ProviderCompletedSubject;
            message = ProviderCompletedMessage;
        } else if (orderStatus == "Extra Charges") {
            fcm = userFcmToken;
            subject = extraChargesSubject;
            message = extraChargesMsg;
        } else if (orderStatus == "Stop Time") {
            fcm = userFcmToken;
            subject = bookingTimeStopSubject;
            message = bookingTimeStopMsg;
        }

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