@extends('front.layout.main')

@section('content')


<style>
    .icon--аlbania {
      background: url("https://wtogroup.com/app/dist/images/icons/albania.png");
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      width: 54px;
      height: 42px;
    }
</style>

    <main class="app-main contacts">
        <div id="widget-modal" class="modal">
            <div class="modal__content">
                <div class="widget form">
                    <div class="widget__buttons">
                        <button class="btn btn--l widget__button wto-collapse widget__button-quote"
                                data-collapse="widget1"
                                @if( auth()->guard('clients')->check()  ) data-active="true" @endif><span
                                    class="sprite sprite--quote"></span>{{ trans('front.quote') }}</button>
                        @if(auth()->guard('clients')->check() )
                            <a href="{{ route('booking.create') }}" target="_blank"
                               class="btn btn--l widget__button"><span
                                        class="sprite sprite--book"></span>{{ trans('front.book') }}</a>
                        @else
                            <button class="btn btn--l widget__button wto-collapse widget__button-book"
                                    data-collapse="widget2" data-active="true"><span
                                        class="sprite sprite--book"></span>{{ trans('front.book') }}</button>
                        @endif
                        @if($lang == 'BG' || $lang == 'EN')
                            <button class="btn btn--l widget__button wto-collapse widget__button-track"
                                    data-collapse="widget3"><span
                                        class="sprite sprite--track"></span>{{ trans('front.track') }}</button>
                        @endif
                        
                        @if($lang == 'BG' || $lang == 'EN')
                        <button style="background:#c70d3a;color:#fff;width: inherit;
  padding: 0 40px;" class="btn btn--l widget__button wto-collapse widget__button-track" data-collapse="widget4"><!--<i style="width: 16px;
  height: 18px;margin: 0 5px 0 5px;" class="fas fa-phone"></i> --> {{trans('front.form_tab_name')}}</button>
                        @endif
                    </div>
                    <div class="widget__main">
                        <div class="widget__item" id="widget1">
                            <h3 class="widget__title">{{ trans('front.choose_transport') }}</h3>
                            <section class="typeTransport">
                                <form method="POST" @if($lang != 'BG') action="{{ route('quote' . strtolower($lang)) }}"
                                      @else action="{{ route('quote') }}" @endif class="quoteForm">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="type" class="quoteTypeInput" value="">
                                    <div class="form-services flex flex--column">
                                        <div class="g-col-12">
                                            <div data-type="FCL"
                                                 class="form-services__item flex flex--column flex--ai-center flex--jc-center quote-btn">
                                                <h2 class="form-services__title">
                                                    <span>FCL</span><br>{{ trans('front.fcl_full_container_load') }}
                                                </h2>
                                                <img src="{{ asset('app/dist/images/icons/container-transport.png') }}"
                                                     class="form-services__icon">
                                            </div>
                                        </div>
                                        <div class="g-col-12">
                                            <div data-type="LCL"
                                                 class="form-services__item flex flex--column flex--ai-center flex--jc-center quote-btn">
                                                <h2 class="form-services__title">
                                                    <span>LCL</span><br>{{ trans('front.lcl_less_than_container') }}
                                                </h2>
                                                <img src="{{ asset('app/dist/images/icons/grupajen-transport.png') }}"
                                                     class="form-services__icon">
                                            </div>
                                        </div>
                                        <div class="g-col-12">
                                            <div data-type="AIR"
                                                 class="form-services__item flex flex--column flex--ai-center flex--jc-center quote-btn">
                                                <h2 class="form-services__title">{{ trans('front.air') }}</h2>
                                                <img src="{{ asset('app/dist/images/icons/airfreight-transport.png') }}"
                                                     class="form-services__icon">
                                            </div>
                                        </div>
                                        <div class="g-col-12">
                                            <div data-type="ROAD"
                                                 class="form-services__item flex flex--column flex--ai-center flex--jc-center quote-btn">
                                                <h2 class="form-services__title">{{ trans('front.roadTransport') }}</h2>
                                                <img src="{{ asset('app/dist/images/icons/truck.png') }}"
                                                     class="form-services__icon">
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </section>
                        </div>
                        <div class="widget__item" id="widget2">
                            @if(!auth()->guard('clients')->check() )
                                <h3 class="widget__title">{{ trans('front.Sign In') }}</h3>
                                <form method="POST" action="{{ route('client.login.post') }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="hidden" name="go_to_booking" value="1">
                                    <input type="hidden" name="lang" value="{{ $lang }}">

                                    <div class="">
                                        @if(session()->has('msg'))
                                            {{ session()->get('msg') }}
                                        @elseif($errors->any())
                                            @foreach ($errors->all() as $error)
                                                <p>{{ $error }}</p>
                                            @endforeach
                                        @endif
                                    </div>

                                    <div class="form__group">
                                        <span class="sprite sprite--user form__input-icon"></span>
                                        <input name="username" class="form__input"
                                               placeholder="{{ trans('front.Enter Username') }}" autocomplete="username"
                                               type="text" required>
                                    </div>
                                    <div class="form__group">
                                        <span class="sprite sprite--pass form__input-icon"></span>
                                        <input name="password" class="form__input"
                                               placeholder="{{ trans('front.Enter Password') }}"
                                               autocomplete="current-password" type="password" required>
                                    </div>
                                    <div class="form__group flex flex--row flex--jc-sb flex--ai-center">
                                        <a href="{{ route('clients.auth.passwords.email') }}" target="_blank"
                                           class="form__link form__link--no-decoration form__forgout-password">{{ trans('front.Forgot Password') }}</a>
                                        <button class="btn btn--primary btn--l">{{ trans('front.LogIn') }}</button>
                                    </div>
                                </form>
                                <p class="form__text form__text--center">{{ trans('front.You don’t have an account?') }}
                                    <a href="{{ route('clients.create') }}" target="_blank"
                                       class="form__link">{{ trans('front.Register') }}</a></p>
                            @endif
                        </div>
                        <div class="widget__item" id="widget3">
                            <h3 class="widget__title">{{ trans('front.tracking') }}</h3>
                            <form method="POST" action="{{ route('track') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                <div class="form__group">
                                    <select name="type" class="form__input form__select" required>
                                        <option selected="selected" disabled="disabled"
                                                value="null">{{ trans('front.Проследяване по') }}:
                                        </option>
                                        <option value="container">{{ trans('front.Container No.') }}</option>
                                        <option value="booking">{{ trans('front.Booking No.') }}</option>
                                    </select>
                                </div>
                                <div class="form__group">
                                    <input name="number" class="form__input"
                                           placeholder="{{ trans('front.Номер на товар') }}" type="text" required>
                                </div>
                                <div class="form__group flex flex--row flex--jc-sb flex--ai-center">
                                    <button class="btn btn--primary btn--l btn--center">{{ trans('front.track') }}</button>
                                </div>
                            </form>
                        </div>
                        
                        @if($lang == 'BG' || $lang == 'EN')
                            <div class="widget__item" id="widget4">
                                    <h3 class="widget__title">{{trans('front.form_header')}}</h3>
                                    <p style="font-size:13px;margin-bottom:5px;">{{trans('front.form_info')}}</p>
                                    
                                <style>
                                    .alert {
                                        display:none;
                                        margin-top: 20px;
                                      padding: 20px;
                                      background-color: #f44336;
                                      color: white;
                                      opacity: 1;
                                      transition: opacity 0.6s;
                                      margin-bottom: 15px;
                                    }
                                    
                                    .alert.success {background-color: #04AA6D;}
                                </style>
                                    
                                    <div id="request_contact_form_success" class="alert success">
                                      {!! trans('front.success') !!}
                                    </div>
                                    
                                <form id="request_contact_form" method="POST" action="{{ route('crequest') }}">
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <input type="text" id="honeypot_field" name="honeypot_field" style="display:none;">
                                    <input type="text" id="from_lang" name="from" style="display:none;" value="{{$lang}}">
                                    
                                    <div class="form__group">
                                        <label for="name" style="color: #000;margin-bottom: 5px;display: block;font-size: 12px;">{{ trans('front.form_name') }} *</label>
                                        <input id="name" name="name" class="form__input" type="text" required>
                                    </div>
                                    
                                    <div class="form__group">
                                        <label for="contact" style="color: #000;margin-bottom: 5px;display: block;font-size: 12px;">{{ trans('front.form_contact') }}</label>
                                        <input id="contact" name="contact" class="form__input" type="text">
                                    </div>
                                    
                                    <div class="form__group">
                                        <label for="form_phone" style="color: #000;margin-bottom: 5px;display: block;font-size: 12px;">{{ trans('front.form_phone') }} *</label>
                                        <input id="form_phone" name="form_phone" class="form__input" type="text" required>
                                    </div>
                                    
                                    <div class="form__group flex flex--row flex--jc-sb flex--ai-center">
                                        <button id="submitForm" class="btn btn--primary btn--l btn--center">{{ trans('front.form_button') }}</button>
                                    </div>
                                </form>
                                </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        </div>
        <div class="modal-overlay"></div>
        <div class="widget widget--fixed">
            <div class="g-container">
                <div class="flex flex--row flex--jc-sb flex--ai-center">
                    <ul class="widget--responsive flex flex--row flex--ai-center">
                        <li data-collapse="widget1"><a href="" class="flex flex--row flex--ai-center"><span
                                        class="sprite sprite--quote"></span>{{ trans('front.quote') }}</a></li>
                        <li data-collapse="widget2"><a href="" class="flex flex--row flex--ai-center"><span
                                        class="sprite sprite--book"></span>{{ trans('front.book') }}</a></li>
                        @if($lang == 'BG' || $lang == 'EN')
                            <li data-collapse="widget3"><a href="" class="flex flex--row flex--ai-center"><span
                                            class="sprite sprite--track"></span>{{ trans('front.track') }}</a></li>
                        @endif
                                                
                        @if($lang == 'BG' || $lang == 'EN')
                        <li style="background: #c70d3a;color: #fff;" data-collapse="widget4"><a href="" class="flex flex--row flex--ai-center" alt="{{ trans('front.form_tab_name') }}"><i style="width: 16px;
  height: 18px;margin: 0 5px 0 5px;" class="fas fa-phone"></i>{{trans('front.form_tab_name')}}</a></li>
                        @endif
                    </ul>
                </div>
            </div>
        </div>
        <section class="slider slider--fixed-height-l slider--responsive slider--contacts">
            <div class="slider__main slider__main--v-center">
                <div class="g-container">
                    <h1 class="slider__main-title slider__main-title--up slider__main-title--center">{{ $currentPage->languages->where('lang_short', $lang)->first()->pivot->title  }}</h1>
                </div>
            </div>
        </section>
        <section class="block block--gray" id="contacts">
            <div class="g-container">
                <a href="#" class="block__selected-box">
                    <span>{{ trans('front.bulgaria') }}</span>
                    <span class="sprite sprite--arrow-down"></span>
                </a>
                @if($offices)
                    <ul class="flex flex--row flex--ai-center flex--jc-center block__list">
                        @foreach($offices as $office)
                            @if($office->city == 'kosovo')
                                <li class="block__contacts" data-section="#{{ $office->city }}"><a href=""><span
                                                style="display: block;width: 100%;height: 100%;"><svg
                                                    style="width: 56px;height: 70px;fill: #498fe1;"
                                                    xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"
                                                    viewBox="0 0 68 48"><path
                                                        d="M56.5,26.381c-.488-.4-.621-.161-1.253-.161-1.44,0-1.466.451-2.877.163-1.124-.23-.977-.607-1.988-1.15a11.152,11.152,0,0,0-1.619-.788c-.529-.214-.979.244-1.1-.314-.505-2.379,1.026-2.659,0-4.863-.456-.979-1.13.633-2.142.258-1.3-.483-1.273-.7-2.1-1.824-.964-1.309-.5-1.581-1.406-2.933-.24-.36-.569.01-.787-.364-.39-.668-.059-.785-.315-1.516a3.128,3.128,0,0,0-.734-1.462c-.3-.359-.4-.24-.835-.417-.72-.294-.8-.119-1.465-.523-.568-.346-.346-.643-.941-.941-.565-.282-.665-.395-1.254-.165-.621.243-.221.977-.888,1-.612.019-.371-.488-.784-.941-.634-.7-.519-.841-1.308-1.358-.768-.5-1.011-.052-1.721-.633-.3-.248,0-.388,0-.78a8.022,8.022,0,0,0,0-1.412c-.075-.643.275-.989-.313-1.257-.91-.414-1.043-.112-1.988.212A5.363,5.363,0,0,0,26.847,5.3c-.691.472-.874.332-1.308,1.048-.245.405-.111.523.1.945.459.9.817.688,1.207,1.619a1.116,1.116,0,0,1,0,1.254c-.45.935-.913.632-1.354,1.571-.4.86.067.991-.268,1.88-.139.367-.233.467-.625.467-.769,0-.766-.789-1.463-.465-.774.36-.209.885-.787,1.513-.971,1.055-1.582.51-2.244,1.781-.276.529.717.177.935.733.3.779.692,1.2,0,1.673-1.353.938-1.66.121-3.243.573a3.461,3.461,0,0,0-1.7.836c-1.8,1.375-1.2,2.391-3.373,3.03-1.358.4-1.1-1.261-2.509-1.3-1.645-.046-1.819.1-3.082,1.151-.7.586-.858.973-.425,1.777.975,1.806,1.928,1.084,2.935,2.872.931,1.653-.329,2.175.784,3.712,1.142,1.575,2,.579,3.347,1.986.524.548-.17.78,0,1.519.128.559.568.42.568.994,0,1.236-.745,1.181-.567,2.4.079.544.655.036.991.471.361.466-.265.883.261,1.15,1.827.925,2.294-.179,3.974.993,2.478,1.727,2.554,1.885,3.973,4.55,1.023,1.92.013,2.235.728,4.289.562,1.618,1.14,1.339,1.783,2.927.274.678,0,.732,0,1.464l.2-.161c-.522.419-.521.42-1.039.845-.5.412-.78.22-1,.832-.149.419.509.349.417.784-.151.717-.725.479-.831,1.2a1.1,1.1,0,0,0,.467,1.306c.592.529.735.328,1.515.475.488.091.7.4.994,0,.426-.6-.279-.811.049-1.466.152-.3.382.159.686.007.734-.367.937-.265,1.3-1a2.655,2.655,0,0,0,.263-2.143c-.121-1.077-.612-.963-.733-2.04s-.413-1.3.262-2.143c.768-.959,1.057-.689,2.249-.989.824-.207.965.425,1.7,0,3.413-1.994,2.928-2.732,6.351-4.708.56-.324.691,0,1.257.312.519.285.582.3.837.839.345.721-.117.894.316,1.567.561.873.551,1.139,1.564,1.364a3.793,3.793,0,0,0,3.138-.315c.394-.153-.065-.444-.312-.786-.574-.8-1.249-.484-1.313-1.463-.049-.742.436-.75,1.153-.945,1.11-.3,1.188.291,2.3,0,.519-.135.65-.254.732-.784.1-.654-.461-.595-.416-1.255.02-.291.229-.286.521-.261.658.059.6.32,1.255.417.957.141,1.019.368,1.935.055.384-.131.185-.381.213-.786.052-.756.309-.852-.056-1.517-.438-.8-1.08-.3-1.414-1.149-.192-.486.214-.519.625-.841,1.176-.922,1.6-.434,2.517-1.614.581-.748.058-.95.2-1.886s-.122-1.059.375-1.879c.68-1.123,1.038-.824,1.881-1.83a2.977,2.977,0,0,0,.831-1.415c.56-1.679.784-1.681.784-3.451C57.278,27.042,57.155,26.922,56.5,26.381Z"/></svg></span>{{ trans('front.'.$office->city) }}
                                    </a></li>
                            @elseif($office->city == 'bh')
                                <li class="block__contacts" data-section="#{{ $office->city }}">
                                    <a href="">
                                        <span style="display: block;width: 100%;height: 100%; display: flex;justify-content: center;text-align: center;align-content: center;align-items: center;">
                                            <svg style="width: 50px;height: 60px;fill: #498fe1;" viewBox="0 0 228 221" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M228 101C228 101.75 228 102.5 227.656 103.69C221.837 109.959 215.955 109.29 209.708 105.426C208.505 104.682 206.811 104.73 205.343 104.412C204.979 104.793 204.616 105.175 204.252 105.556C208.516 111.246 212.668 117.025 217.089 122.59C219.597 125.746 222.958 128.455 222.19 133.024C221.834 135.141 220.698 137.127 219.878 139.273C215.782 138.727 211.245 138.123 206.419 137.48C206.248 139.783 206.132 141.353 206.056 142.384C201.975 143.162 198.376 143.847 194.881 144.513C193.905 143.272 192.919 142.018 192.045 140.906C190.127 142.604 188.537 144.011 187.692 144.759C190.739 149.953 193.636 154.891 196.331 159.484C194.337 161.643 192.839 163.264 190.928 165.333C190.304 163.506 190 161.816 189.177 160.436C188.402 159.137 187.245 157.771 185.927 157.216C185.288 156.947 183.898 158.471 182.844 159.175C181.768 159.894 180.743 160.714 179.599 161.297C174.265 164.017 170.711 170.541 171.321 176.646C171.513 178.568 171.714 180.489 171.922 182.516C170.82 182.809 170.191 183.142 169.578 183.115C156.594 182.533 164.31 193.63 161.046 198.601C159.061 201.625 160.42 205.257 163.982 207.473C164.78 207.97 165.428 209.407 165.402 210.391C165.329 213.082 164.86 215.762 164.592 218.067C163.082 219.031 161.541 220.016 160 221C160 221 159.5 221 159.057 220.716C156.656 219.04 154.232 216.101 152.818 216.526C146.877 218.31 144.424 213.393 140.727 211.097C138.05 209.435 135.88 206.955 133.491 204.832C130.762 202.407 127.316 200.405 125.538 197.413C124.03 194.874 123.887 192.486 119.886 193.405C117.412 193.974 114.601 193.08 111.941 192.843C111.82 193.395 111.699 193.947 111.577 194.498C110.3 193.512 109.023 192.526 107.549 191.387C110.541 190.138 113.238 189.012 117.332 187.303C114.07 183.191 111.528 179.275 108.272 176.087C105.249 173.127 99.9575 172.579 99.047 167.258C98.9537 166.713 97.8241 166.265 97.1039 165.922C92.775 163.858 89.2168 155.912 90.9534 151.616C92.4116 148.008 90.2261 145.91 87.5664 145.968C81.353 146.104 77.3472 141.737 74.7554 138.077C69.353 130.447 60.226 125.936 57.1106 116.54C56.8368 115.714 55.6399 115.228 54.9759 114.491C52.2943 111.513 49.6706 108.484 46.9922 105.503C44.8008 103.064 42.976 99.9572 40.2696 98.3818C30.8299 92.8868 26.8802 86.048 28.2321 75.7626C26.8882 75.0487 25.4879 74.3048 24.0842 73.5591C25.8363 71.4668 24.5353 63.0643 21.7449 61.7797C18.2428 60.1673 16.8011 58.6225 19.0345 54.9105C19.4214 54.2675 18.4048 52.4639 17.6407 51.5151C16.3496 49.9118 14.7654 48.539 13.2625 47.1134C11.263 45.2168 9.34805 42.741 6.37971 46.092C4.11949 43.5794 2.05975 41.2897 0 39C0 35.6376 -5.96046e-08 32.2751 0.347341 28.4697C2.69458 25.779 4.19277 23.5792 2.28256 20.3407C1.72195 19.3903 2.55719 17.6309 2.71597 16.238C2.89436 14.6732 2.76133 13.013 3.25003 11.5575C3.96316 9.43367 4.74138 6.06532 6.14574 5.69284C9.48806 4.80636 14.4027 3.91135 16.5312 5.65121C20.6499 9.01801 23.3455 14.1564 26.5161 18.6417C28.5723 21.5506 35.8458 24.2397 36.6639 22.1888C38.4942 17.6002 40.0837 12.9959 43.9107 9.59057C44.0907 9.4304 43.9354 8.93719 44.0242 8.62403C45.2108 4.43914 48.6071 3.10866 52.6948 4.64075C56.1322 5.92912 59.7985 6.63278 63.3998 7.43113C63.9702 7.55758 64.9491 6.98564 65.3683 6.44763C66.9935 4.36176 68.4689 2.15915 70 0C70 0 70.5 2.98023e-08 70.8564 0.403074C71.4107 1.82734 71.2743 3.44453 71.8606 3.77336C75.7741 5.96828 79.9068 7.77014 83.8389 9.93463C87.0299 11.6912 89.3063 11.1811 91.1734 6.50819C93.7016 13.649 100.454 9.74817 104.438 13.4046C105.668 14.5331 109.406 12.8416 112.011 12.6022C113.032 12.5083 114.231 12.5949 115.111 13.0544C117.142 14.1145 119.065 15.3976 120.964 16.6893C126.008 20.1192 126.08 20.1202 129.141 14.7796C131.978 9.83107 134.81 9.88953 138.162 14.4182C139.113 15.7037 141.582 16.1314 143.424 16.3389C144.016 16.4056 144.728 14.4052 145.573 13.5325C146.268 12.8148 147.931 11.804 147.993 11.8794C151.42 16.0807 158.349 11.9474 161.273 17.4736C161.681 18.244 163.492 18.2717 164.461 18.5815C165.412 17.0415 166.129 15.8823 166.807 14.7846C169.384 16.5105 171.962 17.6874 173.773 19.5931C175.921 21.8522 180.978 23.3996 178.731 27.299C177.26 29.8526 178.27 30.5431 179.403 31.7273C184.141 36.6775 192.015 36.9694 198.247 32.1287C202.599 28.7484 206.885 30.41 211.157 31.706C212.019 31.9677 212.965 34.0024 212.848 35.1124C212.062 42.6134 208.66 49.1315 204.682 55.3871C202.926 58.1491 201.166 60.9088 199.301 63.8366C199.514 65.8695 200.743 68.8101 199.87 70.8517C196.767 78.1062 199.858 82.8869 208.133 82.9383C209.135 82.9445 210.648 83.8162 211.049 84.689C214.582 92.3755 220.316 97.6771 228 101Z" fill="#4A90E2"/>
                                            </svg>
                                         </span>{{ trans('front.'.$office->city) }}
                                    </a>
                                </li>
                            @else
                                <li class="block__contacts" data-section="#{{ $office->city }}">
                                    <a href=""><span class="icon icon--{{ $office->city }}"></span>{{ trans('front.'.$office->city) }}</a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                @endif
            </div>
        </section>

        <section class="contacts section">
            <div class="sk-circle">
                <div class="sk-circle1 sk-child"></div>
                <div class="sk-circle2 sk-child"></div>
                <div class="sk-circle3 sk-child"></div>
                <div class="sk-circle4 sk-child"></div>
                <div class="sk-circle5 sk-child"></div>
                <div class="sk-circle6 sk-child"></div>
                <div class="sk-circle7 sk-child"></div>
                <div class="sk-circle8 sk-child"></div>
                <div class="sk-circle9 sk-child"></div>
                <div class="sk-circle10 sk-child"></div>
                <div class="sk-circle11 sk-child"></div>
                <div class="sk-circle12 sk-child"></div>
            </div>
            @foreach($offices as $office)
                <section class="contacts__section" id="{{ $office->city }}">
                    <div class="g-container" style="margin-top: 87px;">
                        <div class="flex flex--row">
                            <div class="g-col-5 contacts-content">
                                <br>
                                <h1>{{ $office->languages->where('lang_short', $lang)->first()->pivot->title }}</h1>
                                {!! $office->languages->where('lang_short', $lang)->first()->pivot->text !!}
                            </div>
                            <div class="g-col-7">
                                <div class="contacts__map contacts__map--fixed {{ $office->city }}"
                                     id="{{ $office->city }}Map"></div>
                            </div>
                        </div>
                    </div>
                </section>
            @endforeach
        </section>


    </main>

@stop


@section('scripts')
    <script>
        "use strict";
        var country = window.location.hash;

        var url = window.location.href;
        var matches = url.match(/com\/(.*?)\//);
        
        let lang_match = '';
        if (matches && matches[1]) {
            switch (matches[1]) {
                case 'bg':
                    lang_match = 'bulgaria';
                    break;
                case 'cn':
                    lang_match = 'china';
                    break;
                case 'hr':
                    lang_match = 'croatia';
                    break;
                case 'gr':
                    lang_match = 'greece';
                    break;
                case 'rs':
                    lang_match = 'kosovo';
                    break;
                case 'si':
                    lang_match = 'slovenia';
                    break;
                case 'mk':
                    lang_match = 'macedonia';
                    break;
                default:
                    lang_match = null;
                    break;
            }
        }
        
        console.log(lang_match);
                                
        $(".contacts__section.active").fadeOut("fast"),
            $(document).ready(function () {
                return lang_match && lang_match.length
                    ? void setTimeout(function () {
                        $(".contacts__section").removeClass("active").fadeOut(),
                        $(".sk-circle").css("display", "none");
                        $(".block__list").find('li[data-section="#' + lang_match + '"]').addClass("active"),
                        $("#" + lang_match).addClass("active").fadeIn(500);
                    }, 1500)
                    : void setTimeout(function () {
                        $(".block__list").find('li[data-section="#bulgaria"]').addClass("active"), $("#bulgaria").addClass("active").fadeIn(500), $(".sk-circle").css("display", "none");
                    }, 1500);
            });
        var wtoMaps = (function () {
            var e,
                t = this,
                l = $(".contacts__map--fixed"),
                r = $(".block").get(0),
                a = $(".block__contacts"),
                o = null,
                s = "Телефони:",
                n = "Телефон/Факс:",
                y = "Мобилен:",
                i = "Централен офис",
                p = "Варна",
                c = "Летище София",
                f = "Пловдив",
                T = "Бургас",
                rs = "Русе",
                m = "Сърбия",
                g = "Хърватска",
                u = "Словения",
                w = "Гърция",
                L = "Mакедония",
                d = "Китай",
                xc = "Косово",
                rm = "Румъния",
                tv = 'Taiwan',
                al = 'Albania',
                bh = 'Bosnia and Herzegovina';
            (e =
                (e = location.pathname.split("/").filter(function (e) {
                    return e;
                })[0]).length > 2
                    ? "en"
                    : e) &&
            "en" === e &&
            ((s = "Phone:"),
                (n = "Phone/Fax:"),
                (u = "Slovenia"),
                (w = "Greece"),
                (L = "N.Macedonia"),
                (d = "China"),
                (g = "Croatia"),
                (m = "Serbia"),
                (xc = "Косово"),
                (rm = "Румъния"),
                (tv = "Taiwan"),
                (al = 'Albania'),
                (bh = 'Bosnia and Herzegovina'),
                (y = "Mobile:"),
                (i = "WTO Bulgaria LTD – Head Office"),
                (p = "WTO Bulgaria LTD – Varna branch"),
                (c = "WTO Bulgaria LTD – Sofia Airport branch"),
                (f = "WTO Bulgaria LTD – Plovdiv branch"),
                (rs = "WTO Bulgaria LTD – Ryse"),
                (T = "WTO Bulgaria LTD – Burgas")),
            e &&
            "rs" === e &&
            ((s = "Telefon:"),
                (n = "Telefon/Fax:"),
                (d = "China"),
                (u = "Slovenija"),
                (w = "Greece"),
                (L = "N.Macedonia"),
                (g = "Hrvatska"),
                (m = "Srbija"),
                (xc = "Kosovo"),
                (tv = "Taiwan"),
                (al = 'Albania'),
                (rm = "Romania"),
                (bh = 'Bosnia and Herzegovina'),
                (y = "Mobilni:"),
                (i = "WTO Bulgaria LTD – Head Office"),
                (p = "WTO Bulgaria LTD – Varna branch"),
                (c = "WTO Bulgaria LTD – Sofia Airport branch"),
                (f = "WTO Bulgaria LTD – Plovdiv branch"),
                (rs = "WTO Bulgaria LTD – Ryse"),
                (T = "WTO Bulgaria LTD – Burgas")),
            e &&
            "si" === e &&
            ((s = "Telefon:"),
                (n = "Telefon/Fax:"),
                (d = "China"),
                (u = "Slovenija"),
                (w = "Greece"),
                (L = "N.Macedonia"),
                (g = "Hrvatska"),
                (m = "Srbija"),
                (xc = "Kosovo"),
                (rm = "Romania"),
                (tv = "Taiwan"),
                (al = 'Albania'),
                (bh = 'Bosnia and Herzegovina'),
                (y = "Mobilni:"),
                (i = "WTO Bulgaria LTD – Head Office"),
                (p = "WTO Bulgaria LTD – Varna branch"),
                (c = "WTO Bulgaria LTD – Sofia Airport branch"),
                (f = "WTO Bulgaria LTD – Plovdiv branch"),
                (rs = "WTO Bulgaria LTD – Ryse"),
                (T = "WTO Bulgaria LTD – Burgas")),
            e &&
            "hr" === e &&
            ((s = "Telefon:"),
                (n = "Telefon/Fax:"),
                (d = "China"),
                (u = "Slovenija"),
                (w = "Greece"),
                (L = "N.Macedonia"),
                (g = "Hrvatska"),
                (m = "Serbia"),
                (xc = "Kosovo"),
                (rm = "Romania"),
                (tv = "Taiwan"),
                (al = 'Albania'),
                (y = "Mobilan:"),
                (bh = 'Bosnia and Herzegovina'),
                (i = "WTO Bulgaria LTD – Head Office"),
                (p = "WTO Bulgaria LTD – Varna branch"),
                (c = "WTO Bulgaria LTD – Sofia Airport branch"),
                (f = "WTO Bulgaria LTD – Plovdiv branch"),
                (rs = "WTO Bulgaria LTD – Ryse"),
                (T = "WTO Bulgaria LTD – Burgas"));
            e &&
            "mk" === e &&
            ((s = "Telefon:"),
                (n = "Telefon/Fax:"),
                (d = "China"),
                (u = "Slovenija"),
                (w = "Greece"),
                (L = "N.Macedonia"),
                (g = "Hrvatska"),
                (m = "Serbia"),
                (xc = "Kosovo"),
                (rm = "Romania"),
                (tv = "Taiwan"),
                (al = 'Albania'),
                (y = "Mobilan:"),
                (bh = 'Bosnia and Herzegovina'),
                (i = "WTO Bulgaria LTD – Head Office"),
                (p = "WTO Bulgaria LTD – Varna branch"),
                (c = "WTO Bulgaria LTD – Sofia Airport branch"),
                (f = "WTO Bulgaria LTD – Plovdiv branch"),
                (rs = "WTO Bulgaria LTD – Ryse"),
                (T = "WTO Bulgaria LTD – Burgas"));
            var h,
                b = [
                    [
                        "WTO България ЕООД – централен офис",
                        42.692481,
                        23.387907,
                        "bulgaria",
                        '<h2 class="h2-class">' +
                        i +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p>' +
                        '<a href="tel:+35928581930">+359 2 8581930</a>,&nbsp;' +
                        '<a href="tel:+35929581531">+359 2 958 1531</a>,&nbsp;' +
                        '<br><a href="tel:+3592858 1940">+359 2 858 1940</a>,&nbsp;' +
                        '<a href="tel:+35928586150">+359 2 858 6150</a>,&nbsp;' +
                        '<a href="tel:+35929459019">+359 2 945 9019</a>,&nbsp;' +
                        '<br><a href="tel:+35929589319">+359 2 958 9319</a>,&nbsp;' +
                        '<a href="tel:+35929950218">+359 2 995 0218</a>' +
                        '</p><p><strong>',
                    ],
                    [
                        "WTO България ЕООД – Варна",
                        43.2060286,
                        27.9106105,
                        "bulgaria",
                        '<h2 class="h2-class">' +
                        p +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:+35952648693">+359 52 648 693</a>,&nbsp;<a href="tel:+35952601806">+359 52 601 806</a>,&nbsp;<a href="tel:+35952601533">+359 52 601 533</a></p><p><strong>' +
                        n +
                        '</strong></p><p><a href="tel:+35952648694">+359 52 648 694</a></p>',
                    ],
                    [
                        "WTO България ЕООД – Пловдив",
                        42.1521149,
                        24.7439959,
                        "bulgaria",
                        '<h2 class="h2-class">' +
                        f +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:+35932275485">+359 32 275485</a>,&nbsp;<a href="tel:+359322754856">+359 32 2754856</a></p><p><strong>' +
                        n +
                        '</strong></p><p><a href="tel:+35932275487">+359 32 275487</a></p>',
                    ],
                    [
                        "WTO България ЕООД – Бургас",
                        42.4982208,
                        27.4716431,
                        "bulgaria",
                        '<h2 class="h2-class">' + T + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+35956820116">+359 56 820116</a></p><p><strong>' + n + '</strong></p><p><a href="tel:+35956820098">+35956820098</a></p>',
                    ],
                    [
                        "WTO България ЕООД – Русе",
                        43.72051430726443,
                        26.14901698484929,
                        "bulgaria",
                        '<h2 class="h2-class">' + rs +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:+35982280200">+359 82 280200</a>,&nbsp;<a href="tel:+35982280222">+359 82 280222</a></p><p><strong>',
                    ],
                    [
                        "World Transport Overseas Serbia D.O.O.",
                        44.8171836,
                        20.3976933,
                        "serbia",
                        '<h2 class="h2-class">' +
                        m +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:++381117850254/5/6/7/8/9">+381 11 7850 254/5/6/7/8/9</a></p><p><strong>' +
                        n +
                        '</strong></p><p><a href="tel:+3591117133007">+359 111 71 33 007</a></p>',
                    ],
                    [
                        "World Transport Overseas Adriatic D.O.O.",
                        45.80081,
                        16.0049843,
                        "croatia",
                        '<h2 class="h2-class">' +
                        g +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:+38516187752/89">+385 1 618 77 52/89</a></p><p><strong>' +
                        n +
                        '</strong></p><p><a href="tel:+38516187733">+385 1 618 77 33</a></p><p><strong>' +
                        y +
                        '</strong></p><p><a href="tel:+385914109142">+385 91 410 91 42</a></p>',
                    ],
                                        [
                        "World Transport Overseas Adriatic D.O.O.",
                        29.87219,
                        121.5848051,
                        "china",
                        '<h2 class="h2-class">' +
                        d +
                        "</h2><p><strong>" +
                        s +
                        '</strong></p><p><a href="tel:+86 153 8188 0509">+86 153 8188 0509</a></p><p><strong>' + 
                        '<strong>Email</strong></p><p><a href="mailto:management.nbo@cn.wtogroup.com">management.nbo@cn.wtogroup.com</a></p><p><strong>',
                    ],
                    [
                        "World Transport Overseas Chongqing Branch",
                        29.58805,
                        106.5240851,
                        "china",
                        '<h2 class="h2-class">Chongqing Branch</h2>' + '<p><strong>' + s + '</strong><a href="tel:+8617723285037">+86 177 2328 5037</a></p>'
                    ],
                    [
                        "World Transport Overseas Slovenia D.O.O.",
                        45.5480995,
                        13.735615,
                        "slovenia",
                        '<h2 class="h2-class">' + u + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+38681601058">+386 81601058</a></p><p><strong>' + s + '</strong></p><p><a href="tel:+38681601031">+386 81601031</a></p>',
                    ],
                    [
                        "WORLD TRANSPORT OVERSEAS HELLAS S.A.",
                        40.637340,
                        22.932750,
                        "greece",
                        '<h2 class="h2-class">' + w + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+302310514444">+30 2310514444</a></p>',
                    ],
                    [
                        "WORLD TRANSPORT OVERSEAS DOO MACEDONIA",
                        41.9981,
                        21.4254,
                        "macedonia",
                        '<h2 class="h2-class">' + L + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+38925517770">+389 25517770</a></p>',
                    ],
                    [
                        "World Transport Overseas China",
                        31.291091, 121.490935,
                        "china",
                        '<h2 class="h2-class">' + d + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+862160718300">+86 21 60718300</a></p>'
                    ],
                    [
                        "World Transport Overseas Kosovo L.L.C.",
                        42.5839684, 21.3016524,
                        "kosovo", '<h2 class="h2-class">' + xc + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+383 49 889 439">+383 49 889 439</a></p>'
                    ],
                    [
                        "World Transport Overseas Romania Ltd",
                        44.4510213, 26.0936665,
                        "romania",
                        '<h2 class="h2-class">' + rm + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+ 40753104063 ">+40753104063 </a></p>'
                    ],
                    [
                        "World Transport Overseas Romania Ltd",
                        46.8051961, 23.5326773,
                        "romania",
                        '<h2 class="h2-class">Cluj-Napoca branch</h2>' + '<p><strong>' + s + '</strong><a href="tel:+40728275712">+40728275712</a></p>'
                    ],
                    [
                        "World Transport Overseas Romania Ltd",
                        44.1810131, 28.5476063,
                        "romania",
                        '<h2 class="h2-class">Constanta branch</h2>' + '<p><strong>' + s + '</strong><a href="tel:+40727318606">+40 727318606</a></p>'
                    ],
                    [
                        "World Transport Overseas Taiwan Ltd.",
                        25.0505684, 121.5397618,
                        "taiwan", '<h2 class="h2-class">' + tv + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+886-2-2777-5775">+886-2-2777-5775</a></p>' + "<p><strong>" + n + '</strong></p><p><a href="tel:+886-2-2777-5955">+886-2-2777-5955</a></p>'
                    ],
                    [
                        "Albania",
                        41.3233334, 19.8220301,
                        "albania", '<h2 class="h2-class">' + al + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+355 69 20 50 410">+355 69 20 50 410</a></p>'    
                    ],
                    [
                        "Bosnia and Herzegovina",
                        43.8295605, 18.3062631,
                        "bh", '<h2 class="h2-class">' + bh + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+38761281354">+387 61281354</a></p>'    
                    ],
                    [
                        "WORLD TRANSPORT OVERSEAS HELLAS S.A.",
                        37.9529549, 23.6370443,
                        "greece",
                        '<h2 class="h2-class">' + w + "</h2><p><strong>" + s + '</strong></p><p><a href="tel:+30 6970004286">+30 6970004286</a></p><p><a href="tel:210 4611300">210 4611300</a></p>'
                    ],
                ];
            return (
                a.click(
                    ((h = $(".block__contacts.active").data("section")),
                        (location.hash = ""),
                    h && h.length && $(h).addClass("active").fadeIn(500),
                        function (e) {
                            (document.body.scrollTop = 0), (document.documentElement.scrollTop = 0), l.attr("style", "transform: none !important; position: relative; overflow: hidden;"), e.preventDefault();
                            var t = $(this);
                            if (!t.hasClass("active")) {
                                a.removeClass("active"), t.addClass("active");
                                var r = t.data("section");
                                r && r.length && !$(r).hasClass("active") && ($(".contacts__section").removeClass("active").fadeOut(), $(r).addClass("active").fadeIn(500));
                            }
                        })
                ),
                    {
                        initMap: function () {
                            var e = new google.maps.Map(document.getElementById("bulgariaMap"), {
                                    center: {lat: 42.7628208, lng: 25.6963822},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {featureType: "poi.park", elementType: "geometry", stylers: [{color: "#e5e5e5"}]},
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                a = new google.maps.Map(document.getElementById("serbiaMap"), {
                                    center: {lat: 45.6209726, lng: 21.0971461},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                s = new google.maps.Map(document.getElementById("croatiaMap"), {
                                    center: {lat: 45.0720492, lng: 15.8696466},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                n = new google.maps.Map(document.getElementById("sloveniaMap"), {
                                    center: {lat: 46.1422327, lng: 16.5940022},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                z = new google.maps.Map(document.getElementById("greeceMap"), {
                                    center: {lat: 39.074207, lng: 21.824312},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                zl = new google.maps.Map(document.getElementById("macedoniaMap"), {
                                    center: {lat: 41.990210, lng: 21.443910},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                y = new google.maps.Map(document.getElementById("chinaMap"), {
                                    center: {lat: 31.2911614, lng: 121.4904065},
                                    zoom: 5,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],
                                }),
                                cxl = new google.maps.Map(document.getElementById("kosovoMap"), {
                                    center: {lat: 42.5840889, lng: 21.2403675},
                                    zoom: 8,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],

                                }),
                                rml = new google.maps.Map(document.getElementById("romaniaMap"), {
                                    center: {lat: 45.9432, lng: 24.9668},
                                    zoom: 6,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],

                                }),
                                tvl = new google.maps.Map(document.getElementById("taiwanMap"), {
                                    center: {lat: 23.6978, lng: 120.9605},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],

                                }),
                                
                                
                                alba = new google.maps.Map(document.getElementById("аlbaniaMap"), {
                                    center: {lat: 41.3233334, lng: 19.8220301},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],

                                }),
                                
                                bhh = new google.maps.Map(document.getElementById("bhMap"), {
                                    center: {lat: 43.8295605, lng: 18.3062631},
                                    zoom: 7,
                                    styles: [
                                        {elementType: "geometry", stylers: [{color: "#f2f2f2"}]},
                                        {
                                            featureType: "administrative.country",
                                            elementType: "geometry.stroke",
                                            stylers: [{color: "#969696"}]
                                        },
                                        {elementType: "labels.icon", stylers: [{visibility: "off"}]},
                                        {elementType: "labels.text.fill", stylers: [{color: "#484848"}]},
                                        {
                                            elementType: "labels.text.stroke",
                                            stylers: [{color: "#484848"}, {visibility: "off"}]
                                        },
                                        {
                                            featureType: "administrative.province",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {featureType: "poi", elementType: "geometry", stylers: [{color: "#eeeeee"}]},
                                        {
                                            featureType: "poi",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "poi.park",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {featureType: "road", elementType: "geometry", stylers: [{color: "#ffffff"}]},
                                        {
                                            featureType: "road.arterial",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#757575"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "road.highway",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#616161"}]
                                        },
                                        {
                                            featureType: "road.local",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                        {
                                            featureType: "transit.line",
                                            elementType: "geometry",
                                            stylers: [{color: "#e5e5e5"}]
                                        },
                                        {
                                            featureType: "transit.station",
                                            elementType: "geometry",
                                            stylers: [{color: "#eeeeee"}]
                                        },
                                        {featureType: "water", elementType: "geometry", stylers: [{color: "#4a90e2"}]},
                                        {
                                            featureType: "water",
                                            elementType: "labels.text.fill",
                                            stylers: [{color: "#9e9e9e"}]
                                        },
                                    ],

                                }),
                                

                                
                                i = {url: "/app/dist/images/icons/shape.png", size: new google.maps.Size(38, 49)},
                                p = !0,
                                c = !1,
                                f = void 0;
                            try {
                                for (
                                    var T,
                                        m = function () {
                                            var t = T.value,
                                                l = "";
                                            switch (t[3]) {
                                                case "bulgaria":
                                                    l = e;
                                                    break;
                                                case "serbia":
                                                    l = a;
                                                    break;
                                                case "croatia":
                                                    l = s;
                                                    break;
                                                case "slovenia":
                                                    l = n;
                                                    break;
                                                case "greece":
                                                    l = z;
                                                    break;
                                                case "macedonia":
                                                    l = zl;
                                                    break;
                                                case "china":
                                                    l = y;
                                                    break;
                                                case "kosovo":
                                                    l = cxl;
                                                    break;
                                                case "romania":
                                                    l = rml;
                                                    break;
                                                case "taiwan":
                                                    l = tvl;
                                                    break;
                                                case "albania":
                                                    l = alba;
                                                    break;
                                                case "bh":
                                                    l = bhh
                                                    break;
                                            }
                                            var r = new google.maps.InfoWindow({content: t[4]}),
                                                o = new google.maps.Marker({
                                                    position: {lat: t[1], lng: t[2]},
                                                    map: l,
                                                    title: t[0],
                                                    icon: i
                                                });
                                            o.addListener("click", function () {
                                                r.open(l, o);
                                            });
                                        },
                                        g = b[Symbol.iterator]();
                                    !(p = (T = g.next()).done);
                                    p = !0
                                )
                                    m();
                            } catch (p) {
                                (c = !0), (f = p);
                            } finally {
                                try {
                                    !p && g.return && g.return();
                                } finally {
                                    if (c) throw f;
                                }
                            }
                            l &&
                            l.length &&
                            768 < $(window).width() &&
                            (window.addEventListener(
                                "scroll",
                                function () {
                                    l.each(function () {
                                        var e;
                                        (e = {
                                            el: this,
                                            y: this.getBoundingClientRect().top,
                                            windowY: window.scrollY
                                        }), 0 <= r.getBoundingClientRect().bottom || TweenMax.to(e.el, 0.4, {y: e.windowY - o - 80});
                                    });
                                }.bind(t)
                            ),
                                (o = r.getBoundingClientRect().top - document.body.getBoundingClientRect().top));
                        },
                    }
            );
        })();
    </script>

    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3wJG80Cv9K9e66ow3SR7q6WPw_1p0sbw&callback=wtoMaps.initMap"
            async></script>
            
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var myButton = document.getElementById('submitForm');
            myButton.addEventListener('click', function(event) {
             event.preventDefault();
            // Assuming you have a CSRF token stored in a meta tag
            const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
            
            let honeypot_field = document.getElementById('honeypot_field');
            let form_name = document.getElementById('name');
            let form_conctact = document.getElementById('contact');
            let from_lang = document.getElementById('from_lang');
            let from_phone = document.getElementById('form_phone');
            
            if (honeypot_field.length > 0) {
                console.log('Spam detected');
                return;
            }
                        
            fetch('{{route("crequest")}}', {
              method: 'POST', // Specify the method
              headers: {
                // Add any headers here
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': csrfToken // Laravel expects CSRF token for POST requests
              },
              body: JSON.stringify({
                name: form_name.value,
                contact: form_conctact.value,
                phone:from_phone.value,
                honeypot_field: honeypot_field.value,
                from: '{{$lang}}',//from_lang.value
              })
            })
            .then(response => {
                console.log(response)
            //   if (!response.ok) {
            //     throw new Error('Network response was not ok');
            //   }
              return response.json(); // Or .text(), .blob(), etc.
            })
            .then(data => {
               if (data.success == false) {
                    // If the response indicates failure and contains errors,
                    // iterate through the error object and log each error message.
                    Object.keys(data.errors).forEach(field => {
                      if(field == 'name'){
                        form_name.style.border = "1px solid #ff0000";
                      }
                      
                      if(field == 'phone'){
                        from_phone.style.border = "1px solid #ff0000";
                      }                    });
                  } else {
                      document.getElementById('request_contact_form').style.display = 'none'; // Hide the form
                      document.getElementById('request_contact_form_success').style.display = 'block'; // Show the success message
                  }
            })
            .catch(error => {
                console.error('There was a problem with your fetch operation:', error);
            });

          });
        })
</script>
@endsection