@extends('layouts.admin')
@section('content')
@php
$tab=request()->get('tab')??'general-detail';
@endphp
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{!! __('website_setting.title') !!}</p>
        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">{!! __('website_setting.title') !!}</a></li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="error-msg font-14"></div>
            {!! Form::open(array('route' => $routes, 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
            <div class="round-white-bg box-shadow">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link  {{$tab == 'general-detail' ? 'active':''}}" id="general-detail-tab" data-toggle="tab" href="#general-detail"
                            role="tab" aria-controls="general-detail" aria-selected="true">{!! __('website_setting.general_settings') !!}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{$tab == 'logo' ? 'active':''}}" id="logo-tab" data-toggle="tab" href="#logo" role="tab"
                               aria-controls="logo" aria-selected="false">{!! __('website_setting.logo_settings') !!}</a>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link {{$tab == 'map-settings' ? 'active':''}}" id="map-settings-tab" data-toggle="tab" href="#map-settings" role="tab"
                               aria-controls="map-settings" aria-selected="false">{!! __('website_setting.map_settings') !!}</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link {{$tab == 'payment-methods' ? 'active':''}}" id="map-settings-tab" data-toggle="tab" href="#payment-methods" role="tab"
                               aria-controls="payment-methods" aria-selected="false">{!! __('website_setting.payment_methods') !!}</a>
                        </li>
                    </ul>
                    <div class="tab-content mt-2" id="myTabContent">

                        <div class="tab-pane fade {{$tab == 'general-detail' ? 'show active':''}}" id="general-detail" role="tabpanel"
                             aria-labelledby="general-detail-tab">
                            <div class="row mt-3">
                                <div class="col-12">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <div class="custom-input-group colored-field-group col-md-12 mb-4">
                                                        {!! Form::label('register_reward_points',__('website_setting.register_reward_points'),['class' => 'control-label mb-2']) !!}
                                                        <div class="custom-input-group colored-field-group">
                                                            {!! Form::number('register_reward_points',isset($fields['register_reward_points']) ? $fields['register_reward_points'] : '',['class' => 'form-control']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="custom-input-group colored-field-group col-md-12 mb-4">
                                                        {!! Form::label('free_deliveries',__('website_setting.free_deliveries'),['class' => 'control-label mb-2']) !!}
                                                        <div class="custom-input-group colored-field-group">
                                                            {!! Form::number('free_deliveries',isset($fields['free_deliveries']) ? $fields['free_deliveries'] : '',['class' => 'form-control']) !!}
                                                        </div>
                                                    </div>
                                                    {!! Form::label('reward_points_multiplier',__('website_setting.theme'),['class' => 'font-14 pl-3']) !!}

                                                    <div class="custom-input-group colored-field-group col-md-12 mb-4">
                                                        {!! Form::label('default_lag',__('website_setting.default_lag'),['class' => 'control-label mb-2 ']) !!}
                                                        <div class="custom-input-group colored-field-group">
                                                            {!! Form::select('default_lang',$defaultLang,isset($fields['default_lang']) ? $fields['default_lang'] : '',['class' => 'form-control select2']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="d-flex">
                                                        <div class="custom-input-group colored-field-group col-md-6">
                                                            {!! Form::label('website_color',__('website_setting.website_color'),['class' => 'control-label mb-2 ']) !!}
                                                            <div class="custom-input-group colored-field-group">
                                                                {!! Form::color('website_color',isset($fields['website_color']) ? $fields['website_color'] : '',['class' => 'form-control']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="custom-input-group colored-field-group col-md-6">
                                                            {!! Form::label('website_font_color',__('website_setting.website_font_color'),['class' => 'control-label mb-2 ']) !!}
                                                            <div class="custom-input-group colored-field-group">
                                                                {!! Form::color('website_font_color',isset($fields['website_font_color']) ? $fields['website_font_color'] : '',['class' => 'form-control']) !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="custom-input-group colored-field-group col-md-12 mb-4">
                                                        {!! Form::label('remove_extra_style',__('website_setting.remove_extra_style'),['class' => 'control-label mb-2 ']) !!}
                                                        <div class="custom-input-group colored-field-group">
                                                            {!! Form::select('remove_extra_style',removeExtraStyle(),$fields['remove_extra_style'] ?? '',['class' => 'form-control select2']) !!}
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="custom-input-group colored-field-group col-md-12 mb-4">
                                                        {!! Form::label('reward_points_multiplier',__('website_setting.reward_points_multiplier'),['class' => 'font-14']) !!}
                                                        <div class="custom-input-group colored-field-group schedule-date">
                                                            {{Form::label('id', __('website_setting.week_days'), array('class' => 'control-label'))}}
                                                            <div class="weekdays-list-custom" style="display: block">
                                                                @php
                                                                $selectedMSW = isset($fields['multiplicator_schedule_weekdays']) && ($fields['multiplicator_schedule_weekdays'] !="") ? explode(',',$fields['multiplicator_schedule_weekdays']) : [];
                                                                $weekDays = getWeekDayShortNames();
                                                                /* array_unshift($weekDays, 'Sun');
                                                                unset($weekDays[7]);*/
                                                                @endphp
                                                                @foreach($weekDays as $dayNo => $days)
                                                                    @php
                                                                    $dayNo = $dayNo == 7 ?  0 : $dayNo ;
                                                                    $isMSWChecked = in_array($dayNo , $selectedMSW);
                                                                    @endphp
                                                                    <label class="custom-control custom-small-control custom-white-control mb-1">
                                                                        {!! Form::checkbox('multiplicator_schedule_weekdays[]', $dayNo,$isMSWChecked, ['class' => 'form-control multiplicator_schedule_weekdays' ]) !!}
                                                                        <span class="weekdays-day-custom ">
                                                                            <i class="fa fa-check green green-check font-10" @if(!$isMSWChecked) style="display: none" @endif></i>
                                                                                        {!! $days !!}
                                                                        </span>
                                                                    </label>
                                                                @endforeach
                                                            </div>
                                                        </div>
                                                        <div class="colored-field-group schedule-date d-flex">
                                                            @php
                                                            $MSStartDate = $fields['multiplicator_start_date'] ?? '';
                                                            $MSEndDate = $fields['multiplicator_end_date'] ?? '';
                                                            @endphp
                                                            <div class="col-md-6 pl-0">
                                                                <label class="control-label mb-2">{!! __('website_setting.start_date') !!}</label>
                                                                <div class="custom-input-group colored-field-group">
                                                                    {!! Form::text('multiplicator_start_date',$MSStartDate, [ 'class' => 'form-control datepicker-input-sch']) !!}
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6  pl-0">
                                                                <label class="control-label mb-2">{!! __('website_setting.end_date') !!}</label>
                                                                <div class="custom-input-group colored-field-group">
                                                                    {!! Form::text('multiplicator_end_date',$MSEndDate, ['class' => 'form-control  datepicker-input-sch']) !!}
                                                                </div>
                                                            </div>

                                                        </div>
                                                        <div class="custom-input-group d-flex">
                                                            <div class="col-md-12  pl-0">
                                                                <label class="control-label mb-2">{!! __('website_setting.skip_dates') !!}</label>
                                                                <div class="custom-input-group colored-field-group">
                                                                    {!! Form::text('multiplicator_skip_date',isset($fields['multiplicator_skip_date']) ? $fields['multiplicator_skip_date'] : '', ['class' => 'form-control','id'=> 'datePick']) !!}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row d-flex custom-input-group colored-field-group col-md-12 mb-4">
                                                        <div class="col-4">
                                                            {!! Form::label('private_points',__('website_setting.private_points'),['class' => 'control-label mb-2 ']) !!}
                                                            <div class="custom-input-group colored-field-group">
                                                                {!! Form::text('private_points',isset($fields['private_points']) ? $fields['private_points'] : '',['class' => 'form-control']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="col-4">
                                                            {!! Form::label('company_points',__('website_setting.company_points'),['class' => 'control-label mb-2 ']) !!}
                                                            <div class="custom-input-group colored-field-group">
                                                                {!! Form::text('company_points',isset($fields['company_points']) ? $fields['company_points'] : '',['class' => 'form-control']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="col-4">
                                                            {!! Form::label('student_points',__('website_setting.student_points'),['class' => 'control-label mb-2 ']) !!}
                                                            <div class="custom-input-group colored-field-group">
                                                                {!! Form::text('student_points',isset($fields['student_points']) ? $fields['student_points'] : '',['class' => 'form-control']) !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

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

                        <div class="tab-pane fade {{$tab == 'logo' ? 'show active':''}}" id="logo" role="tabpanel"
                             aria-labelledby="logo-detail-tab">
                            <div class="row col-md-12 mt-3">
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <!-- Website Login Banner Start-->
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.banner') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('banner', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('v2/front_site.file-size')}}</p>
                                                </div>

                                            </div>
                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['banner']) && !empty($fields['banner']))
                                                    <img width="100px" class="d-block ml-auto mr-auto image-size" height="100px" src="{{ getImagepath(($fields['banner'] ?? ''), 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.website_background') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('website_background', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.website_background_size')}}</p>
                                                </div>

                                            </div>

                                            <div  class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['website_background']) && !empty($fields['website_background']))
                                                @php $websiteBackground = $fields['website_background']; @endphp
                                                <i class="fa fa-times times-icon" data-remove_name="website_background"></i>
                                                <img class="d-block ml-auto mr-auto image-size" width="100px" height="100px" src="{{ getImagepath($websiteBackground, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <!-- Website Email Logo Start-->
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.logo_1') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('website_logo_1', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.website_logo_size')}}</p>
                                                </div>

                                            </div>
                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['website_logo_1']) && !empty($fields['website_logo_1']))
                                                    <img class="d-block ml-auto mr-auto image-size" src="{{ getImagepath($fields['website_logo_1'], 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <!-- Website Front Site Logo Start-->
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.logo_2') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('website_logo_2', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.website_logo_size')}}</p>
                                                </div>

                                            </div>
                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['website_logo_2']) && $fields['website_logo_2'] !="")
                                                    <img class="d-block ml-auto mr-auto image-size" width="100px" height="100px" src="{{ getImagepath($fields['website_logo_2'], 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                             <!-- Reward Logo Start-->
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.reward_logo') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('reward_logo', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.website_logo_size')}}</p>
                                                </div>
                                            </div>

                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['reward_logo']) && !empty($fields['reward_logo']))
                                                @php $rewardLogo = $fields['reward_logo']; @endphp
                                                <i class="fa fa-times times-icon" data-remove_name="reward_logo"></i>
                                                <img class="d-block ml-auto mr-auto image-size" class="d-block ml-auto mr-auto" height="100px" src="{{ getImagepath($rewardLogo, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.footer_logo') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('footer_logo', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.footer_logo_size')}}</p>
                                                </div>
                                            </div>

                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['footer_logo']) && !empty($fields['footer_logo']))
                                                    @php $footerLogo = $fields['footer_logo']; @endphp
                                                    <i class="fa fa-times times-icon" data-remove_name="footer_logo"></i>
                                                    <img class="d-block ml-auto mr-auto" style="height: 58px" src="{{ getImagepath($footerLogo, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <!--- food truck desktop --->
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.food_truck_banner') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('food_truck_banner', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.note_truck_banner')}}</p>
                                                </div>

                                            </div>

                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['food_truck_banner']) && !empty($fields['food_truck_banner']))
                                                    @php $foodTruckLogo = $fields['food_truck_banner']; @endphp
                                                    <img class="d-block ml-auto mr-auto image-size" src="{{ getImagepath($foodTruckLogo, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <!--- Food truck mobile --->
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.food_truck_banner_mobile') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('food_truck_banner_mobile', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.note_truck_mobile')}}</p>
                                                </div>

                                            </div>

                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['food_truck_banner_mobile']) && !empty($fields['food_truck_banner_mobile']))
                                                    @php $foodTruckLogoMobile = $fields['food_truck_banner_mobile']; @endphp
                                                    <img class="d-block ml-auto mr-auto image-size"  src="{{ getImagepath($foodTruckLogoMobile, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <div class="custom-input-group colored-field-group w-75 mb-0">
                                                <label class="control-label mb-2">{!! __('website_setting.favicon') !!}</label>
                                                <div class="custom-input-group colored-field-group">
                                                    <div class="custom-file-upload-control">
                                                        <div class="custom-file-upload-container font13">
                                                            {!! Form::file('favicon', ['class' => 'custom-file-upload-field']) !!}
                                                            <ul class="list-inline">
                                                                <li class="list-inline-item">
                                                                    <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                </li>
                                                                <li class="list-inline-item text-muted image-name-placeholder">
                                                                    {!! __('website_setting.no_file_chosen') !!}
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <p class="text-danger font12 font-medium mb-0">{{__('website_setting.favicon_size')}}</p>
                                                </div>

                                            </div>

                                            <div class="custom-input-group colored-field-group col-md-4">
                                                @if(isset($fields['favicon']) && !empty($fields['favicon']))
                                                    @php $favicon = $fields['favicon'];@endphp
                                                    <i class="fa fa-times times-icon" data-remove_name="favicon"></i>
                                                    <img class="d-block ml-auto mr-auto" style="width:100px;height: 100px" src="{{ getImagepath($favicon, 'product') }}">
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="custom_card_box d-flex mb-4">
                                            <!-- Website Front Site Logo Start-->
                                                <div class="custom-input-group colored-field-group w-75 mb-0">
                                                                            <label class="control-label mb-2">{!! __('website_setting.placeholder_image') !!}</label>
                                                                            <div class="custom-input-group colored-field-group">
                                                                                <div class="custom-file-upload-control">
                                                                                    <div class="custom-file-upload-container font13">
                                                                                        {!! Form::file('placeholder_image', ['class' => 'custom-file-upload-field']) !!}
                                                                                        <ul class="list-inline">
                                                                                            <li class="list-inline-item">
                                                                                                <a href="#" class="btn btn-primary font13">{!! __('website_setting.choose_file') !!}</a>
                                                                                            </li>
                                                                                            <li class="list-inline-item text-muted image-name-placeholder">
                                                                                                {!! __('website_setting.no_file_chosen') !!}
                                                                                            </li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div>
                                                                                <p class="text-danger font12 font-medium mb-0">{{__('website_setting.placeholder_image_size')}}</p>
                                                                            </div>

                                                </div>
                                                <div class="custom-input-group colored-field-group col-md-4">
                                                    @if(isset($fields['placeholder_image']) && $fields['placeholder_image'] !="")
                                                        <i class="fa fa-times times-icon" data-remove_name="placeholder_image"></i>
                                                        <img class="d-block ml-auto mr-auto" width="100px" height="100px" src="{{ getImagepath($fields['placeholder_image'], 'product') }}">
                                                    @endif
                                                </div>
                                        </div>
                                    </div>
                             </div>
                        </div>
                        <div class="tab-pane fade {{$tab == 'map-settings' ? 'show active':''}}" id="map-settings" role="tabpanel"
                             aria-labelledby="map-settings-tab">

                                                        <div class="row">
                                <div class="custom-input-group colored-field-group custom-input-group-small col-md-6">
                                    {{ Form::label('id', __('website_setting.map_center'), ['class' => 'control-label']) }}
                                    {{ Form::text('address', $address, ['class' => 'form-control custom-field-grey font12 italic-style', 'id' => 'search-input']) }}
                                    <img class="position-absolute right-center right-10 gps-icon"
                                         src="{{ asset('assets/images/icons/map-pin.png') }}" alt="">
                                </div>
                            </div>

                            {{ Form::hidden('latitude', $latitude, ['id' => 'latitude']) }}
                            {{ Form::hidden('longitude', $longitude, ['id' => 'longitude']) }}
                            <div id="map_canvas" class="mapping"></div>
                        </div>

                        <!-- payment methods -->
                        <div class="tab-pane fade {{$tab == 'payment-methods' ? 'show active':''}}" id="payment-methods" role="tabpanel"
                             aria-labelledby="payment-methods-detail-tab">
                            <div class="row mt-3">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <h5>{!! __('website_setting.print_receipt_wise') !!}</h5>
                                            @php
                                                $giftCardMode = $fields['print_receipt_wise'] ?? 0;
                                            @endphp
                                            <div class="standard-options d-flex flex-wrap" style="margin-left: -5px;">
                                                @foreach(giftCardMode() as $key => $value)
                                                    <div class="standard-div mb-2 mb-md-0" data-value="{!! $key !!}" style="{!! $key == $giftCardMode ? 'border:2px solid green' : '' !!}">
                                                        <div class="item-text d-flex align-items-center justify-content-center">
                                                        <i class="fa fa-check mr-2 green green-check" {{ $key != $giftCardMode ? 'style=display:none' : '' }}></i>
                                                            <h5 class="mb-0">{!! $value !!}</h5>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            </div>
                                            {!! Form::hidden('print_receipt_wise', $giftCardMode, ['class' => '_toggle_val']) !!}
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="row mb-3">
                                            @php
                                                $allowedGiftCardPaymentMethods =  isset($fields['gift_card_payment_methods']) && !empty($fields['gift_card_payment_methods'])
                                                                    ? explode(',',$fields['gift_card_payment_methods']) : [];
                                            @endphp
                                            <div class="col-xs-12 col-sm-4 col-md-12">
                                                <h5>{!! __('master_admin_settings.allowed_gift_card_payment_methods') !!}</h5>
                                            </div>
                                            <div class="col-xs-12 col-sm-8 col-md-12">
                                                {{ Form::select('gift_card_payment_methods[]', $paymentMethods, $allowedGiftCardPaymentMethods, ['class' => 'form-control select2','multiple' => true]) }}
                                            </div>
                                        </div>
                                    </div>
                                    @php $paymentMethodsKeys = array_keys($slugsPaymentMethods); @endphp
                                    @if(array_key_exists('vipps', $slugsPaymentMethods))
                                        <div class="col-md-6 {!! ($giftCardMode == 1) ? 'd-none' : '' !!}  __companywise">
                                            <h5>{{ __('store.vipps_payment') }}</h5>
                                            <div class="custom-input-group colored-field-group custom-input-group-small " style="position: relative">
                                                {{ Form::label('vipps_merchant_serial_no', __('store.vipps_merchant_serial_no'), ['class' => 'control-label']) }}
                                                {{ Form::text('vipps_merchant_serial_no',$fields['vipps_merchant_serial_no'] ?? '' , ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="vipps_merchant_serial_no"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small " style="position: relative">
                                                {{ Form::label('vipps_client_id', __('store.vipps_client_id'), ['class' => 'control-label']) }}
                                                {{ Form::text('vipps_client_id',$fields['vipps_client_id'] ?? '', ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="vipps_client_id"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small " style="position: relative">
                                                {{ Form::label('vipps_client_secret', __('store.vipps_client_secret'), ['class' => 'control-label']) }}
                                                {{ Form::text('vipps_client_secret',$fields['vipps_client_secret'] ?? '', ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="vipps_client_secret"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small " style="position: relative">
                                                {{ Form::label('vipps_subscription_key', __('store.vipps_subscription_key'), ['class' => 'control-label']) }}
                                                {{ Form::text('vipps_subscription_key',$fields['vipps_subscription_key'] ?? '', ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="vipps_subscription_key"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small ">
                                                {{ Form::label('vipps_environment', __('store.vipps_environment'), ['class' => 'control-label']) }}
                                                {{ Form::select('vipps_environment', paymentEnvironment(), 1, ['class' => 'form-control ', 'id' => 'vipps_environment']) }}
                                            </div>
                                        </div>
                                    @endif
                                    @if(array_key_exists('adyen', $slugsPaymentMethods))
                                        <div class="col-md-6 {!! ($giftCardMode == 1) ? 'd-none' : '' !!} __companywise">
                                            <h5>{{ __('store.adyen-payment-title') }}</h5>
                                            <div class="row">
                                                <div class="custom-input-group colored-field-group custom-input-group-small col-md-6" style="position: relative">
                                                    {{ Form::label('adyen_merchant_account', __('store.merchant-account'), ['class' => 'control-label']) }}
                                                    {{ Form::text('adyen_merchant_account', $fields['adyen_merchant_account'] ?? '', ['class' => 'form-control']) }}
                                                    <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="adyen_merchant_account" style="right: 20px;"></i>
                                                </div>
                                                <div class="custom-input-group colored-field-group custom-input-group-small col-md-6" style="position: relative">
                                                    {{ Form::label('adyen_merchant_account_pos', __('store.merchant-account-pos'), ['class' => 'control-label']) }}
                                                    {{ Form::text('adyen_merchant_account_pos', $fields['adyen_merchant_account_pos'] ?? '', ['class' => 'form-control']) }}
                                                    <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="adyen_merchant_account_pos" style="right: 20px;"></i>
                                                </div>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small " style="position: relative">
                                                {{ Form::label('adyen_client_key', __('store.client-secret-key'), ['class' => 'control-label']) }}
                                                {{ Form::text('adyen_client_key', $fields['adyen_client_key'] ?? '', ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="adyen_client_key"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small" style="position: relative">
                                                {{ Form::label('adyen_api_key', __('store.api-secret-key'), ['class' => 'control-label']) }}
                                                {{ Form::text('adyen_api_key', $fields['adyen_api_key'] ?? '', ['class' => 'form-control']) }}
                                                <i class="fas fa-copy __copy_text_btn _copy_this" data-field_id="adyen_api_key"></i>
                                            </div>
                                            <div class="custom-input-group colored-field-group custom-input-group-small ">
                                                {{ Form::label('adyen_environment', __('store.adyen_environment'), ['class' => 'control-label']) }}
                                                {{ Form::select('adyen_environment', paymentEnvironment(), $fields['adyen_environment'] ?? '', ['class' => 'form-control ', 'id' => 'adyen_environment']) }}
                                            </div>
                                        </div>
                                    @endif
                                    @if(array_key_exists('swish', $slugsPaymentMethods))
                                        <div class="col-md-6 {!! ($giftCardMode == 1) ? 'd-none' : '' !!} __companywise">
                                            <h5>{{ __('store.swish-payment-title') }}</h5>
                                            <div class="row">
                                                <div class="custom-input-group colored-field-group custom-input-group-small col-6" style="position: relative">
                                                    {{ Form::label('id', __('store.swish_payee_number'), ['class' => 'control-label']) }}
                                                    {{ Form::text('swish_payee_number', $fields['swish_payee_number'] ?? '', ['class' => 'form-control' , 'id' => 'swish_payee_number']) }}
                                                    <i class="fas fa-copy __copy_text_btn _copy_this" style="right: 23px;" data-field_id="swish_payee_number"></i>
                                                </div>
                                                <div class="custom-input-group colored-field-group custom-input-group-small col-6">
                                                    {{ Form::label('swish_environment', __('store.swish_environment'), ['class' => 'control-label']) }}
                                                    {{ Form::select('swish_environment', paymentEnvironment(), $fields['swish_environment'] ?? '', ['class' => 'form-control ', 'id' => 'swish_environment']) }}
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                            </div>
                        </div>

                    </div>
                    <div class="custom-input-group colored-field-group col-12">
                        <ul class="list-inline">
                            <li class="list-inline-item">
                                <input type="submit" class="btn btn-primary width80" value="{!! __('website_setting.save') !!}">
                            </li>
                        </ul>
                    </div>
                </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script src="https://maps.google.com/maps/api/js?key={{ config('constants.GOOGLE_MAP_KEY') }}&callback=init&libraries=places" defer></script>
    <script>
        $(document).on('click','.multiplicator_schedule_weekdays',function(){
            $(this).parent().find('.green-check').toggle($(this).is(':checked'));
        });

        $(document).on('click','.times-icon',function (){
            const removeName = $(this).data('remove_name') || false;

            if(!removeName) return false;
            swal({
            title: 'Are you sure?',
            type: "warning",
            confirmButtonText: 'Yes,Delete it!',
            cancelButtonText: "No!",
            showCancelButton: 'No!',
            confirmButtonClass: "btn btn-success",
            cancelButtonClass: "btn btn-danger m-l-10",
            buttonsStyling: !1,
            }).then(function () {
                $.ajax({
                    url:"{!! route('website-settings.remove-image') !!}",
                    method:"POST",
                    data:{name:removeName,_token:"{!! csrf_token() !!}"},
                    beforeSend: function () {
                        $('.back-drop').fadeIn(100, 'linear');
                        $('.loader').fadeIn(100, 'linear');
                    },
                    success:function (){
                        location.reload();
                    }
                });

                $('.back-drop').fadeOut(100, 'linear');
                $('.loader').fadeOut(100, 'linear');
            }, function () {
		        swal({ title: 'Cancelled', text: '', type: "success" })

	        });

        });

        $("#search-input").keydown(function(e) {
            if (e.keyCode == 13) {
                e.preventDefault();
            }
        });

        /**
         * function is used to delete marker.
         *
         * @param markers
         */
        function deleteMarkers(markers) {
            for (let i = 0; i < markers.length; i++) {
                markers[i].setMap(null);
            }
            markers = [];
        }
        /**
         * function is used to plot location on map.
         *
         * @param coord
         * @param markers
         */
        function createMarker(coord, markers) {
            if (markers.length > 0) {
                deleteMarkers(markers);
            }
            var pos = new google.maps.LatLng(coord.lat(), coord.lng());
            var marker = new google.maps.Marker({
                map: map,
                position: pos,
                icon: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png',
                draggable: false
            });
            markers.push(marker);
        }

        var map;
        var latlng;
        var zoom = 11;
        function init() {
                                latlng = new google.maps.LatLng('58.73515769999998', '5.6485884');
                    
            var mapOptions = {
                        center: latlng,
                        mapTypeControl: false,
                        zoom: zoom,
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                    };

            var markers = [];
            var marker = '';
            map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
            marker = new google.maps.Marker({
                map: map,
                position: latlng,
                icon: 'https://maps.google.com/mapfiles/ms/icons/red-dot.png',
                draggable: true
            });
            markers.push(marker);

            /* on click plot location on map */
            // map click event //
            google.maps.event.addListener(map, 'click', function(e) {
                //deleteMarkers(markers);
                var latlng = new google.maps.LatLng(e.latLng.lat(), e.latLng.lng());
                var geocoder = geocoder = new google.maps.Geocoder();
                geocoder.geocode({
                    'latLng': latlng
                }, function(results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {
                        if (results[0]) {
                            document.getElementById('search-input').value = results[0].formatted_address;
                            $('#latitude').val(e.latLng.lat());
                            $('#longitude').val(e.latLng.lng());
                            createMarker(e.latLng, markers);
                        }
                    }
                });
            });

            var input = document.getElementById('search-input');
            var autocomplete = new google.maps.places.Autocomplete(input);
            google.maps.event.addListener(autocomplete, 'place_changed', function() {
                var place = autocomplete.getPlace();
                //alert(place.formatted_address + ' ' + place.geometry.location.lat() + ' ' + place.geometry.location.lng());
                map.setCenter(place.geometry.location);
                map.setZoom(12);
                document.getElementById('search-input').value = place.formatted_address;
                $('#latitude').val(place.geometry.location.lat());
                $('#longitude').val(place.geometry.location.lng());
            });
        }
        $(document).ready(function () {
        $('.nav-tabs a').on('shown.bs.tab', function (e) {
            // Get the target tab's href attribute
            var tabId = $(e.target).attr('href');

            // Update the URL with the tab ID as a parameter
            var url = window.location.href.split('?')[0]; // Remove existing query parameters
            window.history.pushState(null, null, url + '?tab=' + tabId.substring(1));
        });

        $(document).on('click', '.standard-div', function()
        {
            const value = $(this).data('value');
            $('input[name="print_receipt_wise"]').val(value).prop('checked', value);
            $('.standard-div').css('border', '2px solid #ddd').find('.green-check').hide();
            $(this).css('border', '2px solid green').find('.green-check').show();

            $('.__companywise').addClass('d-none');
            if (value == 0) {
                $('.__companywise').removeClass('d-none');
            }
        });

        // Check if the URL contains a tab parameter and show that tab
        var urlParams = new URLSearchParams(window.location.search);
        var tabIdFromUrl = urlParams.get('tab');

        if (tabIdFromUrl) {
            $('a[href="#' + tabIdFromUrl + '"]').tab('show');
        }
    });
    </script>
@endsection