@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.app_setting_global')}}</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 active">{{trans('lang.app_setting_global')}}</li>

                </ol>

            </div>

        </div>



        <div class="card-body">

            <div class="error_top" style="display:none"></div>



            <div class="row vendor_payout_create">

                <div class="vendor_payout_create-inner">

                    <fieldset>

                        <legend><i class="mr-3 fa fa-facebook"></i>{{trans('lang.app_setting_global')}}</legend>



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

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

                            <div class="col-7">

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

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

                                    {{ trans("lang.app_setting_app_name_help") }}

                                </div>

                            </div>

                        </div>



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

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

                            <input type="file" class="col-7" onChange="handleFileSelect(event)">

                            <div id="uploding_image"></div>

                            <div class="logo_img_thumb"></div>

                        </div>



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

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

                            <input type="file" class="col-7" onChange="handleFileSelectplaceholder(event)">

                            <div id="uploading_placeholder"></div>

                            <div class="placeholder_img_thumb">

                            </div>

                        </div>



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

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

                            <input type="file" class="col-7" onChange="handleFileSelectProviderLogo(event)">

                            <div id="provider_uploding_image"></div>

                            <div class="provider_logo_img_thumb"></div>

                        </div>



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

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

                            <input type="file" class="col-7" onChange="handleFileSelectWorkerLogo(event)">

                            <div id="worker_uploding_image"></div>

                            <div class="worker_logo_img_thumb"></div>

                        </div>



                    </fieldset>

                    <fieldset>

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

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

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

                            <input type="color" class="ml-3" name="admin_color" id="admin_color">

                        </div>



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

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

                            <input type="color" class="ml-3" name="website_color" id="website_color">

                        </div>



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

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

                            <input type="color" class="ml-3" name="store_color" id="store_color">

                        </div>



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

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

                            <input type="color" class="ml-3" name="provider_panel_color" id="provider_panel_color">

                        </div>

                    </fieldset>

                    <fieldset>

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



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

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

                            <input type="color" class="ml-3" name="customer_app_color" id="customer_app_color">

                        </div>

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

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

                            <input type="color" class="ml-3" name="driver_app_color" id="driver_app_color">

                        </div>

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

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

                            <input type="color" class="ml-3" name="store_app_color" id="store_app_color">

                        </div>

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

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

                            <input type="color" class="ml-3" name="provider_app_color" id="provider_app_color">

                        </div>

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

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

                            <input type="color" class="ml-3" name="worker_app_color" id="worker_app_color">

                        </div>

                    </fieldset>

                    <fieldset>

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



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

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

                            <div class="col-7">

                                <input type="password" class="form-control address_line1" name="map_key"

                                       id="map_key">

                            </div>

                        </div>

                    </fieldset>

                    <fieldset>

                        <legend><i class="mr-3 fa fa-solid fa-address-book"></i>{{trans('lang.contact_us')}}</legend>



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

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

                            <div class="col-7">

                                <textarea class="form-control contact_us_address" rows="3"></textarea>

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

                                    {{ trans("lang.contact_us_address_help") }}

                                </div>

                            </div>

                        </div>



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

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

                            <div class="col-7">

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

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

                                    {{ trans("lang.contact_us_email_help") }}

                                </div>

                            </div>

                        </div>



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

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

                            <div class="col-7">

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

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

                                    {{ trans("lang.contact_us_phone_help") }}

                                </div>

                            </div>

                        </div>



                    </fieldset>

                    <fieldset>

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



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

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

                            <div class="col-7">

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

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

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

                                </select>

                            </div>

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

                                <span><strong>{{ trans('lang.note') }}:</strong>

                                    {{ trans('lang.google_map_note') }}<br>

                                    {{ trans('lang.open_street_map_note') }}<br>

                                    <strong>{{ trans('lang.recommended_note') }}</strong>

                                </span>

                            </div>

                        </div>



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

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

                            <div class="col-7">

                                <input name="radius" id="driver_location_update" class="form-control">

                            </div>

                        </div>

                    </fieldset>



                    <fieldset>

                        <legend><i class="mr-3 mdi mdi-cash-100"></i>{{trans('lang.wallet_settings')}}</legend>

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

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

                            <div class="col-7">

                                <div class="control-inner">

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

                                </div>

                            </div>

                        </div>

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

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

                            <div class="col-7">

                                <div class="control-inner">

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

                                </div>

                            </div>

                        </div>

                    </fieldset>



                    <fieldset>

                        <legend><i class="mr-3 mdi mdi-share"></i>{{trans('lang.digital_product_settings')}}</legend>

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

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

                            <div class="col-7">

                                <div class="control-inner">

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

                                </div>

                            </div>

                        </div>

                    </fieldset>



                    <fieldset>

                        <legend><i class="mr-3 mdi mdi-shopping"></i>{{trans('lang.store')}}</legend>



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

                            <div class="form-check width-100">

                                <input type="checkbox" class="form-check-inline" id="restaurant_can_upload_story">

                                <label class="col-5 control-label"

                                       for="restaurant_can_upload_story">{{ trans('lang.restaurant_can_upload_story')}}</label>

                                <input type="checkbox" class="form-check-inline" id="auto_approve_vendor">

                                <label class="col-5 control-label"

                                       for="auto_approve_vendor">{{ trans('lang.auto_approve_vendor')}}</label>



                            </div>

                        </div>

                        <div class="form-group row width-50" id="story_upload_time_div" style="display:none;">

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

                            <div class="col-7">

                                <input type="number" class="form-control" id="story_upload_time" value="30" min="0">

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

                                    {{ trans("lang.story_upload_time_help") }}

                                </div>

                            </div>

                        </div>

                    </fieldset>



                     <fieldset>

                        <legend><i class="mr-3 mdi mdi-shopping"></i>{{trans('lang.provider')}}</legend>



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

                            <div class="form-check width-100">

                              <input type="checkbox" class="form-check-inline" id="auto_approve_provider">

                                <label class="col-5 control-label"

                                       for="auto_approve_provider">{{ trans('lang.auto_approve_provider')}}</label>



                            </div>

                        </div>

                    </fieldset>



                    <fieldset>

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





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



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



                            <div class="col-7">



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



                            </div>



                        </div>



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



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



                            <div class="col-7">



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



                            </div>



                        </div>



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



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



                            <div class="col-7">



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



                            </div>



                        </div>



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



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



                            <div class="col-7">



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



                            </div>



                        </div>



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



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



                            <div class="col-7">



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



                            </div>



                        </div>



                    </fieldset>



                    <fieldset>



                        <legend><i class="mr-3 mdi mdi-comment-alert"></i>{{trans('lang.notification_setting')}}</legend>

                        <div class="form-group row width-100">
                            <label class="col-5 control-label">{{trans('lang.sender_id')}}</label>
                            <div class="col-7">
                                <input type="text" class="form-control" id="sender_id">
                            </div>
                            <div class="form-text pl-3 text-muted">
                                {{ trans("lang.notification_sender_id_help") }}
                            </div>
                        </div>
                        
                        <div class="form-group row width-100">

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

                            <input type="file" class="col-7 pb-2" onChange="handleUploadJsonFile(event)">

                            <div id="uploding_json_file"></div>

                            <div id="uploded_json_file"></div>

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

                                {{ trans("lang.notification_json_file_help") }}

                            </div>

                        </div>



                    </fieldset>



                    <fieldset>

                        <legend><i class="mr-3 fa fa-solid fa fa-android"></i>{{trans('lang.version')}}</legend>



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

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

                            <div class="col-7">

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



                            </div>

                        </div>



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

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

                            <div class="col-7">

                                <input type="text" class="form-control" id="web_version">



                            </div>

                        </div>

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

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

                            <div class="col-7">

                                <input type="text" class="form-control" id="website_url">



                            </div>

                        </div>

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

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

                            <div class="col-7">

                                <input type="text" class="form-control" id="store_url">



                            </div>

                        </div>

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

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

                            <div class="col-7">

                                <input type="text" class="form-control" id="provider_url">



                            </div>

                        </div>



                    </fieldset>



                </div>

            </div>

        </div>



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

            <button type="button" class="btn btn-primary edit-setting-btn"><i

                        class="fa fa-save"></i> {{trans('lang.save')}}</button>

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

            </a>

        </div>

    </div>



@endsection



@section('scripts')



    <script type="text/javascript">



        var database = firebase.firestore();

        var ref = database.collection('settings').doc("globalSettings");

        var mapKey = database.collection('settings').doc("googleMapKey");

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

        var contactUs = database.collection('settings').doc("ContactUs");

        var version = database.collection('settings').doc("Version");

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

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

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

        var DriverNearByRef = database.collection('settings').doc("DriverNearBy");

        var digitalProductRef = database.collection('settings').doc("digitalProduct");

        var refCurrency = database.collection('currencies').where('isActive', '==', true);

        var refEmailSetting = database.collection('settings').doc("emailSetting");

        var refNotificationSetting = database.collection('settings').doc("notification_setting");



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

            var currencyData = snapshots.docs[0].data();

            $(".currentCurrency").text(currencyData.symbol);

        });



        var photo = "";

        var placeholderphoto = '';

        var providerLogo='';

        var workerLogo='';

        var serviceJsonFile = '';
        $(document).ready(function () {



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



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

                var globalSettings = snapshots.data();

                if (globalSettings == undefined) {

                    database.collection('settings').doc('globalSettings').set({});

                }

                try {

                    $(".application_name").val(globalSettings.applicationName);

                    $("#website_color").val(globalSettings.website_color);

                    $("#admin_color").val(globalSettings.admin_panel_color);

                    $("#store_color").val(globalSettings.store_panel_color);

                    $("#customer_app_color").val(globalSettings.app_customer_color);

                    $("#driver_app_color").val(globalSettings.app_driver_color);

                    $("#store_app_color").val(globalSettings.app_store_color);

                    $("#provider_app_color").val(globalSettings.provider_app_color);

                    $("#worker_app_color").val(globalSettings.worker_app_color);

                    $("#provider_panel_color").val(globalSettings.provider_panel_color);



                    photo = globalSettings.appLogo;

                    $(".logo_img_thumb").append('<img class="rounded" style="width:50px" src="' + photo + '" onerror="this.onerror=null;this.src=\'' + placeholderphoto + '\'" alt="image">');

                    providerLogo = globalSettings.providerLogo;

                    $(".provider_logo_img_thumb").html('<img class="rounded" style="width:100px;padding:15px" src="' + providerLogo + '" onerror="this.onerror=null;this.src=\'' + placeholderphoto + '\'" alt="image">');

                    workerLogo = globalSettings.workerLogo;

                    $(".worker_logo_img_thumb").html('<img class="rounded" style="width:100px;padding:15px" src="' + workerLogo + '" onerror="this.onerror=null;this.src=\'' + placeholderphoto + '\'" alt="image">');



                } catch (error) {



                }



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



            })



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

                var placeholderImage = snapshots.data();

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

                placeholderphoto = placeholderImage.image;

                $(".placeholder_img_thumb").append('<img class="rounded" style="width:50px" src="' + placeholderphoto + '" alt="image">');

            })



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

                var contactUsData = snapshots.data();



                if (contactUsData == undefined) {

                    database.collection('settings').doc('ContactUs').set({});

                }



                try {

                    $('.contact_us_address').val(contactUsData.Address);

                    $('.contact_us_email').val(contactUsData.Email);

                    $('.contact_us_phone').val(contactUsData.Phone);



                } catch (error) {



                }

            })



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

                var vendorData = snapshots.data();

                if (vendorData == undefined) {

                    database.collection('settings').doc('vendor').set({});

                }

                try {

                    if (vendorData.auto_approve_vendor) {

                        $("#auto_approve_vendor").prop('checked', true);

                    }

                } catch (error) {



                }

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

            })



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

                var providerData = snapshots.data();

                if (providerData == undefined) {

                    database.collection('settings').doc('provider').set({});

                }

                try {

                    if (providerData.auto_approve_provider) {

                        $("#auto_approve_provider").prop('checked', true);

                    }

                } catch (error) {



                }

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

            })



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

                var story_data = snapshots.data();



                if (story_data == undefined) {

                    database.collection('settings').doc('story').set({});

                }

                try {

                    if (story_data.isEnabled) {

                        $("#restaurant_can_upload_story").prop('checked', true);

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

                    }

                    $("#story_upload_time").val(story_data.videoDuration);

                } catch (error) {



                }

            });



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

                var version_data = snapshots.data();



                if (version_data == undefined) {

                    database.collection('settings').doc('Version').set({});

                }

                try {

                    $('.app_version').val(version_data.app_version);

                    $('#web_version').val(version_data.web_version);

                    $('#store_url').val(version_data.storeUrl);

                    $('#website_url').val(version_data.websiteUrl);

                    $('#provider_url').val(version_data.providerUrl);



                } catch (error) {



                }



            });



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

                var key = snapshots.data();



                if (key == undefined) {

                    database.collection('settings').doc('googleMapKey').set({});

                }

                try {



                    $('#map_key').val(key.key);



                } catch (error) {



                }



            });



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



                var DriverNearData = snapshots.data();



                if (DriverNearData == undefined) {

                    database.collection('settings').doc('DriverNearBy').set({});

                }



                try {

                    $(".minimum_deposit_amount").val(DriverNearData.minimumDepositToRideAccept);

                    $(".minimum_withdrawal_amount").val(DriverNearData.minimumAmountToWithdrawal);



                    if (DriverNearData.selectedMapType) {

                        $('#selectedMapType').val(DriverNearData.selectedMapType).trigger('change');

                    }

                    if (DriverNearData.driverLocationUpdate) {

                        $('#driver_location_update').val(DriverNearData.driverLocationUpdate);

                    }

                } catch (error) {



                }



            })



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

                var digitalProductData = snapshots.data();

                if (digitalProductData == undefined) {

                    database.collection('settings').doc('digitalProduct').set({});

                }

                try {

                    $(".fileSize").val(digitalProductData.fileSize);



                } catch (error) {

                }

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

            });



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

                var emailSettingData = snapshots.data();



                if (emailSettingData == undefined) {

                    database.collection('settings').doc('emailSetting').set({});

                }



                try {



                    if (emailSettingData.fromName) {

                        $('.from_name').val(emailSettingData.fromName);



                    }

                    if (emailSettingData.host) {

                        $('.host').val(emailSettingData.host);



                    }



                    if (emailSettingData.port) {

                        $('.port').val(emailSettingData.port);



                    }



                    if (emailSettingData.userName) {

                        $('.user_name').val(emailSettingData.userName);



                    }

                    if (emailSettingData.password) {

                        $('.password').val(emailSettingData.password);



                    }



                } catch (error) {



                }



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



            });



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

                var notificationData = snapshots.data();

                if(notificationData.senderId != '' && notificationData.senderId != null){

                    $('#sender_id').val(notificationData.senderId);

                }

                if(notificationData.serviceJson != '' && notificationData.serviceJson != null){

                    $('#uploded_json_file').html("<a href='"+notificationData.serviceJson+"' class='btn-link pl-3' target='_blank'>See Uploaded File</a>");

                    serviceJsonFile = notificationData.serviceJson;

                }

            });



            $(".edit-setting-btn").click(function () {



                var website_color = $("#website_color").val();

                var admin_color = $("#admin_color").val();

                var store_color = $("#store_color").val();

                var googleApiKey = $("#map_key").val();

                var contact_us_address = $('.contact_us_address').val();

                var contact_us_email = $('.contact_us_email').val();

                var contact_us_phone = $('.contact_us_phone').val();

                var app_version = $('.app_version').val();

                var web_version = $('#web_version').val();

                var website_url = $('#website_url').val();

                var store_url = $('#store_url').val();

                var provider_url = $('#provider_url').val();

                var auto_approve_vendor = $("#auto_approve_vendor").is(":checked");

                var auto_approve_provider = $("#auto_approve_provider").is(":checked");

                var restaurant_can_upload_story = $("#restaurant_can_upload_story").is(":checked");

                var story_upload_time = parseInt($('#story_upload_time').val());

                var minimumDepositToRideAccept = $(".minimum_deposit_amount").val();

                var minimumAmountToWithdrawal = $(".minimum_withdrawal_amount").val();

                var fileSize = $(".fileSize").val();

                var fromName = $('.from_name').val();

                var host = $('.host').val();

                var port = $('.port').val();

                var userName = $('.user_name').val();

                var password = $('.password').val();

                var customer_app_color = $("#customer_app_color").val();

                var driver_app_color = $("#driver_app_color").val();

                var store_app_color = $("#store_app_color").val();

                var provider_app_color = $("#provider_app_color").val();

                var worker_app_color = $("#worker_app_color").val();

                var provider_panel_color = $("#provider_panel_color").val();

                var senderId = $("#sender_id").val();



                if (admin_color != null) {

                    setCookie('admin_panel_color', admin_color, 365);

                }



                var applicationName = $(".application_name").val();

                var selectedMapType = $("#selectedMapType").val();

                var driver_location_update = $('#driver_location_update').val();



                if (applicationName == '') {

                    alert("Please enter application name");

                } else if (minimumDepositToRideAccept == '') {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.enter_minimum_deposit_amount_error')}}</p>");

                    window.scrollTo(0, 0);

                } else if (minimumAmountToWithdrawal == '') {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.enter_minimum_withdrawal_amount_error')}}</p>");

                    window.scrollTo(0, 0);

                } else if (fileSize == '') {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.enter_digital_product_filesize_error')}}</p>");

                    window.scrollTo(0, 0);

                    window.scrollTo(0, 0);

                } else if (host == "") {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.host_error')}}</p>");

                    window.scrollTo(0, 0);

                } else if (port == "") {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.port_error')}}</p>");

                    window.scrollTo(0, 0);

                } else if (userName == "") {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.username_error')}}</p>");

                    window.scrollTo(0, 0);

                } else if (password == "") {

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.password_error')}}</p>");

                    window.scrollTo(0, 0);

                }else if(senderId == ''){

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.notification_sender_id_error')}}</p>");

                    window.scrollTo(0, 0);

                }else if(serviceJsonFile == ''){

                    $(".error_top").show();

                    $(".error_top").html("");

                    $(".error_top").append("<p>{{trans('lang.notification_service_json_error')}}</p>");

                    window.scrollTo(0, 0);

                } else {



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



                    database.collection('settings').doc("globalSettings").update({

                        'website_color': website_color,

                        'admin_panel_color': admin_color,

                        'store_panel_color': store_color,

                        'applicationName': applicationName,

                        'appLogo': photo,

                        'app_customer_color': customer_app_color,

                        'app_driver_color': driver_app_color,

                        'app_store_color': store_app_color,

                        'provider_app_color': provider_app_color,

                        'worker_app_color': worker_app_color,

                        'provider_panel_color': provider_panel_color,

                        'workerLogo':workerLogo,

                        'providerLogo':providerLogo

                    });



                    database.collection('settings').doc('placeHolderImage').update({

                        'image': placeholderphoto

                    });



                    database.collection('settings').doc("ContactUs").update({

                        'Address': contact_us_address,

                        'Email': contact_us_email,

                        'Phone': contact_us_phone

                    });



                    database.collection('settings').doc("vendor").update({

                        'auto_approve_vendor': auto_approve_vendor,

                    });



                    database.collection('settings').doc("provider").update({

                        'auto_approve_provider': auto_approve_provider,

                    });



                    database.collection('settings').doc("story").update({

                        'isEnabled': restaurant_can_upload_story,

                        'videoDuration': story_upload_time,

                    });



                    database.collection('settings').doc("Version").update({

                        'app_version': app_version,

                        'web_version': web_version,

                        'websiteUrl': website_url,

                        'storeUrl': store_url,

                        'providerUrl': provider_url,

                    });



                    database.collection('settings').doc("googleMapKey").update({

                        'key': googleApiKey,

                    });



                    database.collection('settings').doc("DriverNearBy").update({

                        'minimumDepositToRideAccept': minimumDepositToRideAccept,

                        'minimumAmountToWithdrawal': minimumAmountToWithdrawal,

                        'selectedMapType':selectedMapType,

                        'driverLocationUpdate': driver_location_update,

                    });



                    database.collection('settings').doc("digitalProduct").update({

                        'fileSize': fileSize,

                    });



                    database.collection('settings').doc("notification_setting").update({

                        'senderId': senderId,

                        'serviceJson': serviceJsonFile,

                    });



                    database.collection('settings').doc("emailSetting").update({

                        'fromName': fromName,

                        'host': host,

                        'port': port,

                        'userName': userName,

                        'password': password,

                        'mailMethod': "smtp",

                        'mailEncryptionType': "ssl",

                    }).then(function (result) {

                        window.location.href = '{{ url("settings/app/globals")}}';

                    });

                }

            })

        })

        $("#restaurant_can_upload_story").click(function () {

            if ($(this).is(':checked')) {

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

            } else {

                $("#story_upload_time_div").hide();

            }

        });



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



        function handleFileSelect(evt) {



            var f = evt.target.files[0];

            var reader = new FileReader();



            reader.onload = (function (theFile) {

                return function (e) {



                    var filePayload = e.target.result;

                    var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));

                    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 uploadTask = storageRef.child(filename).put(theFile);

                    uploadTask.on('state_changed', function (snapshot) {

                        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

                        jQuery("#uploding_image").text("Image is uploading...");



                    }, function (error) {



                    }, function () {

                        uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {



                            jQuery("#uploding_image").text("Upload is completed");

                            photo = downloadURL;



                        });

                    });



                };

            })(f);

            reader.readAsDataURL(f);

        }





        function handleFileSelectplaceholder(evt) {



            var f = evt.target.files[0];

            var reader = new FileReader();



            reader.onload = (function (theFile) {

                return function (e) {



                    var filePayload = e.target.result;

                    var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));

                    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 uploadTask = storageRef.child(filename).put(theFile);



                    uploadTask.on('state_changed', function (snapshot) {

                        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

                        console.log('Upload is ' + progress + '% done');

                        jQuery("#uploading_placeholder").text("Image is uploading...");



                    }, function (error) {



                    }, function () {

                        uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {



                            jQuery("#uploading_placeholder").text("Upload is completed");

                            placeholderphoto = downloadURL;



                        });

                    });



                };

            })(f);

            reader.readAsDataURL(f);

        }

        function handleFileSelectProviderLogo(evt) {



            var f = evt.target.files[0];

            var reader = new FileReader();



            reader.onload = (function (theFile) {

                return function (e) {



                    var filePayload = e.target.result;

                    var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));

                    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 uploadTask = storageRef.child(filename).put(theFile);

                    uploadTask.on('state_changed', function (snapshot) {

                        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

                        jQuery("#provider_uploding_image").text("Image is uploading...");



                    }, function (error) {



                    }, function () {

                        uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {

                            jQuery("#provider_uploding_image").text("Upload is completed");



                            providerLogo = downloadURL;

                            $(".provider_logo_img_thumb").html('<img class="rounded" style="width:100px;padding:15px" src="' + providerLogo + '" onerror="this.onerror=null;this.src=\'' + placeholderphoto + '\'" alt="image">');



                        });

                    });



                };

            })(f);

            reader.readAsDataURL(f);

        }

        function handleFileSelectWorkerLogo(evt) {



            var f = evt.target.files[0];

            var reader = new FileReader();



            reader.onload = (function (theFile) {

                return function (e) {



                    var filePayload = e.target.result;

                    var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));

                    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 uploadTask = storageRef.child(filename).put(theFile);

                    uploadTask.on('state_changed', function (snapshot) {

                        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

                        jQuery("#worker_uploding_image").text("Image is uploading...");



                    }, function (error) {



                    }, function () {

                        uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {

                            jQuery("#worker_uploding_image").text("Upload is completed");



                            workerLogo = downloadURL;

                            $(".worker_logo_img_thumb").html('<img class="rounded" style="width:100px;padding:15px" src="' + workerLogo + '" onerror="this.onerror=null;this.src=\'' + placeholderphoto + '\'" alt="image">');





                        });

                    });



                };

            })(f);

            reader.readAsDataURL(f);

        }



        function handleUploadJsonFile(evt) {



            var f = evt.target.files[0];

            var reader = new FileReader();



            reader.onload = (function (theFile) {

                return function (e) {



                    var filePayload = e.target.result;

                    var hash = CryptoJS.SHA256(Math.random() + CryptoJS.SHA256(filePayload));

                    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 uploadTask = firebase.storage().ref('/').child(filename).put(theFile);

                    uploadTask.on('state_changed', function (snapshot) {

                        var progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;

                        jQuery("#uploding_json_file").text("File is uploading...");

                    }, function (error) {

                    }, function () {

                        uploadTask.snapshot.ref.getDownloadURL().then(function (downloadURL) {

                            jQuery("#uploding_json_file").text("Upload is completed");

                            serviceJsonFile = downloadURL;

                            setTimeout(function(){

                                jQuery("#uploding_json_file").hide();

                            },3000);

                        });

                    });

                };

            })(f);

            reader.readAsDataURL(f);

        }



    </script>



@endsection