@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="container-fluid">
        <div class="card">
    <div class="card-body">
        <div id="data-table_processing" class="dataTables_processing panel panel-default" style="display: none;">{{trans('lang.processing')}}</div>
        <div class="error_top" style="display:none"></div>

        <div class="row restaurant_payout_create">

            <div class="restaurant_payout_create-inner">

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

                    <div class="form-group row width-100">
                        <label class="col-3 control-label">{{trans('lang.app_version')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="text" class="form-control" name="app_version" id="app_version">
                        </div>
                    </div>

                    <div class="form-group row width-50">
                        <label class="col-3 control-label">{{trans('lang.app_logo')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="file" onChange="handleLogoFileSelect(event)" class="form-control image" id="appLogo">
                            <div class="placeholder_img_thumb app_logo_image"></div>
                        </div>
                    </div>

                    <div class="form-group row width-50">
                        <label class="col-3 control-label">{{trans('lang.app_favicon_logo')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="file" onChange="handleFavIconFileSelect(event)" class="form-control image" id="faviconLogo">
                            <div class="placeholder_img_thumb app_favicon_logo_image"></div>
                        </div>
                    </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" name="map_key" id="map_key">
                        </div>
                    </div>
                   
                </fieldset>
                <fieldset>
                    <legend>{{trans('lang.document_verification_setting')}}</legend>
                
                    <div class="form-group row width-100">
                        <div class="form-check width-100">
                        <div class="col-7">
                            <input type="checkbox" class="form-check-inline"  id="document_verification">
                            <label class="col-3 control-label" for="document_verification">{{trans('lang.enable_document_verification')}}</label>

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

                <fieldset>
                    <legend>{{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>{{trans('lang.referral_settings')}}</legend>
                    <div class="form-group row width-100">
                        <label class="col-4 control-label">{{ trans('lang.referral_amount')}}</label>
                        <div class="col-7">
                            <div class="control-inner">
                                <input type="number" class="form-control referral_amount">
                                <span class="currentCurrency"></span>
                                <div class="form-text text-muted">
                                    {{ trans("lang.referral_amount_help") }}
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset>
                    <legend>{{trans('lang.delivery_distance')}}</legend>
                    <div class="form-group row width-100">
                    <label class="col-4 control-label">{{trans('lang.distance')}}</label>
                    <div class="col-7">
                        <select name="delivery_distance" id="delivery_distance" class="form-control">
                            <option value="Km">{{trans('lang.km')}}</option>
                            <option value="Miles">{{trans('lang.miles')}}</option>

                        </select>
                    </div>
                    </div>
                    <div class="form-group row width-100">
                    <label class="col-4 control-label">{{trans('lang.radius')}}</label>
                    <div class="col-7">
                        <input name="radius" id="radius" class="form-control">
                    </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.select_map_type')}}</label>
                        <div class="col-7">
                            <select name="map_type" id="map_type" class="form-control map_type">
                                <option value="">{{trans("lang.select_type")}}</option>
                                <option value="google">{{trans("lang.google_map")}}</option>
                                <option value="googleGo">{{trans("lang.google_go_map")}}</option>
                                <option value="waze">{{trans("lang.waze_map")}}</option>
                                <option value="mapswithme">{{trans("lang.mapswithme_map")}}</option>
                                <option value="yandexNavi">{{trans("lang.vandexnavi_map")}}</option>
                                <option value="yandexMaps">{{trans("lang.vandex_map")}}</option>
                                <option value="inappmap">{{trans("lang.inapp_map")}}</option>
                            </select>
                        </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>{{trans('lang.contact_us')}}</legend>
                    <div class="form-group row width-100">
                        <label class="col-3 control-label">{{trans('lang.email_subject')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="text" class="form-control" name="contact_us_subject" id="contact_us_subject">
                        </div>
                    </div>
                    <div class="form-group row width-50">
                        <label class="col-4 control-label">{{trans('lang.email')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="text" name="contact_us_email" id="contact_us_email" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row width-50">
                        <label class="col-4 control-label">{{trans('lang.contact_us_phone')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="text" name="contact_us_phone_number" id="contact_us_phone_number" class="form-control">
                        </div>
                    </div>
                    <div class="form-group row width-100">
                        <label class="col-4 control-label">{{trans('lang.address')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <textarea name="contact_us_address" id="contact_us_address" class="form-control"></textarea>
                        </div>
                    </div>

                     <div class="form-group row width-100">
                        <label class="col-4 control-label">{{trans('lang.support_url')}}<span class="required-field"></span></label>
                        <div class="col-7">
                            <input type="text" name="support_url" id="support_url" class="form-control">
                        </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>

            </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>
</div>
</div>

@endsection

@section('scripts')

<script>
    var app_logo_image = '';
    var app_favicon_logo_image = '';
    var appLogoImagePath = '';
    var appFavIconImagePath = '';
    var logoFileName = '';
    var favIconFileName = '';
    var serviceJsonFile = '';
    var storageRef = firebase.storage().ref('images');
    var storage = firebase.storage();

    var database = firebase.firestore();
    var globalKey = database.collection('settings').doc("globalKey");
    var referralAmountRef = database.collection('settings').doc("referral");
    var globalValue = database.collection('settings').doc("globalValue");
    var contactUsRef = database.collection('settings').doc("contact_us");
    var logoRef = database.collection('settings').doc("logo");
    var refNotificationSetting = database.collection('settings').doc("notification_setting");
                
    // var numberSetting = database.collection('settings').doc("numberSetting");
    var global = database.collection('settings').doc("global");
    var refCurrency = database.collection('currency').where('enable', '==', true);
    refCurrency.get().then(async function(snapshots) {
        var currencyData = snapshots.docs[0].data();
        $(".currentCurrency").text(currencyData.symbol);
    });
    $(document).ready(function() {

        jQuery("#overlay").show();

        globalKey.get().then(async function(snapshots) {
            var globalKeyData = snapshots.data();

            try {
                if (globalKeyData.googleMapKey) {
                    $("#map_key").val(globalKeyData.googleMapKey);
                }
               
            } catch (error) {

            }
        })

        global.get().then(async function(snapshots) {
            var globalSetting = snapshots.data();
            if (globalSetting.appVersion) {
                $("#app_version").val(globalSetting.appVersion);
            }
            jQuery("#overlay").hide();
        })

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

            var referralAmountData = snapshots.data();

            if (referralAmountData == undefined) {
                database.collection('settings').doc('referral').set({});
            }

            try {
                $(".referral_amount").val(referralAmountData.referralAmount);

            } catch (error) {

            }

            jQuery("#overlay").hide();
        })

        globalValue.get().then( async function(snapshots){
            var globalValueSettings = snapshots.data();
            
            if(globalValueSettings == undefined){
                database.collection('settings').doc('globalValue').set({});
            }else{

              if(globalValueSettings.distanceType){
                $("#delivery_distance").val(globalValueSettings.distanceType);
              }
              if(globalValueSettings.radius){
                $('#radius').val(globalValueSettings.radius);
              }
              if (globalValueSettings.minimumDepositToRideAccept) {
                    $(".minimum_deposit_amount").val(globalValueSettings.minimumDepositToRideAccept);    
                }
                if (globalValueSettings.minimumAmountToWithdrawal) {
                    $(".minimum_withdrawal_amount").val(globalValueSettings.minimumAmountToWithdrawal);
                }

                if (globalValueSettings.mapType) {
                    $('#map_type').val(globalValueSettings.mapType).trigger('change');
                }
                console.log(globalValueSettings.selectedMapType);
                if (globalValueSettings.selectedMapType) {
                    $('#selectedMapType').val(globalValueSettings.selectedMapType).trigger('change');
                }
                
                if (globalValueSettings.driverLocationUpdate) {
                    $('#driver_location_update').val(globalValueSettings.driverLocationUpdate);
                }
                if(globalValueSettings.isVerifyDocument) {
                    $('#document_verification').prop('checked',true);
                }
                
            }
            jQuery("#overlay").hide();
        })
        contactUsRef.get().then(async function(contactusSnap) {
            var contactData = contactusSnap.data();
            $("#contact_us_subject").val(contactData.subject);
            $("#contact_us_email").val(shortEmail(contactData.email));
            if(contactData.phone.includes('+')){
                contactData.phone = contactData.phone.slice(1);
            }
            else
            {
                contactData.phone = contactData.phone;
            }
            $("#contact_us_phone_number").val('+'+EditPhoneNumber(contactData.phone));
            $("#contact_us_address").text(contactData.address);
            $("#support_url").val(contactData.supportURL);

        });
        logoRef.get().then(async function(snapshots) {
            var logoRefData = snapshots.data();
            if (logoRefData == undefined) {
                database.collection('settings').doc('logo').set({});
            }
            try {
                if(logoRefData.appLogo){
                    app_logo_image = logoRefData.appLogo;
                    appLogoImagePath = logoRefData.appLogo;
                    $(".app_logo_image").append('<span class="image-item"><span class="remove-btn" data-val="app_logo"><i class="fa fa-remove"></i></span><img class="rounded" style="width:50px" src="' + logoRefData.appLogo + '" alt="image"></span>');
                }
                if(logoRefData.appFavIconLogo) {
                    app_favicon_logo_image = logoRefData.appFavIconLogo;
                    appFavIconImagePath = logoRefData.appFavIconLogo;
                    $(".app_favicon_logo_image").append('<span class="image-item"><span class="remove-btn" data-val="app_favicon_logo"><i class="fa fa-remove"></i></span><img class="rounded" style="width:50px" src="' + logoRefData.appFavIconLogo + '" alt="image"></span>');
                }
            } catch (error) {
            }
            jQuery("#overlay").hide();
        })
       
        async function storeImageData() {
            var newPhoto = [];
            try {
                if(appLogoImagePath != "" && app_logo_image != appLogoImagePath){
                    var appLogoImagePathRef = await storage.refFromURL(appLogoImagePath);
                    imageBucket = appLogoImagePathRef.bucket;
                    var envBucket = "