@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 headerText"></h3>

            </div>

            <div class="col-md-7 align-self-center">

                <ol class="breadcrumb">

                    <li class="breadcrumb-item"><a href="{!! route('dashboard') !!}">{{ trans('lang.dashboard') }}</a>

                    </li>

                    <li class="breadcrumb-item active headerRedirectionText"></li>

                </ol>

            </div>

        </div>

        <div class="container-fluid">

            <div class="row">

                <div class="col-12">

                    <div class="resttab-sec">

                        <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">{{ trans('lang.processing') }}

                        </div>

                        <div class="error_top"></div>

                        <div class="row vendor_payout_create">

                            <div class="vendor_payout_create-inner">

                                <fieldset class="profile_fieldset" style="display:none">

                                    <legend>{{ trans('lang.admin_area') }}</legend>

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

                                        <label class="col-3 control-label">{{ trans('lang.first_name') }}</label>

                                        <div class="col-7">

                                            <input type="text" class="form-control user_first_name" required onkeypress="return chkAlphabets(event,'error1')">

                                            <div id="error1" class="err"></div>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.user_first_name_help') }}

                                            </div>

                                        </div>

                                    </div>

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

                                        <label class="col-3 control-label">{{ trans('lang.last_name') }}</label>

                                        <div class="col-7">

                                            <input type="text" class="form-control user_last_name" onkeypress="return chkAlphabets(event,'error2')">

                                            <div id="error2" class="err"></div>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.user_last_name_help') }}

                                            </div>

                                        </div>

                                    </div>

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

                                        <label class="col-3 control-label">{{ trans('lang.email') }}</label>

                                        <div class="col-7">

                                            <input type="email" class="form-control user_email" required>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.user_email_help') }}

                                            </div>

                                        </div>

                                    </div>

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

                                        <label class="col-3 control-label">{{ trans('lang.user_phone') }}</label>

                                        <div class="col-7">

                                            <input type="text" class="form-control user_phone" onkeypress="return chkAlphabets2(event,'error3')" readonly>

                                            <div id="error3" class="err"></div>

                                            <div class="form-text text-muted w-50">

                                                {{ trans('lang.user_phone_help') }}

                                            </div>

                                        </div>

                                    </div>

                                    <div class="form-group row">

                                        <label class="col-3 control-label">{{ trans('lang.user_profile_picture') }}</label>

                                        <div class="col-9">

                                            <input type="file" onChange="handleFileSelectowner(event,'vendor')">

                                            <div id="uploding_image_owner"></div>

                                            <div class="uploaded_image_owner" style="display:none;">

                                                <!-- <img id="uploaded_image_owner" src="" width="150px" height="150px;"> -->

                                            </div>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.vendor_image_help') }}

                                            </div>

                                        </div>

                                    </div>

                                </fieldset>

                                <fieldset class="profile_fieldset" style="display:none">

                                    <legend>{{ trans('lang.password') }}</legend>

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

                                        <label class="col-3 control-label">{{ trans('lang.old_password') }}</label>

                                        <div class="col-7">

                                            <input type="password" class="form-control user_old_password" required>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.user_password_help') }}

                                            </div>

                                        </div>

                                    </div>

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

                                        <label class="col-3 control-label">{{ trans('lang.new_password') }}</label>

                                        <div class="col-7">

                                            <input type="password" class="form-control user_new_password" required>

                                            <div class="form-text text-muted">

                                                {{ trans('lang.user_password_help') }}

                                            </div>

                                        </div>

                                    </div>

                                    <div class="form-group col-12 text-center">

                                        <button type="button" class="btn btn-primary  change_user_password"><i class="fa fa-save"></i>{{ trans('lang.change_password') }}

                                        </button>

                                    </div>

                                </fieldset>

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

                                    <fieldset>

                                        <legend>{{ trans('lang.vendor_details') }}</legend>

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

                                            <label class="col-3 control-label">{{ trans('lang.vendor_name') }}</label>

                                            <div class="col-7">

                                                <input type="text" class="form-control vendor_name">

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_name_help') }}

                                                </div>

                                            </div>

                                        </div>

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

                                            <label class="col-3 control-label">{{ trans('lang.wallet_amount') }}</label>

                                            <h5 class="col-3 control-label text-primary user_wallet"><a href="#"></a></h5>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label ">{{ trans('lang.select_section') }}</label>

                                            <div class="col-9">

                                                <select name="section_id" id="section_id" class="form-control">

                                                    <option value="">{{ trans('lang.select') }}</option>

                                                </select>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label">{{ trans('lang.category_plural') }}</label>

                                            <div class="col-9">

                                                <select id='vendor_cuisines' class="form-control">

                                                    <option value="">Select Category</option>

                                                </select>

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_category_help') }}

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label">{{ trans('lang.vendor_phone') }}</label>

                                            <div class="col-9">

                                                <input type="text" class="form-control vendor_phone" onkeypress="return chkAlphabets2(event,'error4')">

                                                <div id="error4" class="err"></div>

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_phone_help') }}

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label">{{ trans('lang.vendor_address') }}</label>

                                            <div class="col-9">

                                                <input type="text" class="form-control vendor_address">

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_address_help') }}

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <div class="col-9">

                                                <h6>{{ trans('lang.cordinates') }} <a target="_blank" href="https://www.latlong.net/"></a>{{ trans('lang.lat_long') }}

                                                </h6>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label">{{ trans('lang.vendor_latitude') }}</label>

                                            <div class="col-9">

                                                <input type="text" class="form-control vendor_latitude">

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_latitude_help') }}

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label">{{ trans('lang.vendor_longitude') }}</label>

                                            <div class="col-9">

                                                <input type="text" class="form-control vendor_longitude">

                                                <div class="form-text text-muted">

                                                    {{ trans('lang.vendor_longitude_help') }}

                                                </div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <label class="col-3 control-label ">{{ trans('lang.vendor_description') }}</label>

                                            <div class="col-7">

                                                <textarea rows="7" class="vendor_description form-control" id="vendor_description"></textarea>

                                            </div>

                                        </div>

                                    </fieldset>

                                    <fieldset style="display:none;" id="showhidedinein">

                                        <legend>{{ trans('lang.dine-in-feature') }}</legend>

                                        <div class="form-group row">

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

                                                <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.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.cost') }}</label>

                                                    <div class="col-7">

                                                        <input type="number" class="form-control vendor_cost">

                                                    </div>

                                                </div>

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

                                                    <label class="col-3 control-label">{{ trans('lang.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>

                                        <legend>{{ trans('lang.gallery') }}</legend>

                                        <div class="form-group row width-50 vendor_image">

                                            <div class="">

                                                <div id="photos"></div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <div>

                                                <input type="file" onChange="handleFileSelect(event,'photos')">

                                                <div id="uploding_image_photos"></div>

                                            </div>

                                        </div>

                                    </fieldset>

                                    <fieldset id="working_hour_section">

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

                                                    <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_discount_options_Sunday_div restaurant_discount" 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">

                                                    <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_discount_options_Monday_div restaurant_discount" 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">

                                                    <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_discount_options_Tuesday_div restaurant_discount" 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">

                                                    <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_discount_options_Wednesday_div restaurant_discount" 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">

                                                    <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_discount_options_Thursday_div restaurant_discount" 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">

                                                    <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_discount_options_Friday_div restaurant_discount" 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">

                                                    <label class="col-1 control-label">{{ trans('lang.satuarday') }}</label>

                                                    <div class="col-12">

                                                        <button type="button" class="btn btn-primary" onclick="addMorehour('Satuarday','satuarday','1')">

                                                            {{ trans('lang.add_more') }}

                                                        </button>

                                                    </div>

                                                </div>

                                                <div class="restaurant_discount_options_Satuarday_div restaurant_discount" style="display:none">

                                                    <table class="booking-table" id="working_hour_table_Satuarday">

                                                        <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 id="delivery_charges_div">

                                        <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_km') }}</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_km') }}</label>

                                                <div class="col-7">

                                                    <input type="number" class="form-control" id="minimum_delivery_charges_within_km">

                                                </div>

                                            </div>

                                        </div>

                                    </fieldset>

                                    <fieldset>

                                        <legend>{{ trans('lang.bankdetails') }}</legend>

                                        <div class="form-group row">

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

                                                <label class="col-4 control-label">{{ trans('lang.bank_name') }}</label>

                                                <div class="col-7">

                                                    <input type="text" name="bank_name" class="form-control" id="bankName">

                                                </div>

                                            </div>

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

                                                <label class="col-4 control-label">{{ trans('lang.branch_name') }}</label>

                                                <div class="col-7">

                                                    <input type="text" name="branch_name" class="form-control" id="branchName">

                                                </div>

                                            </div>

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

                                                <label class="col-4 control-label">{{ trans('lang.holder_name') }}</label>

                                                <div class="col-7">

                                                    <input type="text" name="holer_name" class="form-control" id="holderName">

                                                </div>

                                            </div>

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

                                                <label class="col-4 control-label">{{ trans('lang.account_number') }}</label>

                                                <div class="col-7">

                                                    <input type="text" name="account_number" class="form-control" id="accountNumber" onkeypress="return chkAlphabets2(event,'error5')">

                                                    <div id="error5" class="err"></div>

                                                </div>

                                            </div>

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

                                                <label class="col-4 control-label">{{ trans('lang.other_information') }}</label>

                                                <div class="col-7">

                                                    <input type="text" name="other_information" class="form-control" id="otherDetails">

                                                </div>

                                            </div>

                                        </div>

                                    </fieldset>

                                    <fieldset id="story_upload_div" style="display: none;">

                                        <legend>Story</legend>

                                        <div class="form-group row vendor_image">

                                            <label class="col-3 control-label">Choose humbling GIF/Image</label>

                                            <div class="">

                                                <div id="story_thumbnail"></div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <div class="col-md-12">

                                                <input type="file" id="file" onChange="handleStoryThumbnailFileSelect(event)">

                                                <div id="uploding_story_thumbnail"></div>

                                            </div>

                                        </div>

                                        <div class="form-group row vendor_image">

                                            <label class="col-3 control-label">Select Story Video</label>

                                            <div class="col-md-12">

                                                <div id="story_vedios" class="row"></div>

                                            </div>

                                        </div>

                                        <div class="form-group row">

                                            <div class="col-md-12">

                                                <input type="file" id="video_file" onChange="handleStoryFileSelect(event)">

                                                <div id="uploding_story_video"></div>

                                            </div>

                                        </div>

                                    </fieldset>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

            <div class="form-group col-12 text-center btm-btn">

                <button type="button" class="btn btn-primary  save_vendor_btn"><i class="fa fa-save"></i>

                    {{ trans('lang.save') }}

                </button>

                <a href="{!! route('dashboard') !!}" class="btn btn-default"><i class="fa fa-undo"></i>{{ trans('lang.cancel') }}</a>

            </div>

        </div>

    </div>

    </div>

    <div class="dataTables_paginate paging_simple_numbers" id="data-table_paginate">
        <ul class="pagination">
            <li class="paginate_button previous" id="users-table_previous">

                <a href="javascript:void(0);" id="users_table_previous_btn" onclick="prev()" aria-controls="users-table" data-dt-idx="0" tabindex="0">Previous</a>
            </li>
            <li class="paginate_button">

                <a href="javascript:void(0);" id="users_table_next_btn" onclick="next()" aria-controls="users-table" data-dt-idx="2" tabindex="0">Next</a>
            </li>
        </ul>
    </div>

    </div>
@endsection

@section('scripts')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>

    <script>
        var database = firebase.firestore();

        var geoFirestore = new GeoFirestore(database);

        var photo = "";

        var restaurnt_photos = "";

        var vendorOwnerId = "";

        var vendorOwnerOnline = false;

        var photocount = 0;

        var ownerId = '';

        var vendorUserId = "";

        var id = '';

        var vendorOwnerPhoto = '';

        var menuPhotoCount = 0;

        var vendorMenuPhotos = "";

        var placeholderImage = '';

        var ref_sections = database.collection('sections');

        var commissionObj = '';

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

        var ref_deliverycharge = database.collection('settings').doc("DeliveryCharge");

        var deliveryChargeFlag = false;

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

        var storage = firebase.storage();

        var subscriptionData = null;

        var workingHours = [];

        var timeslotworkSunday = [];

        var timeslotworkMonday = [];

        var timeslotworkTuesday = [];

        var timeslotworkWednesday = [];

        var timeslotworkFriday = [];

        var timeslotworkSatuarday = [];

        var timeslotworkThursday = [];



        var ownerPhoto = '';

        var ownerFileName = '';

        var ownerOldImageFile = '';



        var vendor_photos = [];

        var new_added_vendor_photos_filename = [];

        var new_added_vendor_photos = [];

        var galleryImageToDelete = [];



        var vendor_menu_photos = [];

        var new_added_vendor_menu_filename = [];

        var new_added_vendor_menu = [];

        var menuImageToDelete = [];



        var storevideoDuration = 0;

        var story_vedios = [];

        var story_thumbnail = '';

        var story_thumbnail_filename = '';

        var story_thumbnail_oldfile = '';

        var story_isEnabled = false;

        var storyCount = 0;

        var storyRef = firebase.storage().ref('Story');

        var storyImagesRef = firebase.storage().ref('Story/images');

        var isStory = database.collection('settings').doc('story');

        isStory.get().then(async function(snapshots) {

            var story_data = snapshots.data();

            if (story_data.isEnabled) {

                story_isEnabled = true;

            }

            storevideoDuration = story_data.videoDuration;

        });

        var section_data = [];

        var is_dine_in_active = false;

        placeholder.get().then(async function(snapshotsimage) {

            var placeholderImageData = snapshotsimage.data();

            placeholderImage = placeholderImageData.image;

        })



        $(document).ready(function() {

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