@extends('layouts.app')
@section('content')
    <div class="page-wrapper">
        <div class="row page-titles">
            <div class="col-md-5 align-self-center">
                <h3 class="text-themecolor">{{ trans('lang.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_edit') }}</li>
                </ol>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="resttab-sec">
                        <div class="menu-tab">
                            <ul>
                                <li>
                                    <a class="profileRoute">{{ trans('lang.profile') }}</a>
                                </li>
                                <li class="active">
                                    <a href="{{ route('restaurants.edit', $id) }}">{{ trans('lang.restaurant') }}</a>
                                </li>
                            </ul>
                        </div>
                        <div class="error_top"></div>
                        <div class="row restaurant_payout_create">
                            <div class="restaurant_payout_create-inner">
                                <fieldset>
                                    <legend>{{ trans('lang.restaurant_details') }}</legend>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_name') }}</label>
                                        <div class="col-7">
                                            <input type="text" class="form-control restaurant_name">
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_name_help') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_cuisines') }}</label>
                                        <div class="col-7">
                                            <select id='restaurant_cuisines' class="form-control chosen-select" multiple="multiple">
                                               
                                            </select>
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_cuisines_help') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_phone') }}</label>
                                        <div class="col-md-12">
                                            <input type="text" class="form-control restaurant_phone"  disabled onkeypress="return chkAlphabets2(event,'error2')">
                                            <div id="error2" class="err"></div>
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_phone_help') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_address') }}</label>
                                        <div class="col-7">
                                            <input type="text" class="form-control restaurant_address">
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_address_help') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.zone') }}<span class="required-field"></span></label>
                                        <div class="col-7">
                                            <select id='zone' class="form-control">
                                                <option value="">{{ trans('lang.select_zone') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_latitude') }}</label>
                                        <div class="col-7">
                                            <input type="text" class="form-control restaurant_latitude">
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_latitude_help') }}
                                            </div>
                                        </div>
                                        <div class="form-text text-muted ml-3">
                                            Don't Know your cordinates ? use <a target="_blank" href="https://www.latlong.net/">Latitude and Longitude Finder</a>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-3 control-label">{{ trans('lang.restaurant_longitude') }}</label>
                                        <div class="col-7">
                                            <input type="text" class="form-control restaurant_longitude">
                                            <div class="form-text text-muted">
                                                {{ trans('lang.restaurant_longitude_help') }}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group row width-100">
                                        <label class="col-3 control-label ">{{ trans('lang.restaurant_description') }}</label>
                                        <div class="col-7">
                                            <textarea rows="7" class="restaurant_description form-control" id="restaurant_description"></textarea>
                                        </div>
                                    </div>
                                    <!-- <div class="form-group row width-100">
                                                <label class="col-3 control-label">{{ trans('lang.restaurant_image') }}</label>
                                                <div class="col-7">
                                                    <input type="file" onChange="handleFileSelect(event,'photo')">
                                                    <div id="uploding_image"></div>
                                                    <div class="uploaded_image" style="display:none;"><img id="uploaded_image" src="" width="150px" height="150px;">
                                                    </div>
                                                    <div class="form-text text-muted">
                                                        {{ trans('lang.restaurant_image_help') }}
                                                    </div>
                                                </div>
                                            </div> -->
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.restaurant_admin_commission_details') }}</legend>
                                    <div class="form-group row width-50">
                                        <label class="col-4 control-label">{{ trans('lang.commission_type') }}</label>
                                        <div class="col-7">
                                            <select class="form-control commission_type" id="commission_type">
                                                <option value="Percent">{{ trans('lang.coupon_percent') }}</option>
                                                <option value="Fixed">{{ trans('lang.coupon_fixed') }}</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group row width-50">
                                        <label class="col-4 control-label">{{ trans('lang.admin_commission') }}</label>
                                        <div class="col-7">
                                            <input type="number" value="0" class="form-control commission_fix">
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.gallery') }}</legend>
                                    <div class="form-group row width-50 restaurant_image">
                                        <div class="">
                                            <div id="photos"></div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div>
                                            <input type="file" id="galleryImage" onChange="handleFileSelect(event,'photos')">
                                            <div id="uploding_image_photos"></div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.services') }}</legend>
                                    <div class="form-group row">
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Free_Wi_Fi">
                                            <label class="col-3 control-label" for="Free_Wi_Fi">{{ trans('lang.free_wi_fi') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Good_for_Breakfast">
                                            <label class="col-3 control-label" for="Good_for_Breakfast">{{ trans('lang.good_for_breakfast') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Good_for_Dinner">
                                            <label class="col-3 control-label" for="Good_for_Dinner">{{ trans('lang.good_for_dinner') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Good_for_Lunch">
                                            <label class="col-3 control-label" for="Good_for_Lunch">{{ trans('lang.good_for_lunch') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Live_Music">
                                            <label class="col-3 control-label" for="Live_Music">{{ trans('lang.live_music') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Outdoor_Seating">
                                            <label class="col-3 control-label" for="Outdoor_Seating">{{ trans('lang.outdoor_seating') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Takes_Reservations">
                                            <label class="col-3 control-label" for="Takes_Reservations">{{ trans('lang.takes_reservations') }}</label>
                                        </div>
                                        <div class="form-check width-100">
                                            <input type="checkbox" id="Vegetarian_Friendly">
                                            <label class="col-3 control-label" for="Vegetarian_Friendly">{{ trans('lang.vegetarian_friendly') }}</label>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.working_hours') }}</legend>
                                    <div class="form-group row">
                                        <label class="col-12 control-label" style="color:red;font-size:15px;">{{ trans('lang.working_hour_note') }}</label>
                                        <div class="form-group row width-100">
                                            <div class="col-7">
                                                <button type="button" class="btn btn-primary  add_working_hours_restaurant_btn">
                                                    <i></i>{{ trans('lang.add_working_hours') }}
                                                </button>
                                            </div>
                                        </div>
                                        <div class="working_hours_div" style="display:none">
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.sunday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary add_more_sunday" onclick="addMorehour('Sunday','sunday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Sunday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Sunday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.monday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary add_more_sunday" onclick="addMorehour('Monday','monday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Monday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Monday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.tuesday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMorehour('Tuesday','tuesday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Tuesday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Tuesday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.wednesday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMorehour('Wednesday','wednesday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Wednesday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Wednesday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.thursday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMorehour('Thursday','thursday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Thursday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Thursday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.friday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMorehour('Friday','friday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Friday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Friday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row mb-0">
                                                <label class="col-1 control-label">{{ trans('lang.Saturday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMorehour('Saturday','Saturday','1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_working_hour_Saturday_div restaurant_discount mb-5" style="display:none">
                                                <table class="booking-table" id="working_hour_table_Saturday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.from') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.to') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.dine_in_future_setting') }}</legend>
                                    <div class="form-group row">
                                        <div class="form-group row width-100">
                                            <div class="form-check width-100">
                                                <input type="checkbox" id="dine_in_feature" class="">
                                                <label class="col-3 control-label" for="dine_in_feature">{{ trans('lang.enable_dine_in_feature') }}</label>
                                            </div>
                                        </div>
                                        <div class="divein_div" style="display:none">
                                            <div class="form-group row width-50">
                                                <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                <div class="col-7">
                                                    <input type="time" class="form-control" id="openDineTime" required>
                                                </div>
                                            </div>
                                            <div class="form-group row width-50">
                                                <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                <div class="col-7">
                                                    <input type="time" class="form-control" id="closeDineTime" required>
                                                </div>
                                            </div>
                                            <div class="form-group row width-50">
                                                <label class="col-3 control-label">Cost</label>
                                                <div class="col-7">
                                                    <input type="number" class="form-control restaurant_cost" required>
                                                </div>
                                            </div>
                                            <div class="form-group row width-100 restaurant_image">
                                                <label class="col-3 control-label">Menu Card Images</label>
                                                <div class="">
                                                    <div id="photos_menu_card"></div>
                                                </div>
                                            </div>
                                            <div class="form-group row">
                                                <div>
                                                    <input type="file" onChange="handleFileSelectMenuCard(event)">
                                                    <div id="uploaded_image_menu"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset class="selfDeliveryOption d-none">
                                    <legend>{{ trans('lang.self_delivery_setting') }}</legend>
                                    <div class="form-group row">
                                        <div class="form-group row width-100">
                                            <div class="form-check width-100">
                                                <input type="checkbox" id="enable_self_delivery" class="">
                                                <label class="col-3 control-label" for="enable_self_delivery">{{ trans('lang.enable_self_delivery') }}</label>
                                                <div class="form-text text-muted">
                                                    {{ trans('lang.enable_self_delivery_help') }}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.deliveryCharge') }}</legend>
                                    <div class="form-group row">
                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{ trans('lang.delivery_charges_per') }} <span class="global_distance_type"></span></label>
                                            <div class="col-7">
                                                <input type="number" class="form-control" id="delivery_charges_per_km">
                                            </div>
                                        </div>
                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{ trans('lang.minimum_delivery_charges') }}</label>
                                            <div class="col-7">
                                                <input type="number" class="form-control" id="minimum_delivery_charges">
                                            </div>
                                        </div>
                                        <div class="form-group row width-100">
                                            <label class="col-4 control-label">{{ trans('lang.minimum_delivery_charges_within') }} <span class="global_distance_type"></span></label>
                                            <div class="col-7">
                                                <input type="number" class="form-control" id="minimum_delivery_charges_within_km">
                                            </div>
                                        </div>
                                        <div class="form-group row width-100 packagingChargeEnable d-none">
                                            <label class="col-4 control-label">{{ trans('lang.packaging_charge') }}</label>
                                            <div class="col-7">
                                                <input type="number" class="form-control" id="packagingCharge">
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset>
                                    <legend>{{ trans('lang.special_offer') }}</legend>
                                    <div class="form-check width-100">
                                        <input type="checkbox" id="specialDiscountEnable">
                                        <label class="col-3 control-label" for="specialDiscountEnable">{{ trans('lang.special_discount_enable') }}</label>
                                    </div>
                                    <div class="form-group row">
                                        <label class="col-12 control-label" style="color:red;font-size:15px;">{{trans('lang.special_discount_note')}} </label>
                                    </div>
                                    <div class="form-group row">
                                        <div class="form-group row width-100">
                                            <div class="col-7">
                                                <button type="button" class="btn btn-primary  add_special_offer_restaurant_btn">
                                                    <i></i>{{ trans('lang.add_special_offer') }}
                                                </button>
                                            </div>
                                        </div>
                                        <div class="special_offer_div" style="display:none">
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.sunday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary add_more_sunday" onclick="addMoreButton('Sunday','sunday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Sunday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Sunday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.monday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary add_more_sunday" onclick="addMoreButton('Monday','monday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Monday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Monday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.tuesday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMoreButton('Tuesday','tuesday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Tuesday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Tuesday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.wednesday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMoreButton('Wednesday','wednesday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Wednesday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Wednesday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.thursday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMoreButton('Thursday','thursday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Thursday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Thursday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.friday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMoreButton('Friday','friday', '1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Friday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Friday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="form-group row">
                                                <label class="col-1 control-label">{{ trans('lang.Saturday') }}</label>
                                                <div class="col-12">
                                                    <button type="button" class="btn btn-primary" onclick="addMoreButton('Saturday','Saturday','1')">
                                                        {{ trans('lang.add_more') }}
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="restaurant_discount_options_Saturday_div restaurant_discount" style="display:none">
                                                <table class="booking-table" id="special_offer_table_Saturday">
                                                    <tr>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Opening_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.Closing_Time') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.coupon_discount') }}
                                                                {{ trans('lang.type') }}</label>
                                                        </th>
                                                        <th>
                                                            <label class="col-3 control-label">{{ trans('lang.actions') }}</label>
                                                        </th>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset id="story_upload_div" style="display: none;">
                                    <legend>Story</legend>
                                    <div class="form-group row">
                                        <label class="col-12 control-label" style="color:red;font-size:15px;">{{trans('lang.image_video_note')}} </label>
                                    </div>
                                    <div class="form-group row vendor_image">
                                        <label class="col-12 control-label">{{trans('lang.choose_humbling_GIF_image')}}</label>
                                        <div class="col-12">
                                            <div id="story_thumbnail" class="row"></div>
                                        </div>
                                    </div>
                                    <div class="form-group row">
                                        <div class="col-12">
                                            <input type="file" id="file" onChange="handleStoryThumbnailFileSelect(event)">
                                            <div id="uploding_story_thumbnail"></div>
                                        </div>
                                    </div>
                                    <div class="restaurant_uploadStory_div">
                                        <div class="form-group row vendor_image">
                                            <label class="col-12 control-label">{{trans('lang.select_story_video')}}</label>
                                            <div class="col-12">
                                                <div id="story_vedios" class="row"></div>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-12">
                                                <input type="file" id="video_file" onChange="handleStoryFileSelect(event)">
                                                <div id="uploding_story_video"></div>
                                            </div>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group col-12 text-center btm-btn">
                    <button type="button" class="btn btn-primary  edit-form-btn"><i class="fa fa-save"></i> {{ trans('lang.save') }}
                    </button>
                    <a href="{!! route('restaurants') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{ trans('lang.cancel') }}</a>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/compressorjs/1.1.1/compressor.min.js" integrity="sha512-VaRptAfSxXFAv+vx33XixtIVT9A/9unb1Q8fp63y1ljF+Sbka+eMJWoDAArdm7jOYuLQHVx5v60TQ+t3EA8weA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script>
        var id = "";
        var rest_id = "";
        var database = firebase.firestore();
        var ref_deliverycharge = database.collection('settings').doc("DeliveryCharge");
        var ref = database.collection('vendors').where("id", "==", id);
        var refData = database.collection('users').where("vendorID", "==", id).where('role','==','vendor');
        var ref_charge = database.collection('vendors').where("id", "==", id);
        var storageRef = firebase.storage().ref('images');
        var storage = firebase.storage();
        var restaurantOwnerId = "";
        var restaurantOwnerOnline = false;
        var photo = "";
        var menuPhotoCount = 0;
        var restaurantMenuPhotos = "";
        var restaurant_menu_photos = [];
        var new_added_restaurant_menu_filename = [];
        var new_added_restaurant_menu = [];
        var menuImageToDelete = [];
        var restaurantPhoto = '';
        var resPhotoFileName = '';
        var resPhotoOldImageFile = '';
        var restaurnt_photos = [];
        var new_added_restaurant_photos_filename = [];
        var new_added_restaurant_photos = [];
        var new_added_restaurant_story_filename = [];
        var new_added_restaurant_story = [];
        var galleryImageToDelete = [];
        var ownerphoto = '';
        var ownerFileName = '';
        var ownerOldImageFile = '';
        var photocount = 0;
        var ownerPhoto = '';
        var ownerId = '';
        var placeholderImage = '';
        var workingHours = [];
        var timeslotworkSunday = [];
        var timeslotworkMonday = [];
        var timeslotworkTuesday = [];
        var timeslotworkWednesday = [];
        var timeslotworkFriday = [];
        var timeslotworkSaturday = [];
        var timeslotworkThursday = [];
        var specialDiscount = [];
        var timeslotSunday = [];
        var timeslotMonday = [];
        var timeslotTuesday = [];
        var timeslotWednesday = [];
        var timeslotFriday = [];
        var timeslotSaturday = [];
        var timeslotThursday = [];
        var story_upload_time = [];
        var story_vedios = [];
        var story_thumbnail = '';
        var story_thumbnail_filename = '';
        var story_thumbnail_oldfile = '';
        var storevideoDuration = 0;
        var storyCount = 0;
        var storyRef = firebase.storage().ref('Story');
        var storyImagesRef = firebase.storage().ref('Story/images');
        var isSelfDelivery = false;
        var selfDeliveryRef = database.collection('settings').doc("globalSettings");
        var placeholder = database.collection('settings').doc('placeHolderImage');
        placeholder.get().then(async function(snapshotsimage) {
            var placeholderImageData = snapshotsimage.data();
            placeholderImage = placeholderImageData.image;
        });
        selfDeliveryRef.get().then(async function(settingSnapshots) {
            if (settingSnapshots.data()) {
                var settingData = settingSnapshots.data();
                if (settingData.isSelfDelivery) {
                    isSelfDelivery = true;
                    $('.selfDeliveryOption').removeClass('d-none');
                }
            }
        })
        var FinalData = refData.get().then(async function(snapshots) {
            var userData = snapshots.docs[0].data();
            provider = userData.provider;
            if (!userData.hasOwnProperty("provider")) {
                $(".provider_type").show();
            } else if (userData.hasOwnProperty("provider") && provider == "email") {
                $(".provider_type").show();
            } else {
                $(".provider_type").hide();
            }
        });
        database.collection('zone').where('publish', '==', true).orderBy('name', 'asc').get().then(async function(snapshots) {
            snapshots.docs.forEach((listval) => {
                var data = listval.data();
                var area = [];
                data.area.forEach((location) => {
                    area.push({
                        'latitude': location.latitude,
                        'longitude': location.longitude
                    });
                });
                $('#zone').append($("<option></option>")
                    .attr("value", data.id)
                    .attr("data-area", JSON.stringify(area))
                    .text(data.name));
            })
        });
        ref_deliverycharge.get().then(async function(snapshots_charge) {
            var deliveryChargeSettings = snapshots_charge.data();
            try {
                if (deliveryChargeSettings.vendor_can_modify) {
                    ref_charge.get().then(async function(snapshots) {
                        try {
                            var deliveryCharge = snapshots.docs[0].data();
                            var delivery_charges_per_km = deliveryCharge.delivery_charges_per_km;
                            var minimum_delivery_charges = deliveryCharge.minimum_delivery_charges
                            var minimum_delivery_charges_within_km = deliveryCharge.minimum_delivery_charges_within_km;
                            $("#delivery_charges_per_km").val(delivery_charges_per_km);
                            $("#minimum_delivery_charges").val(minimum_delivery_charges);
                            $("#minimum_delivery_charges_within_km").val(minimum_delivery_charges_within_km);
                        } catch (error) {}
                    });
                } else {
                    $("#delivery_charges_per_km").val(deliveryChargeSettings.delivery_charges_per_km);
                    $("#minimum_delivery_charges").val(deliveryChargeSettings.minimum_delivery_charges);
                    $("#minimum_delivery_charges_within_km").val(deliveryChargeSettings.minimum_delivery_charges_within_km);
                    $("#delivery_charges_per_km").prop('disabled', true);
                    $("#minimum_delivery_charges").prop('disabled', true);
                    $("#minimum_delivery_charges_within_km").prop('disabled', true);
                }
            } catch (error) {}
        });
        database.collection('settings').doc("story").get().then(async function(snapshots) {
            var story_data = snapshots.data();
            if (story_data.isEnabled) {
                $("#story_upload_div").show();
            }
            storevideoDuration = story_data.videoDuration;
        });
        
        database.collection('settings').doc("specialDiscountOffer").get().then(async function(snapshots) {
            var specialDiscountOffer = snapshots.data();
            specialDiscountOfferisEnable = specialDiscountOffer.isEnable;
        });

        var currentCurrency = '';
        var currencyAtRight = false;
        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;
        });

        var packagingChargeEnable = false;
        var restaurant = database.collection('settings').doc("restaurant");
        restaurant.get().then(async function(snapshots) {
            var restaurantdata = snapshots.data();
            if (restaurantdata.packagingChargeEnable) {
                packagingChargeEnable = true;
            }
        });

        $(document).ready(function() {
            
            $(document).on("click", ".remove-btn", function() {
                var id = $(this).attr('data-id');
                var photo_remove = $(this).attr('data-img');
                var status = $(this).attr('data-status');
                if (status == "old") {
                    galleryImageToDelete.push(firebase.storage().refFromURL(photo_remove));
                }
                $("#photo_" + id).remove();
                index = restaurnt_photos.indexOf(photo_remove);
                if (index > -1) {
                    restaurnt_photos.splice(index, 1); // 2nd parameter means remove one item only
                }
                index = new_added_restaurant_photos.indexOf(photo_remove);
                if (index > -1) {
                    new_added_restaurant_photos.splice(index, 1); // 2nd parameter means remove one item only
                    new_added_restaurant_photos_filename.splice(index, 1);
                }
            });
            $(document).on("click", ".remove-menu-btn", function() {
                var id = $(this).attr('data-id');
                var photo_remove = $(this).attr('data-img');
                var status = $(this).attr('data-status');
                if (status == "old") {
                    menuImageToDelete.push(firebase.storage().refFromURL(photo_remove));
                }
                $("#photo_menu_" + id).remove();
                index = restaurant_menu_photos.indexOf(photo_remove);
                if (index > -1) {
                    restaurant_menu_photos.splice(index, 1); // 2nd parameter means remove one item only
                }
                index = new_added_restaurant_menu.indexOf(photo_remove);
                if (index > -1) {
                    new_added_restaurant_menu.splice(index, 1); // 2nd parameter means remove one item only
                    new_added_restaurant_menu_filename.splice(index, 1);
                }
            });
            jQuery("#data-table_processing").show();
            ref.get().then(async function(snapshots) {
                try {
                    if (!snapshots || !snapshots.docs || snapshots.docs.length <= 0) {
                        jQuery("#data-table_processing").hide();
                        return false;
                    }
                    var restaurant = snapshots.docs[0].data();
                    
                    if (restaurant.phonenumber != "" && restaurant.phonenumber != null) {
                        $(".restaurant_phone").val(shortEditNumber(restaurant.phonenumber));
                    }
                    $(".restaurant_name").val(restaurant.title);
                    if (restaurant.filters) {
                        $(".restaurant_cuisines").val(restaurant.filters.Cuisine);
                    }
                    $(".restaurant_address").val(restaurant.location);
                    if (restaurant.adminCommission) {
                        $("#commission_type").val(restaurant.adminCommission.commissionType);
                        $(".commission_fix").val(restaurant.adminCommission.fix_commission);
                    }
                    $(".restaurant_latitude").val(restaurant.latitude);
                    $(".restaurant_longitude").val(restaurant.longitude);
                    $(".restaurant_description").val(restaurant.description);
                    if (restaurant.photo) {
                        if (restaurant.photo != '' && restaurant.photo != null) {
                            restaurantPhoto = restaurant.photo;
                            resPhotoOldImageFile = restaurant.photo;
                            $("#uploaded_image").attr('src', restaurant.photo);
                            $(".uploaded_image").show();
                        } else {
                            $("#uploaded_image").attr('src', placeholderImage);
                            $(".uploaded_image").show();
                        }
                    } else {
                        $("#uploaded_image").attr('src', placeholderImage);
                        $(".uploaded_image").show();
                    }
                    if (restaurant.openDineTime) {
                        restaurant.openDineTime = moment(restaurant.openDineTime, 'hh:mm A').format('HH:mm');
                    }
                    if (restaurant.closeDineTime) {
                        restaurant.closeDineTime = moment(restaurant.closeDineTime, 'hh:mm A').format('HH:mm');
                    }
                    $("#openDineTime").val(restaurant.openDineTime);
                    $("#closeDineTime").val(restaurant.closeDineTime);
                    if (restaurant.hasOwnProperty('enabledDiveInFuture')) {
                        if (restaurant.enabledDiveInFuture) {
                            $("#dine_in_feature").prop("checked", true);
                        }
                    }
                    if (restaurant.photo != '' && restaurant.photo != null) {
                        restaurantPhoto = restaurant.photo;
                        resPhotoOldImageFile = restaurant.photo;
                    }
                    if (restaurant.hasOwnProperty('restaurantMenuPhotos')) {
                        restaurantMenuPhotos = restaurant.restaurantMenuPhotos;
                    }
                    if (restaurant.hasOwnProperty('restaurantCost')) {
                        $(".restaurant_cost").val(restaurant.restaurantCost);
                    }
                    for (var key in restaurant.filters) {
                        if (key == "Free Wi-Fi" && restaurant.filters[key] == "Yes") {
                            $("#Free_Wi_Fi").prop("checked", true);
                        }
                        if (key == "Good for Breakfast" && restaurant.filters[key] == "Yes") {
                            $("#Good_for_Breakfast").prop("checked", true);
                        }
                        if (key == "Good for Dinner" && restaurant.filters[key] == "Yes") {
                            $("#Good_for_Dinner").prop("checked", true);
                        }
                        if (key == "Good for Lunch" && restaurant.filters[key] == "Yes") {
                            $("#Good_for_Lunch").prop("checked", true);
                        }
                        if (key == "Live Music" && restaurant.filters[key] == "Yes") {
                            $("#Live_Music").prop("checked", true);
                        }
                        if (key == "Outdoor Seating" && restaurant.filters[key] == "Yes") {
                            $("#Outdoor_Seating").prop("checked", true);
                        }
                        if (key == "Takes Reservations" && restaurant.filters[key] == "Yes") {
                            $("#Takes_Reservations").prop("checked", true);
                        }
                        if (key == "Vegetarian Friendly" && restaurant.filters[key] == "Yes") {
                            $("#Vegetarian_Friendly").prop("checked", true);
                        }
                    }
                    if (restaurant.hasOwnProperty('specialDiscountEnable')) {
                        if (restaurant.specialDiscountEnable) {
                            $("#specialDiscountEnable").prop("checked", true);
                        }
                    }
                    if (restaurant.hasOwnProperty('specialDiscount')) {
                        for (i = 0; i < restaurant.specialDiscount.length; i++) {
                            var day = restaurant.specialDiscount[i]['day'];
                            if (restaurant.specialDiscount[i]['timeslot'].length != 0) {
                                for (j = 0; j < restaurant.specialDiscount[i]['timeslot'].length; j++) {
                                    $(".restaurant_discount_options_" + day + "_div").show();
                                    var timeslot = restaurant.specialDiscount[i]['timeslot'][j];
                                    var discount = restaurant.specialDiscount[i]['timeslot'][j]['discount'];
                                    var TimeslotVar = {
                                        'discount': timeslot[`discount`],
                                        'from': timeslot[`from`],
                                        'to': timeslot[`to`],
                                        'type': timeslot[`type`],
                                        'discount_type': timeslot[`discount_type`]
                                    };
                                    if (day == 'Sunday') {
                                        timeslotSunday.push(TimeslotVar);
                                    } else if (day == 'Monday') {
                                        timeslotMonday.push(TimeslotVar);
                                    } else if (day == 'Tuesday') {
                                        timeslotTuesday.push(TimeslotVar);
                                    } else if (day == 'Wednesday') {
                                        timeslotWednesday.push(TimeslotVar);
                                    } else if (day == 'Thursday') {
                                        timeslotThursday.push(TimeslotVar);
                                    } else if (day == 'Friday') {
                                        timeslotFriday.push(TimeslotVar);
                                    } else if (day == 'Saturday') {
                                        timeslotSaturday.push(TimeslotVar);
                                    }
                                    $('#special_offer_table_' + day + ' tr:last').after('<tr>' +
                                        '<td class="" style="width:10%;"><input type="time" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`from`] + '" id="openTime' + day + j + i + '"></td>' +
                                        '<td class="" style="width:10%;"><input type="time" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`to`] + '" id="closeTime' + day + j + i + '"></td>' +
                                        '<td class="" style="width:30%;">' +
                                        '<input type="number" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`discount`] + '" style="width:60%;" id="discount' + day + j + i + '">' +
                                        '<select id="discount_type' + day + j + i + '" class="form-control ' + i + '_' + j + '_row"  style="width:40%;"><option value="percentage"/>%</option><option value="amount"/>' + currentCurrency + '</option></select></td>' +
                                        '<td style="width:30%;"><select id="type' + day + j + i + '" class="form-control ' + i + '_' + j + '_row"><option value="delivery"/>{{trans('lang.delivery_discount')}}</option><option value="dinein"/>{{trans('lang.dineIn_discount')}}</option></select>' +
                                        '</td>' +
                                        '<td class="action-btn" style="width:20%;">' +
                                        '<button type="button" class="btn btn-primary ' + i + '_' + j + '_row"  onclick="updateMoreFunctionButton(`' + day + '`,`' + j + '`,`' + i + '`)" ><i class="mdi mdi-lead-pencil" title="{{trans('lang.edit')}}"></i></button>' +
                                        '&nbsp;&nbsp;<button type="button" class="btn btn-primary ' + i + '_' + j + '_row" onclick="deleteOffer(`' + day + '`,`' + j + '`,`' + i + '`)" ><i class="mdi mdi-delete"></i></button>' +
                                        '</td></tr>');
                                    if (timeslot[`type`] == 'amount') {
                                        $('#discount_type' + day + j + i).val(timeslot[`type`]);
                                    }
                                    if (timeslot[`discount_type`] == 'dinein') {
                                        $('#type' + day + j + i).val(timeslot[`discount_type`]);
                                    }
                                }
                                $('.special_offer_div').css('display', 'block');
                            }
                        }
                    }
                    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_working_hour_" + day + "_div").show();
                                    var timeslot = restaurant.workingHours[i]['timeslot'][j];
                                    var discount = restaurant.workingHours[i]['timeslot'][j]['discount'];
                                    var TimeslotHourVar = {
                                        'from': timeslot[`from`],
                                        'to': timeslot[`to`]
                                    };
                                    if (day == 'Sunday') {
                                        timeslotworkSunday.push(TimeslotHourVar);
                                    } else if (day == 'Monday') {
                                        timeslotworkMonday.push(TimeslotHourVar);
                                    } else if (day == 'Tuesday') {
                                        timeslotworkTuesday.push(TimeslotHourVar);
                                    } else if (day == 'Wednesday') {
                                        timeslotworkWednesday.push(TimeslotHourVar);
                                    } else if (day == 'Thursday') {
                                        timeslotworkThursday.push(TimeslotHourVar);
                                    } else if (day == 'Friday') {
                                        timeslotworkFriday.push(TimeslotHourVar);
                                    } else if (day == 'Saturday') {
                                        timeslotworkSaturday.push(TimeslotHourVar);
                                    }
                                    $('#working_hour_table_' + day + ' tr:last').after('<tr>' +
                                        '<td class="" style="width:50%;"><input type="time" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`from`] + '" id="from' + day + j + i + '" ></td>' +
                                        '<td class="" style="width:50%;"><input type="time" class="form-control ' + i + '_' + j + '_row" value="' + timeslot[`to`] + '" id="to' + day + j + i + '" ></td>' +
                                        '<td class="action-btn" style="width:20%;">' +
                                        '<button type="button" class="btn btn-primary ' + i + '_' + j + '_row workingHours_' + i + '_' + j + '"  onclick="updatehoursFunctionButton(`' + day + '`,`' + j + '`,`' + i + '`)" ><i class="mdi mdi-lead-pencil" title="{{trans('lang.edit')}}"></i></button>' +
                                        '&nbsp;&nbsp;<button type="button" class="btn btn-primary ' + i + '_' + j + '_row" onclick="deleteWorkingHour(`' + day + '`,`' + j + '`,`' + i + '`)" ><i class="mdi mdi-delete"></i></button>' +
                                        '</td></tr>');
                                }
                                $('.working_hours_div').css('display', 'block');
                            }
                        }
                    }
                    restaurnt_photos = restaurant.photos;
                    var photos = '';
                    var menuCardPhotos = ''
                    if (Array.isArray(restaurant.photos)) {
                        restaurant.photos.forEach((photo) => {
                            photocount++;
                            photos = photos + '<span class="image-item" id="photo_' + photocount + '"><span class="remove-btn" data-id="' + photocount + '" data-img="' + photo + '" data-status="old"><i class="fa fa-remove"></i></span><img width="100px" id="" height="auto" src="' + photo + '"></span>';
                        })
                    }
                    if (photos) {
                        $("#photos").html(photos);
                    } else {
                        $("#photos").html('<p>photos not available.</p>');
                    }
                    if (restaurant.hasOwnProperty('restaurantMenuPhotos') && Array.isArray(restaurant.restaurantMenuPhotos) && restaurant.restaurantMenuPhotos != null) {
                        restaurant_menu_photos = restaurant.restaurantMenuPhotos;
                        restaurant.restaurantMenuPhotos.forEach((photo) => {
                            menuPhotoCount++;
                            menuCardPhotos = menuCardPhotos + '<span class="image-item" id="photo_menu_' + menuPhotoCount + '"><span class="remove-menu-btn" data-id="' + menuPhotoCount + '" data-img="' + photo + '" data-status="old"><i class="fa fa-remove"></i></span><img width="100px" id="" height="auto" src="' + photo + '"></span>';
                        })
                    }
                    if (menuCardPhotos) {
                        $("#photos_menu_card").html(menuCardPhotos);
                    } else {
                        $("#photos_menu_card").html('<p>{{trans('lang.menu_card_photos_not_available')}}</p>');
                    }
                    restaurantOwnerOnline = restaurant.isActive;
                    if (restaurant.hasOwnProperty('enabledDiveInFuture') && restaurant.enabledDiveInFuture == true) {
                        $(".divein_div").show();
                    }
                    restaurantOwnerId = restaurant.author;
                    if (restaurant.author != null && restaurant.author != '') {
                        var route1 = '{{ route('vendor.edit', ':id') }}';
                        route1 = route1.replace(':id', restaurant.author);
                        $('.profileRoute').attr('href', route1);
                    }
                    var selected_category=[];
                    
                    if (restaurant.hasOwnProperty('categoryID') && restaurant.categoryID != null && restaurant.categoryID != '' && restaurant.categoryID.length > 0) {
                        $.each(restaurant.categoryID, function(index, catId) {
                            selected_category.push(catId);
                        });
                    }
                    
                    await database.collection('vendor_categories').where('publish', '==', true).get().then(async function(snapshots) {
                        snapshots.docs.forEach((listval) => {
                            var data = listval.data();
                            var selected = '';
                            if ($.inArray(data.id, selected_category) !== -1) {
                                var selected ='selected="selected"';
                            }
                            var option = '<option value="' + data.id + '" ' + selected + '>' + data.title + '</option>';
                            $('#restaurant_cuisines').append(option);
                           
                        })
                          $("#restaurant_cuisines").show().chosen({
                                "placeholder_text": "{{ trans('lang.select_cuisines') }}"
                         });
                    });
                    if (restaurant.hasOwnProperty('phonenumber')) {
                        $(".restaurant_phone").val(shortEditNumber(restaurant.phonenumber));
                    }
                    ref_deliverycharge.get().then(async function(snapshots_charge) {
                        var deliveryChargeSettings = snapshots_charge.data();
                        try {
                            if (deliveryChargeSettings.vendor_can_modify) {
                                $("#delivery_charges_per_km").val(restaurant.DeliveryCharge.delivery_charges_per_km);
                                $("#minimum_delivery_charges").val(restaurant.DeliveryCharge.minimum_delivery_charges);
                                $("#minimum_delivery_charges_within_km").val(restaurant.DeliveryCharge.minimum_delivery_charges_within_km);
                            } else {
                                $("#delivery_charges_per_km").val(deliveryChargeSettings.delivery_charges_per_km);
                                $("#minimum_delivery_charges").val(deliveryChargeSettings.minimum_delivery_charges);
                                $("#minimum_delivery_charges_within_km").val(deliveryChargeSettings.minimum_delivery_charges_within_km);
                            }
                        } catch (error) {}
                    });
                    await getRestaurantStory(restaurant.id);
                    if (story_vedios.length > 0) {
                        var html = '';
                        for (var i = 0; i < story_vedios.length; i++) {
                            html += '<div class="col-md-3" id="story_div_' + i + '">\n' +
                                '<div class="video-inner"><video width="320px" height="240px"\n' +
                                '                                   controls="controls">\n' +
                                '                            <source src="' + story_vedios[i] + '"\n' +
                                '            type="video/mp4"></video><span class="remove-story-video" data-id="' + i + '" data-img="' + story_vedios[i] + '"><i class="fa fa-remove"></i></span></div></div>';
                        }
                        jQuery("#story_vedios").append(html);
                    }
                    if (story_thumbnail) {
                        html = '<div class="col-md-3"><div class="thumbnail-inner"><span class="remove-story-thumbnail" data-img="' + story_thumbnail + '"><i class="fa fa-remove"></i></span><img id="story_thumbnail_image" src="' + story_thumbnail + '" width="150px" height="150px;"></div></div>';
                        jQuery("#story_thumbnail").html(html);
                    }
                } catch (error) {}
                if (restaurant.hasOwnProperty('zoneId') && restaurant.zoneId != '') {
                    $("#zone").val(restaurant.zoneId);
                }
                if (restaurant.hasOwnProperty('isSelfDelivery') && restaurant.isSelfDelivery != null && restaurant.isSelfDelivery != '' && restaurant.isSelfDelivery) {
                    $('#enable_self_delivery').prop('checked', true);
                }
                if (packagingChargeEnable) {
                    $('.packagingChargeEnable').removeClass('d-none');
                    $('#packagingCharge').val(restaurant.packagingCharge);
                }
                jQuery("#data-table_processing").hide();
            })
            async function getRestaurantStory(restaurantId) {
                await database.collection('story').where('vendorID', '==', restaurantId).get().then(async function(snapshots) {
                    if (snapshots.docs.length > 0) {
                        var story_data = snapshots.docs[0].data();
                        story_vedios = story_data.videoUrl;
                        story_thumbnail = story_data.videoThumbnail;
                        story_thumbnail_oldfile = story_data.videoThumbnail;
                    }
                });
            }

            function checkLocationInZone(area, address_lng, address_lat) {
                var vertices_x = [];
                var vertices_y = [];
                for (j = 0; j < area.length; j++) {
                    var geopoint = area[j];
                    vertices_x.push(geopoint.longitude);
                    vertices_y.push(geopoint.latitude);
                }
                var points_polygon = (vertices_x.length) - 1;
                if (is_in_polygon(points_polygon, vertices_x, vertices_y, address_lng, address_lat)) {
                    return true;
                } else {
                    return false;
                }
            }

            function is_in_polygon($points_polygon, $vertices_x, $vertices_y, $longitude_x, $latitude_y) {
                $i = $j = $c = $point = 0;
                for ($i = 0, $j = $points_polygon; $i < $points_polygon; $j = $i++) {
                    $point = $i;
                    if ($point == $points_polygon)
                        $point = 0;
                    if ((($vertices_y[$point] > $latitude_y != ($vertices_y[$j] > $latitude_y)) && ($longitude_x < ($vertices_x[$j] - $vertices_x[$point]) * ($latitude_y - $vertices_y[$point]) / ($vertices_y[$j] - $vertices_y[$point]) + $vertices_x[$point])))
                        $c = !$c;
                }
                return $c;
            }

            $(".edit-form-btn").click(async function() {

                var restaurantname = $(".restaurant_name").val();  
                var cuisines = $("#restaurant_cuisines").val(); 
                var categoryTitle = $("#restaurant_cuisines option:selected").map(function() {
                    return $(this).text();
                }).get();
                
                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 enabledDiveInFuture = $("#dine_in_feature").is(':checked');
                var reststatus = true;
                var specialDiscountEnable = false;
                var restaurantCost = $(".restaurant_cost").val();
                var zoneId = $('#zone option:selected').val();
                var zoneArea = $('#zone option:selected').data('area');
                var isInZone = false;
                if (zoneId && zoneArea) {
                    isInZone = checkLocationInZone(zoneArea, longitude, latitude);
                }
                var enable_self_delivery = $("#enable_self_delivery").is(':checked');
                 var packagingCharge = $('#packagingCharge').val();

                var commissionType = $("#commission_type").val();
                var fixCommission = $(".commission_fix").val();
                const adminCommission = {
                    "commissionType": commissionType,
                    "fix_commission": parseInt(fixCommission),
                    "isEnabled": true
                };
                if ($("#specialDiscountEnable").is(':checked')) {
                    specialDiscountEnable = true;
                }
                var specialDiscount = [];
                var sunday = {
                    'day': 'Sunday',
                    'timeslot': timeslotSunday
                };
                var monday = {
                    'day': 'Monday',
                    'timeslot': timeslotMonday
                };
                var tuesday = {
                    'day': 'Tuesday',
                    'timeslot': timeslotTuesday
                };
                var wednesday = {
                    'day': 'Wednesday',
                    'timeslot': timeslotWednesday
                };
                var thursday = {
                    'day': 'Thursday',
                    'timeslot': timeslotThursday
                };
                var friday = {
                    'day': 'Friday',
                    'timeslot': timeslotFriday
                };
                var Saturday = {
                    'day': 'Saturday',
                    'timeslot': timeslotSaturday
                };
                specialDiscount.push(monday);
                specialDiscount.push(tuesday);
                specialDiscount.push(wednesday);
                specialDiscount.push(thursday);
                specialDiscount.push(friday);
                specialDiscount.push(Saturday);
                specialDiscount.push(sunday);
                var workingHours = [];
                var sunday = {
                    'day': 'Sunday',
                    'timeslot': timeslotworkSunday
                };
                var monday = {
                    'day': 'Monday',
                    'timeslot': timeslotworkMonday
                };
                var tuesday = {
                    'day': 'Tuesday',
                    'timeslot': timeslotworkTuesday
                };
                var wednesday = {
                    'day': 'Wednesday',
                    'timeslot': timeslotworkWednesday
                };
                var thursday = {
                    'day': 'Thursday',
                    'timeslot': timeslotworkThursday
                };
                var friday = {
                    'day': 'Friday',
                    'timeslot': timeslotworkFriday
                };
                var Saturday = {
                    'day': 'Saturday',
                    'timeslot': timeslotworkSaturday
                };
                workingHours.push(monday);
                workingHours.push(tuesday);
                workingHours.push(wednesday);
                workingHours.push(thursday);
                workingHours.push(friday);
                workingHours.push(Saturday);
                workingHours.push(sunday);
                var openDineTime = $("#openDineTime").val();
                var openDineTime_val = $("#openDineTime").val();
                if (openDineTime) {
                    openDineTime = new Date('1970-01-01T' + openDineTime + 'Z')
                        .toLocaleTimeString('en-US', {
                            timeZone: 'UTC',
                            hour12: true,
                            hour: 'numeric',
                            minute: 'numeric'
                        });
                }
                var closeDineTime = $("#closeDineTime").val();
                var closeDineTime_val = $("#closeDineTime").val();
                if (closeDineTime) {
                    closeDineTime = new Date('1970-01-01T' + closeDineTime + 'Z')
                        .toLocaleTimeString('en-US', {
                            timeZone: 'UTC',
                            hour12: true,
                            hour: 'numeric',
                            minute: 'numeric'
                        });
                }
                var Free_Wi_Fi = "No";
                if ($("#Free_Wi_Fi").is(':checked')) {
                    Free_Wi_Fi = "Yes";
                }
                var Good_for_Breakfast = "No";
                if ($("#Good_for_Breakfast").is(':checked')) {
                    Good_for_Breakfast = "Yes";
                }
                var Good_for_Dinner = "No";
                if ($("#Good_for_Dinner").is(':checked')) {
                    Good_for_Dinner = "Yes";
                }
                var Good_for_Lunch = "No";
                if ($("#Good_for_Lunch").is(':checked')) {
                    Good_for_Lunch = "Yes";
                }
                var Live_Music = "No";
                if ($("#Live_Music").is(':checked')) {
                    Live_Music = "Yes";
                }
                var Outdoor_Seating = "No";
                if ($("#Outdoor_Seating").is(':checked')) {
                    Outdoor_Seating = "Yes";
                }
                var Takes_Reservations = "No";
                if ($("#Takes_Reservations").is(':checked')) {
                    Takes_Reservations = "Yes";
                }
                var Vegetarian_Friendly = "No";
                if ($("#Vegetarian_Friendly").is(':checked')) {
                    Vegetarian_Friendly = "Yes";
                }
                var filters_new = {
                    "Free Wi-Fi": Free_Wi_Fi,
                    "Good for Breakfast": Good_for_Breakfast,
                    "Good for Dinner": Good_for_Dinner,
                    "Good for Lunch": Good_for_Lunch,
                    "Live Music": Live_Music,
                    "Outdoor Seating": Outdoor_Seating,
                    "Takes Reservations": Takes_Reservations,
                    "Vegetarian Friendly": Vegetarian_Friendly
                };
                if (restaurantname == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_name_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (cuisines == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_cuisine_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (phonenumber == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_phone_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (address == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_address_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (zoneId == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.select_zone_help') }}</p>");
                    window.scrollTo(0, 0);
                } else if (isNaN(latitude)) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_lattitude_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (latitude < -90 || latitude > 90) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_lattitude_limit_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (isNaN(longitude)) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_longitude_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (longitude < -180 || longitude > 180) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_longitude_limit_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (isInZone == false) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.invalid_location_zone') }}</p>");
                    window.scrollTo(0, 0);
                } else if (description == '') {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.restaurant_description_error') }}</p>");
                    window.scrollTo(0, 0);
                } else if (packagingChargeEnable && packagingCharge < 0) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{ trans('lang.packagingCharge_error') }}</p>");
                    window.scrollTo(0, 0);
                } else {
                    jQuery("#data-table_processing").show();
                    var delivery_charges_per_km = parseInt($("#delivery_charges_per_km").val());
                    var minimum_delivery_charges = parseInt($("#minimum_delivery_charges").val());
                    var minimum_delivery_charges_within_km = parseInt($("#minimum_delivery_charges_within_km").val());
                    var DeliveryCharge = {
                        'delivery_charges_per_km': delivery_charges_per_km,
                        'minimum_delivery_charges': minimum_delivery_charges,
                        'minimum_delivery_charges_within_km': minimum_delivery_charges_within_km
                    };
                    coordinates = new firebase.firestore.GeoPoint(latitude, longitude);
                    await storeStoryData().then(async (resStoryVid) => {
                        await storeImageData().then(async (IMG) => {
                            await storeGalleryImageData().then(async (GalleryIMG) => {
                                await storeMenuImageData().then(async (MenuIMG) => {
                                    geoFirestore.collection('vendors').doc(id).update({
                                        'title': restaurantname,
                                        'description': description,
                                        'latitude': latitude,
                                        'longitude': longitude,
                                        'location': address,
                                        'photo': (Array.isArray(GalleryIMG) && GalleryIMG.length > 0) ? GalleryIMG[0] : null,
                                        'photos': GalleryIMG,
                                        'categoryID': cuisines,
                                        'phonenumber': phonenumber,
                                        'categoryTitle': categoryTitle,
                                        'coordinates': coordinates,
                                        'filters': filters_new,
                                        'reststatus': reststatus,
                                        'enabledDiveInFuture': enabledDiveInFuture,
                                        'restaurantMenuPhotos': MenuIMG,
                                        'restaurantCost': restaurantCost,
                                        'openDineTime': openDineTime,
                                        'closeDineTime': closeDineTime,
                                        'DeliveryCharge': DeliveryCharge,
                                        'specialDiscount': specialDiscount,
                                        'specialDiscountEnable': specialDiscountEnable,
                                        'workingHours': workingHours,
                                        'zoneId': zoneId,
                                        'adminCommission': adminCommission,
                                        'isSelfDelivery':enable_self_delivery,
                                        'packagingCharge': packagingCharge ? packagingCharge : '0'
                                    }).then(function(result) {
                                        if (resStoryVid.length > 0 || story_thumbnail != '') {
                                            if (resStoryVid.length > 0 && story_thumbnail == '') {
                                                jQuery("#data-table_processing").hide();
                                                $(".error_top").show();
                                                $(".error_top").html("");
                                                $(".error_top").append("<p>{{ trans('lang.story_error') }}</p>");
                                                window.scrollTo(0, 0);
                                            } else if (story_thumbnail && resStoryVid.length == 0) {
                                                jQuery("#data-table_processing").hide();
                                                $(".error_top").show();
                                                $(".error_top").html("");
                                                $(".error_top").append("<p>{{ trans('lang.story_error') }}</p>");
                                                window.scrollTo(0, 0);
                                            } else {
                                                database.collection('story').doc(id).set({
                                                    'createdAt': firebase.firestore.FieldValue.serverTimestamp(),
                                                    'vendorID': id,
                                                    'videoThumbnail': IMG.storyThumbnailImage,
                                                    'videoUrl': resStoryVid,
                                                }).then(function(result) {
                                                    jQuery("#data-table_processing").hide();
                                                    window.location.href = '{{ route('restaurants') }}';
                                                });
                                            }
                                        } else {
                                            jQuery("#data-table_processing").hide();
                                            window.location.href = '{{ route('restaurants') }}';
                                        }
                                    });
                                }).catch(err => {
                                    jQuery("#data-table_processing").hide();
                                    $(".error_top").show();
                                    $(".error_top").html("");
                                    $(".error_top").append("<p>" + err + "</p>");
                                    window.scrollTo(0, 0);
                                });
                            }).catch(err => {
                                jQuery("#data-table_processing").hide();
                                $(".error_top").show();
                                $(".error_top").html("");
                                $(".error_top").append("<p>" + err + "</p>");
                                window.scrollTo(0, 0);
                            });
                        }).catch(err => {
                            jQuery("#data-table_processing").hide();
                            $(".error_top").show();
                            $(".error_top").html("");
                            $(".error_top").append("<p>" + err + "</p>");
                            window.scrollTo(0, 0);
                        });
                    }).catch(err => {
                        jQuery("#data-table_processing").hide();
                        $(".error_top").show();
                        $(".error_top").html("");
                        $(".error_top").append("<p>" + err + "</p>");
                        window.scrollTo(0, 0);
                    });
                }
            })
        })

        function handleStoryFileSelect(evt) {
            var rests = ["0CwIcsoYhSxYba9DlwuE", "NjYpnm5IhQi0GeeVKXiX", "NjYpnm5IhQi0GeeVKXiX", "XrDAfl3rOWZS11lEIPkI", "a4rYm0HQHskPDGXAlWEt", "wkSUMpzIxl6KmDIKuDVQ"];
            if (jQuery.inArray(rest_id, rests) != -1) {
                alert(doNotUpdateAlert);
                return false;
            }
            var f = evt.target.files[0];
            var reader = new FileReader();
            var story_video_duration = $("#story_video_duration").val();
            var isVideo = document.getElementById('video_file');
            var videoValue = isVideo.value;
            var allowedExtensions = /(\.mp4)$/i;;
            if (!allowedExtensions.exec(videoValue)) {
                $(".error_top").show();
                $(".error_top").html("");
                $(".error_top").append("<p>{{trans('lang.invalid_video_type')}}</p>");
                window.scrollTo(0, 0);
                isVideo.value = '';
                return false;
            }
            var video = document.createElement('video');
            video.preload = 'metadata';
            video.onloadedmetadata = function() {
                window.URL.revokeObjectURL(video.src);
                if (video.duration > storevideoDuration) {
                    $(".error_top").show();
                    $(".error_top").html("");
                    $(".error_top").append("<p>{{trans('lang.story_video_duration_maximum_allow_to')}} " + storevideoDuration + " {{trans('lang.seconds')}}</p>");
                    window.scrollTo(0, 0);
                    evt.target.value = '';
                    return false;
                }
                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 filename = filename.split('.')[0] + "_" + timestamp + '.' + ext;
                        var nextCount = $("#story_vedios").children().length;
                        html = '<div class="col-md-3" id="story_div_' + nextCount + '">\n' +
                            '<div class="video-inner"><video width="320px" height="240px"\n' +
                            '                                   controls="controls">\n' +
                            '                            <source src="' + filePayload + '"\n' +
                            '            type="video/mp4"></video><span class="remove-story-video" data-id="' + nextCount + '" data-img="' + filename + '"><i class="fa fa-remove"></i></span></div></div>';
                        jQuery("#story_vedios").append(html);
                        $("#video_file").val('');
                        new_added_restaurant_story.push(theFile);
                        new_added_restaurant_story_filename.push(filename);
                    };
                })(f);
                reader.readAsDataURL(f);
            }
            video.src = URL.createObjectURL(f);
        }
        $(document).on("click", ".remove-story-video", async function() {
            var rests = ["0CwIcsoYhSxYba9DlwuE", "NjYpnm5IhQi0GeeVKXiX", "NjYpnm5IhQi0GeeVKXiX", "XrDAfl3rOWZS11lEIPkI", "a4rYm0HQHskPDGXAlWEt", "wkSUMpzIxl6KmDIKuDVQ"];
            if (jQuery.inArray(rest_id, rests) != -1) {
                alert(doNotUpdateAlert);
                return false;
            }
            var id = $(this).attr('data-id');
            var photo_remove = $(this).attr('data-img');
            var story_remove_videos = (photo_remove && /^data:video\/(mp4|webm|ogg);base64,/.test(photo_remove)) ? null : (photo_remove && /^https?:\/\/[^ "]+$/.test(photo_remove)) ? firebase.storage().refFromURL(photo_remove) : console.log("Invalid video format.");
            if (story_remove_videos) {
                story_remove_videos.getMetadata()
                    .then((metadata) => {
                        var storyBucket = story_remove_videos.bucket;
                        var envBucket = "