@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 restaurantTitle">{{trans('lang.restaurant_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('restaurants') !!}">{{trans('lang.restaurant_plural')}}</a></li>
                <li class="breadcrumb-item active">{{trans('lang.restaurant_details')}}</li>
            </ol>
        </div>

    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-12">

                <div class="resttab-sec">
                    <div id="data-table_processing" class="dataTables_processing panel panel-default"
                        style="display: none;">Processing...
                    </div>
                    <div class="menu-tab">
                        <ul>
                            <li class="active">
                                <a href="{{route('restaurants.view',$id)}}">{{trans('lang.tab_basic')}}</a>
                            </li>
                            <li>
                                <a href="{{route('restaurants.foods',$id)}}">{{trans('lang.tab_foods')}}</a>
                            </li>
                            <li>
                                <a href="{{route('restaurants.orders',$id)}}">{{trans('lang.tab_orders')}}</a>
                            </li>
                            <li>
                                <a href="{{route('restaurants.coupons',$id)}}">{{trans('lang.tab_promos')}}</a>
                            <li>
                                <a href="{{route('restaurants.payout',$id)}}">{{trans('lang.tab_payouts')}}</a>
                            </li>
                            <li>
                                <a href="{{route('payoutRequests.restaurants.view',$id)}}">{{trans('lang.tab_payout_request')}}</a>
                            </li>
                            <li>
                                <a href="{{route('restaurants.booktable',$id)}}">{{trans('lang.dine_in_future')}}</a>
                            </li>
                            <li id="restaurant_wallet"></li>
                        </ul>

                    </div>
                    <div class="row daes-top-sec mb-3">

                        <div class="col-lg-3 col-md-6">

                            <div class="card">

                                <div class="flex-row">

                                    <div class="p-10 bg-info col-md-12 text-center">

                                        <h3 class="text-white box m-b-0"><i class="mdi mdi-cart"></i></h3>
                                    </div>

                                    <div class="align-self-center pt-3 col-md-12 text-center">

                                        <h3 class="m-b-0 text-info" id="total_orders">0</h3>

                                        <h5 class="text-muted m-b-0">{{ trans('lang.Total_Order') }}</h5>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6">

                            <div class="card">

                                <div class="flex-row">

                                    <div class="p-10 bg-info col-md-12 text-center">

                                        <h3 class="text-white box m-b-0"><i class="mdi mdi-bank"></i></h3>
                                    </div>

                                    <div class="align-self-center pt-3 col-md-12 text-center">

                                        <h3 class="m-b-0 text-info" id="total_earnings">0</h3>

                                        <h5 class="text-muted m-b-0">{{ trans('lang.Total_Earning') }}</h5>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6">

                            <div class="card">

                                <div class="flex-row">

                                    <div class="p-10 bg-info col-md-12 text-center">

                                        <h3 class="text-white box m-b-0"><i class="ti-wallet"></i></h3>
                                    </div>

                                    <div class="align-self-center pt-3 col-md-12 text-center">

                                        <h3 class="m-b-0 text-info" id="total_payment">0</h3>

                                        <h5 class="text-muted m-b-0">{{ trans('lang.Total_Payment') }}</h5>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="col-lg-3 col-md-6">

                            <div class="card">

                                <div class="flex-row">

                                    <div class="p-10 bg-info col-md-12 text-center">

                                        <h3 class="text-white box m-b-0"><i class="ti-wallet"></i></h3>
                                    </div>

                                    <div class="align-self-center pt-3 col-md-12 text-center">

                                        <h3 class="m-b-0 text-info" id="remaining_amount">0</h3>

                                        <h5 class="text-muted m-b-0">{{trans('lang.Remaining_Payment')}}</h5>

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>


                    <div class="row restaurant_payout_create restaurant_details">
                        <div class="restaurant_payout_create-inner">
                            <a href="javascript:void(0)" data-toggle="modal" data-target="#addWalletModal"
                                class="add-wallate btn btn-success"><i class="fa fa-plus"></i>{{ trans('lang.add_wallet_amount') }}</a>
                            <fieldset>
                                <legend>{{trans('lang.restaurant_details')}}</legend>

                                <div class="form-group row width-50 restaurant_image">
                                    <div class="col-7">
                                        <span class="restaurant_image" id="restaurant_image"></span>
                                    </div>
                                    <div class="col-7 align-items-center justify-content-center d-flex review-box mt-3 mb-3">
                                        <div class="reviewhtml"></div>
                                        <div class="review_count">Reviews<span id="restaurant_reviewcount"></span></div>
                                    </div>
                                </div>
                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_name')}}</label>
                                    <div class="col-7">
                                        <span class="restaurant_name"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_phone')}}</label>
                                    <div class="col-7">
                                        <span class="restaurant_phone"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_address')}}</label>
                                    <div class="col-7">
                                        <span class="restaurant_address"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_description')}}</label>
                                    <div class="col-7">
                                        <span class="restaurant_description"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_cuisines')}}</label>
                                    <div class="col-7">
                                        <span class="restaurant_cuisines"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.wallet_Balance')}}</label>
                                    <div class="col-7">
                                        <span class="wallet"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.zone')}}</label>
                                    <div class="col-7">
                                        <span id="zone_name"></span>
                                    </div>
                                </div>

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


                    <div class="row restaurant_payout_create restaurant_details">
                        <div class="restaurant_payout_create-inner">
                            <fieldset>
                                <legend>{{trans('lang.gallery')}}</legend>

                                <div class="form-group row width-50 restaurant_image">
                                    <div class="">
                                        <div id="photos"></div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>

                    <div class="row restaurant_payout_create restaurant_details">
                        <div class="restaurant_payout_create-inner">
                            <fieldset>
                                <legend>{{trans('lang.vendor_details')}}</legend>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.name')}}</label>
                                    <div class="col-7">
                                        <span class="vendor_name"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.email')}}</label>
                                    <div class="col-7">
                                        <span class="vendor_email"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_status')}}</label>
                                    <div class="col-7">
                                        <span class="vendor_avtive"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.restaurant_phone')}}</label>
                                    <div class="col-7">
                                        <span class="vendor_phoneNumber"></span>
                                    </div>
                                </div>

                                <div class="form-group row width-50">
                                    <label class="col-3 control-label">{{trans('lang.dine_in_future')}}</label>
                                    <div class="col-7">
                                        <span class="dine_in_future"></span>
                                    </div>
                                </div>


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

                    <div class="row restaurant_payout_create restaurant_details">
                        <div class="restaurant_payout_create-inner">
                            <fieldset>
                                <legend>{{trans('lang.working_hours')}}</legend>


                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.sunday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Sunday" style="display:none">
                                        <span class="whclosetx">{{ trans('lang.Closed') }}</span><br>
                                    </div>
                                </div>

                                <div class="restaurant_workinghours_options_Sunday_div" style="display:none">

                                    <div class="restaurant_discount_options_Sunday_div restaurant_discount">

                                        <table class="booking-table" id="working_hour_table_Sunday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>

                                        </table>

                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.monday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Monday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>
                                <div class="restaurant_workinghours_options_Monday_div" style="display:none">

                                    <div class="restaurant_discount_options_Monday_div restaurant_discount">
                                        <table class="booking-table" id="working_hour_table_Monday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>
                                        </table>
                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.tuesday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Tuesday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>
                                <div class="restaurant_workinghours_options_Tuesday_div" style="display:none">
                                    <div class="restaurant_discount_options_Tuesday_div restaurant_discount">

                                        <table class="booking-table" id="working_hour_table_Tuesday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>

                                        </table>
                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.wednesday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Wednesday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>

                                <div class="restaurant_workinghours_options_Wednesday_div" style="display:none">
                                    <div class="restaurant_discount_options_Wednesday_div restaurant_discount">
                                        <table class="booking-table" id="working_hour_table_Wednesday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>

                                        </table>
                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.thursday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Thursday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>
                                <div class="restaurant_workinghours_options_Thursday_div" style="display:none">
                                    <div class="restaurant_discount_options_Thursday_div restaurant_discount">
                                        <table class="booking-table" id="working_hour_table_Thursday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>

                                        </table>
                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.friday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Friday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>
                                <div class="restaurant_workinghours_options_Friday_div" style="display:none">
                                    <div class="restaurant_discount_options_Friday_div restaurant_discount">
                                        <table class="booking-table" id="working_hour_table_Friday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>

                                        </table>
                                    </div>
                                    <br>
                                </div>

                                <div class="form-groupa row">
                                    <label class="col-1 control-label">{{trans('lang.Saturday')}}</label>
                                    <div class="col-7 restaurant_workinghours_closed_Saturday" style="display:none">
                                        <span class="whclosetx">Closed</span><br>
                                    </div>
                                </div>
                                <div class="restaurant_workinghours_options_Satuarday_div" style="display:none">
                                    <div class="restaurant_discount_options_Satuarday_div restaurant_discount">
                                        <table class="booking-table" id="working_hour_table_Satuarday"
                                            style="width: 95%;margin-left: 20px;">
                                            <tr>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.from')}}</label>
                                                </th>
                                                <th>
                                                    <label class="col-3 control-label whvptitle">{{trans('lang.to')}}</label>
                                                </th>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>

                    <div class="row restaurant_payout_create restaurant_details">
                        <div class="restaurant_payout_create-inner">
                            <fieldset>
                                <legend>{{trans('lang.services')}}</legend>

                                <div class="form-group row width-100">
                                    <div class="col-7" id="filtershtml">

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


                </div>


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

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

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

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

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

                                <div id="user_account_not_found_error" class="align-items-center"
                                    style="color:red"></div>
                            </div>

                        </div>

                    </div>

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

                </div>

            </div>
        </div>

    </div>

</div>
@endsection

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

<script>
    var id = "";
    var database = firebase.firestore();
    var ref = database.collection('vendors').where("id", "==", id);
    var photo = "";
    var vendorAuthor = '';
    var restaurantOwnerId = "";
    var restaurantOwnerOnline = false;

    var workingHours = [];
    var timeslotworkSunday = [];
    var timeslotworkMonday = [];
    var timeslotworkTuesday = [];
    var timeslotworkWednesday = [];
    var timeslotworkFriday = [];
    var timeslotworkSatuarday = [];
    var timeslotworkThursday = [];

    var placeholderImage = '';
    var placeholder = database.collection('settings').doc('placeHolderImage');

    placeholder.get().then(async function(snapshotsimage) {
        var placeholderImageData = snapshotsimage.data();
        placeholderImage = placeholderImageData.image;
    })

    var currentCurrency = '';
    var currencyAtRight = false;
    var decimal_degits = 0;
    var refCurrency = database.collection('currencies').where('isActive', '==', true);
    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 email_templates = database.collection('email_templates').where('type', '==', 'wallet_topup');

    var emailTemplatesData = null;

    $(".save-form-btn").click(function() {
        var date = firebase.firestore.FieldValue.serverTimestamp();
        var amount = $('#amount').val();
        if (amount == '') {
            $('#wallet_error').text('{{trans("lang.add_wallet_amount_error")}}')
            return false;
        }
        var note = $('#note').val();
        database.collection('users').where('id', '==', vendorAuthor).get().then(async function(snapshot) {

            if (snapshot.docs.length > 0) {
                var data = snapshot.docs[0].data();
                var walletAmount = 0;
                if (data.hasOwnProperty('wallet_amount') && !isNaN(data.wallet_amount) && data.wallet_amount != null) {
                    walletAmount = data.wallet_amount;
                }

                user_id = data.id;
                var newWalletAmount = parseFloat(walletAmount) + parseFloat(amount);
                database.collection('users').doc(vendorAuthor).update({
                    'wallet_amount': newWalletAmount
                }).then(function(result) {
                    var tempId = database.collection("tmp").doc().id;
                    database.collection('wallet').doc(tempId).set({
                        'amount': parseFloat(amount),
                        'date': date,
                        'isTopUp': true,
                        'id': tempId,
                        'order_id': '',
                        'payment_method': 'Wallet',
                        'payment_status': 'success',
                        'user_id': user_id,
                        'note': note,
                        'transactionUser': "vendor",

                    }).then(async function(result) {
                        if (currencyAtRight) {
                            amount = convertNumber(parseInt(amount).toFixed(decimal_degits)) + "" + currentCurrency;
                            newWalletAmount = convertNumber(newWalletAmount.toFixed(decimal_degits)) + "" + currentCurrency;
                        } else {
                            amount = currentCurrency + "" + convertNumber(parseInt(amount).toFixed(decimal_degits));
                            newWalletAmount = currentCurrency + "" + convertNumber(newWalletAmount.toFixed(decimal_degits));
                        }

                        var formattedDate = new Date();
                        var month = formattedDate.getMonth() + 1;
                        var day = formattedDate.getDate();
                        var year = formattedDate.getFullYear();

                        month = month < 10 ? '0' + month : month;
                        day = day < 10 ? '0' + day : day;

                        formattedDate = day + '-' + month + '-' + year;

                        var message = emailTemplatesData.message;
                        message = message.replace(/{username}/g, data.firstName + ' ' + data.lastName);
                        message = message.replace(/{date}/g, formattedDate);
                        message = message.replace(/{amount}/g, amount);
                        message = message.replace(/{paymentmethod}/g, 'Wallet');
                        message = message.replace(/{transactionid}/g, tempId);
                        message = message.replace(/{newwalletbalance}/g, newWalletAmount);

                        emailTemplatesData.message = message;

                        var url = "{{url('send-email')}}";

                        var sendEmailStatus = await sendEmail(url, emailTemplatesData.subject, emailTemplatesData.message, [data.email]);

                        if (sendEmailStatus) {
                            window.location.reload();
                        }
                    })
                })
            } else {
                $('#user_account_not_found_error').text('{{trans("lang.user_detail_not_found")}}');
            }
        });

    });

    async function getWalletBalance(vendorId) {
        database.collection('users').where('id', '==', vendorId).get().then(async function(snapshot) {
            if (snapshot.docs.length > 0) {
                restaurant = snapshot.docs[0].data();
                var wallet_balance = 0;

                if (restaurant.hasOwnProperty('wallet_amount') && restaurant.wallet_amount != null && !isNaN(restaurant.wallet_amount)) {
                    wallet_balance = restaurant.wallet_amount;
                }
                if (currencyAtRight) {
                    wallet_balance = convertNumber(parseFloat(wallet_balance).toFixed(decimal_degits)) + "" + currentCurrency;
                } else {
                    wallet_balance = currentCurrency + "" + convertNumber(parseFloat(wallet_balance).toFixed(decimal_degits));
                }

                $('.wallet').html(wallet_balance);

            }
        });

    }

    $(document).ready(async function() {

        await email_templates.get().then(async function(snapshots) {
            emailTemplatesData = snapshots.docs[0].data();
        });

        var orders = await getTotalOrders();
        var earnings = await getTotalEarnings();
        var payment = await getTotalpayment();
        var remaining = earnings - payment;

        if (currencyAtRight) {
            remaining_with_currency = convertNumber(parseFloat(remaining).toFixed(decimal_degits)) + "" + currentCurrency;
        } else {
            remaining_with_currency = currentCurrency + "" + convertNumber(parseFloat(remaining).toFixed(decimal_degits));
        }

        $("#remaining_amount").text(remaining_with_currency);

        jQuery("#data-table_processing").show();
        ref.get().then(async function(snapshots) {
            jQuery("#data-table_processing").hide();
            if (!snapshots.empty) {
                var restaurant = snapshots.docs[0].data();
                vendorAuthor = restaurant.author;
                $(".restaurant_name").text(restaurant.title);
                var rating = 0;
                if (restaurant.hasOwnProperty('reviewsCount') && restaurant.reviewsCount != 0) {

                    rating = Math.round(parseFloat(restaurant.reviewsSum) / parseInt(restaurant.reviewsCount));
                } else {
                    rating = 0;
                }
                walletRoute = "{{route('users.walletstransaction',':id')}}";
                walletRoute = walletRoute.replace(":id", restaurant.author);
                $('#restaurant_wallet').append('<a href="' + walletRoute + '">{{trans("lang.wallet_transaction")}}</a>');

                const walletBalance = getWalletBalance(restaurant.author);

                const getStoreName = getStoreNameFunction('');

                var review = '<ul class="rating" data-rating="' + rating + '">';
                review = review + '<li class="rating__item"></li>';
                review = review + '<li class="rating__item"></li>';
                review = review + '<li class="rating__item"></li>';
                review = review + '<li class="rating__item"></li>';
                review = review + '<li class="rating__item"></li>';
                review = review + '</ul>';
                $("#restaurant_reviewcount").text(restaurant.reviewsCount);

                var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
                var currentdate = new Date();
                var currentDay = days[currentdate.getDay()];
                hour = currentdate.getHours();
                minute = currentdate.getMinutes();
                if (hour < 10) {
                    hour = '0' + hour
                }
                if (minute < 10) {
                    minute = '0' + minute
                }
                var currentHours = hour + ':' + minute;
                $(".vendor_avtive").text("Closed");
                $(".vendor_avtive").addClass("closed");
                if (restaurant.hasOwnProperty('workingHours')) {
                    for (i = 0; i < restaurant.workingHours.length; i++) {
                        var day = restaurant.workingHours[i]['day'];
                        if (restaurant.workingHours[i]['day'] == currentDay) {
                            if (restaurant.workingHours[i]['timeslot'].length != 0) {
                                for (j = 0; j < restaurant.workingHours[i]['timeslot'].length; j++) {
                                    var timeslot = restaurant.workingHours[i]['timeslot'][j];
                                    var from = timeslot[`from`];
                                    var to = timeslot[`to`];
                                    if (currentHours >= from && currentHours <= to) {
                                        $(".vendor_avtive").text("Open");
                                        $(".vendor_avtive").addClass("open");
                                    }
                                }
                            }


                        }
                    }
                }
                if (restaurant.hasOwnProperty('workingHours')) {
                    for (i = 0; i < restaurant.workingHours.length; i++) {

                        var day = restaurant.workingHours[i]['day'];
                        if (restaurant.workingHours[i]['timeslot'].length != 0) {
                            for (j = 0; j < restaurant.workingHours[i]['timeslot'].length; j++) {
                                $(".restaurant_workinghours_options_" + day + "_div").show();
                                $(".restaurant_workinghours_closed").hide();
                                var timeslot = restaurant.workingHours[i]['timeslot'][j];

                                var discount = restaurant.workingHours[i]['timeslot'][j]['discount'];
                                var TimeslotHourVar = {
                                    'from': timeslot[`from`],
                                    'to': timeslot[`to`]
                                };

                                $('#working_hour_table_' + day + ' tr:last').after('<tr>' +
                                    '<td class="" style="width:50%;"><input type="text" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`from`] + '" id="from' + day + j + i + '" disabled></td>' +
                                    '<td class="" style="width:50%;"><input type="text" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`to`] + '" id="to' + day + j + i + '" disabled></td></tr>');


                            }

                        } else {
                            $('.restaurant_workinghours_closed_' + day + '').show();

                        }

                    }
                }

                var photos = '';
                restaurant.photos.forEach((photo) => {
                    photos = photos + '<span class="image-item"><img width="100px" id="" height="auto" src="' + photo + '"></span>';
                })
                if (photos != "" && photos != null) {
                    $("#photos").html(photos);
                } else {
                    $("#photos").html('<p>photos not available.</p>');
                }

                var image = "";
                if (restaurant.photo != "" && restaurant.photo != null) {
                    image = '<img onerror="this.onerror=null;this.src=\'' + placeholderImage + '\'" width="200px" id="" height="auto" src="' + restaurant.photo + '">';
                } else {
                    image = '<img width="200px" id="" height="auto" src="' + placeholderImage + '">';
                }
                $("#restaurant_image").html(image);
                $(".reviewhtml").html(review);

                filtershtml = '';
                for (var key in restaurant.filters) {
                    filtershtml = filtershtml + '<li>' + key + ': ' + restaurant.filters[key] + '</li>';
                }

                $("#filtershtml").html(filtershtml);


                await database.collection('vendor_categories').get().then(async function(snapshots) {
                    snapshots.docs.forEach((listval) => {
                        var data = listval.data();
                        if (data.id == restaurant.categoryID) {
                            $(".restaurant_cuisines").text(data.title);
                        }
                    })
                });

                $(".opentime").text(restaurant.opentime);
                $(".closetime").text(restaurant.closetime);


                $(".restaurant_address").text(restaurant.location);
                $(".restaurant_latitude").text(restaurant.latitude);
                $(".restaurant_longitude").text(restaurant.longitude);
                $(".restaurant_description").text(restaurant.description);
                if (restaurant.hasOwnProperty('enabledDiveInFuture') && restaurant.enabledDiveInFuture == true) {
                    $(".dine_in_future").html("ON");
                } else {
                    $(".dine_in_future").html("OFF");
                }

                restaurantOwnerOnline = restaurant.isActive;
                photo = restaurant.photo;
                restaurantOwnerId = restaurant.author;
                await database.collection('users').where("id", "==", restaurant.author).get().then(async function(snapshots) {
                    snapshots.docs.forEach((listval) => {
                        var user = listval.data();
                        $(".vendor_name").html(user.firstName + " " + user.lastName);
                        if (user.email != "" && user.email != null) {
                            $(".vendor_email").html(shortEmail(user.email));
                        } else {
                            $(".vendor_email").html("");
                        }


                        if (user.phonenumber != "" && user.phoneNumber != null) {
                            $(".vendor_phoneNumber").html(shortEditNumber(user.phoneNumber));
                        } else {
                            $(".vendor_phoneNumber").html("");
                        }


                    })
                });

                await database.collection('vendor_categories').get().then(async function(snapshots) {
                    snapshots.docs.forEach((listval) => {
                        var data = listval.data();
                        if (data.id == restaurant.categoryID) {
                            $('#restaurant_cuisines').append($("<option selected></option>")
                                .attr("value", data.id)
                                .text(data.title));
                        } else {
                            $('#restaurant_cuisines').append($("<option></option>")
                                .attr("value", data.id)
                                .text(data.title));
                        }
                    })

                });

                if (restaurant.hasOwnProperty('phonenumber')) {
                    $(".restaurant_phone").text(shortEditNumber(restaurant.phonenumber));
                } else {
                    $(".restaurant_phone").text();
                }

                if (restaurant.hasOwnProperty('zoneId') && restaurant.zoneId != '') {
                    database.collection('zone').doc(restaurant.zoneId).get().then(async function(snapshots) {
                        let zone = snapshots.data();
                        $("#zone_name").text(zone.name);
                    });
                }

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


        $(".save_restaurant_btn").click(function() {
            var restaurantname = $(".restaurant_name").val();
            var cuisines = $("#restaurant_cuisines option:selected").val();
            var address = $(".restaurant_address").val();
            var latitude = parseFloat($(".restaurant_latitude").val());
            var longitude = parseFloat($(".restaurant_longitude").val());
            var description = $(".restaurant_description").val();
            var phonenumber = $(".restaurant_phone").val();
            var categoryTitle = $("#restaurant_cuisines option:selected").text();

            database.collection('vendors').doc(id).update({
                'title': restaurantname,
                'description': description,
                'latitude': latitude,
                'longitude': longitude,
                'location': address,
                'photo': photo,
                'categoryID': cuisines,
                'phonenumber': phonenumber,
                'categoryTitle': categoryTitle
            }).then(function(result) {
                window.location.href = '{{ route("restaurants")}}';
            });
        })

    })

    var storageRef = firebase.storage().ref('images');

    function handleFileSelect(evt) {
        var f = evt.target.files[0];
        var reader = new FileReader();
        reader.onload = (function(theFile) {
            return function(e) {

                var filePayload = e.target.result;
                var val = f.name;
                var ext = val.split('.')[1];
                var docName = val.split('fakepath')[1];
                var filename = (f.name).replace(/C:\\fakepath\\/i, '')

                var timestamp = Number(new Date());
                var uploadTask = storageRef.child(filename).put(theFile);
                uploadTask.on('state_changed', function(snapshot) {

                    var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
                    console.log('Upload is ' + progress + '% done');
                    jQuery("#uploding_image").text("Image is uploading...");
                }, function(error) {}, function() {
                    uploadTask.snapshot.ref.getDownloadURL().then(function(downloadURL) {
                        jQuery("#uploding_image").text("Upload is completed");
                        photo = downloadURL;

                    });
                });

            };
        })(f);
        reader.readAsDataURL(f);
    }

    async function getStoreNameFunction(vendorId) {
        var vendorName = '';
        await database.collection('vendors').where('id', '==', vendorId).get().then(async function(snapshots) {
            if (!snapshots.empty) {
                var vendorData = snapshots.docs[0].data();

                vendorName = vendorData.title;
                $('.restaurantTitle').html('{{trans("lang.restaurant_plural")}} - ' + vendorName);

                if (vendorData.dine_in_active == true) {
                    $(".dine_in_future").show();
                }
            }
        });

        return vendorName;

    }

    async function getTotalOrders() {

        await database.collection('restaurant_orders').where('vendorID', '==', '').get().then(async function(orderSnapshots) {
            var paymentData = orderSnapshots.docs;
            $("#total_orders").text(paymentData.length);
        })
    }

    async function getTotalEarnings() {

        var totalEarning = 0;
        var adminCommission = 0;

        await database.collection('restaurant_orders').where('vendorID', '==', '').where('status', 'in', ["Order Completed"]).get().then(async function(orderSnapshots) {
            var paymentData = orderSnapshots.docs;

            paymentData.forEach((order) => {
                var orderData = order.data();
                var price = 0;
                if (orderData.adminCommission != undefined) {
                    var commission = parseInt(orderData.adminCommission);
                    adminCommission = commission + adminCommission;
                }
                orderData.products.forEach((product) => {
                    if (product.price > 0 && product.quantity != 0) {
                        var productTotal = parseInt(product.price) * parseInt(product.quantity);
                        price = price + productTotal;
                    }
                })
                totalEarning = totalEarning + price;
            })

            if (currencyAtRight) {
                totalEarningwithCurrency = convertNumber(parseFloat(totalEarning).toFixed(decimal_degits)) + "" + currentCurrency;
            } else {
                totalEarningwithCurrency = currentCurrency + "" + convertNumber(parseFloat(totalEarning).toFixed(decimal_degits));
            }

            $("#total_earnings").text(totalEarningwithCurrency);

        })
        return totalEarning;
    }


    async function getTotalpayment(driverID) {
        var paid_price = 0;
        var total_price = 0;
        var remaining = 0;
        await database.collection('payouts').where('vendorID', '==', '').get().then(async function(payoutSnapshots) {
            payoutSnapshots.docs.forEach((payout) => {
                var payoutData = payout.data();
                if (payoutData.amount && parseFloat(payoutData.amount) != undefined && parseFloat(payoutData.amount) != '' && parseFloat(payoutData.amount) != NaN) {
                    paid_price = parseFloat(paid_price) + parseFloat(payoutData.amount);
                }

            })
        });
        $("#total_payment").text(paid_price);
        return paid_price;
    }
</script>
@endsection