@php
    $header = getThemeOption('header' . activeLanguage()) ?? 'headeren';
    $header = $header ? $header : getThemeOption('headeren');
@endphp

<div class="topbar d-lg-block d-none">
    <div class="row">
        <div class="col-lg-12 d-flex justify-content-between align-items-center">
            <div class="topbar-left">
                <p>
                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <g>
                            <path
                                d="M11.6664 7.33336C9.27258 7.33336 7.33301 9.27215 7.33301 11.6669C7.33316 14.06 9.27258 16.0001 11.6664 16.0001C14.0605 16.0001 15.9999 14.0601 15.9999 11.6666C15.9999 9.27203 14.0605 7.33336 11.6664 7.33336ZM11.6664 14.6666C10.0089 14.6666 8.66637 13.3237 8.66637 11.6666C8.66637 10.0091 10.0089 8.66656 11.6664 8.66656C13.3239 8.66656 14.6664 10.0091 14.6664 11.6666C14.6664 13.3237 13.3239 14.6666 11.6664 14.6666Z"
                                fill="#059669" />
                            <path
                                d="M13.3334 0C11.8608 0 10.6666 1.19445 10.6666 2.66691C10.6666 4.13941 9.47266 5.3334 8.00004 5.3334C6.52742 5.3334 5.3334 4.13941 5.3334 2.6668C5.3334 1.19418 4.13945 0 2.6666 0C1.19449 0 0 1.19398 0 2.66664C0 4.1393 1.19445 5.33324 2.66664 5.33324C4.13926 5.33324 5.33293 6.52727 5.33293 7.99973C5.33293 9.47238 4.13941 10.6664 2.66664 10.6664C1.19387 10.6664 0 11.8608 0 13.3334C0 14.8061 1.19398 16.0001 2.66664 16.0001C4.1393 16.0001 5.33324 14.8052 5.33324 13.3334C5.33324 8.91602 8.91465 5.33344 13.3331 5.33293C14.8061 5.33293 16.0001 4.13895 16.0001 2.66648C16.0001 1.19445 14.8061 0 13.3334 0ZM2.66664 3.99992C1.92977 3.99992 1.33316 3.40305 1.33316 2.66664C1.33316 1.92977 1.92977 1.33316 2.66664 1.33316C3.40316 1.33316 3.99992 1.92977 3.99992 2.66664C3.99992 3.40301 3.40344 3.99992 2.66664 3.99992ZM2.66664 14.6666C1.92977 14.6666 1.33316 14.0691 1.33316 13.3334C1.33316 12.5961 1.92977 12 2.66664 12C3.40352 12 3.99992 12.5961 3.99992 13.3334C3.99992 14.0691 3.40344 14.6666 2.66664 14.6666ZM13.3334 3.99992C12.5961 3.99992 12 3.40305 12 2.66664C12 1.92977 12.5961 1.33316 13.3334 1.33316C14.0704 1.33316 14.6666 1.92977 14.6666 2.66664C14.6666 3.40301 14.0704 3.99992 13.3334 3.99992H13.3334Z"
                                fill="#059669" />
                        </g>
                    </svg>
                    {!! clean($header['header-left-text'] ?? '') !!}
                </p>
            </div>
            @php
                if (Session::has('locale')) {
                    $locale = Session::get('locale', Config::get('app.locale'));
                } else {
                    $locale = env('DEFAULT_LANGUAGE');
                }
            @endphp
            <div class="topbar-right">
                <div class="language-select">
                    <div class="lang-card-wrap">
                        <img
                            src="{{ asset('storage/lang/flags/' . $locale . '.png') }}" /><span>{{ translate('Language') }}</span>
                        <ul class="topbar-sublist" id="change-lang">
                            @foreach (App\Models\Admin\Language::all() as $language)
                                <li>
                                    <a class="languageTranslate dropdown-item d-flex @if ($locale == $language->code) active @endif"
                                        href="javascript:void(0)" data-action="{{ route('language.change') }}"
                                        id="{{ $language->code }}" data-code="{{ $language->code }}"
                                        data-flag="{{ $language->code }}">
                                        <img src="{{ asset('storage/lang/flags/' . $language->code . '.png') }}" alt="flags">
                                        <span>{{ $language->name }}</span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="social-area">
                    @include('front.layouts.includes.social-area')
                </div>
            </div>
        </div>
    </div>
</div>