Files
backend-mm/resources/views/web/themes/shella/layouts/additional/header/top-header-right-icons.blade.php
2025-09-25 03:03:31 +05:00

173 lines
16 KiB
PHP

<div class="header__sidebar d-flex align-items-center ml-auto">
<a href="{{ route('web.become-seller') }}"
class="header__btn-services hide-on-mobile position-relative d-flex align-items-center ml-15 ml-lg-15"
data-js-tooltip
data-tippy-content="{{ __('Sell on POSTSHOP') }}"
data-tippy-placement="bottom"
data-tippy-distance="6">
<i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-088" viewBox="0 0 24 24">
<path d="M4.181 12.3c-.495-.156-.932-.472-1.309-.947-.378-.475-.566-1.136-.566-1.982 0-.064.003-.117.01-.156a.716.716 0 0 1 .049-.156l3.75-6.875a.849.849 0 0 1 .234-.225.596.596 0 0 1 .332-.088h10a.6.6 0 0 1 .332.088.863.863 0 0 1 .234.225l3.75 6.875a.934.934 0 0 1 .049.156c.006.039.01.092.01.156 0 .808-.189 1.452-.566 1.934-.378.482-.814.814-1.309.996v8.945c0 .183-.059.332-.176.449s-.268.176-.449.176h-5c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449v-3.75h-2.5v3.75c0 .183-.059.332-.176.449s-.268.176-.449.176h-5c-.183 0-.332-.059-.449-.176s-.176-.267-.176-.449V12.3zm-.625-2.812c.025.573.176 1.01.449 1.309.273.3.645.449 1.113.449.377 0 .732-.098 1.064-.293s.498-.514.498-.957c0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .443.169.762.508.957.338.195.709.293 1.113.293a2.02 2.02 0 0 0 1.035-.273c.313-.182.469-.508.469-.977 0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .469.156.795.469.977a2.01 2.01 0 0 0 1.035.273c.403 0 .774-.098 1.113-.293.338-.195.508-.514.508-.957 0-.182.059-.332.176-.449s.267-.176.449-.176.332.059.449.176.176.268.176.449c0 .443.166.762.498.957s.687.293 1.064.293c.469 0 .84-.149 1.113-.449.273-.299.423-.735.449-1.309L16.31 3.121H7.052L3.556 9.488zm14.375 11.133v-8.125a2.856 2.856 0 0 1-1.055-.273 2.552 2.552 0 0 1-.82-.605 2.336 2.336 0 0 1-.957.654c-.391.15-.82.225-1.289.225-.443 0-.847-.071-1.211-.215a2.507 2.507 0 0 1-.918-.605 2.498 2.498 0 0 1-.918.605 3.274 3.274 0 0 1-1.211.215c-.469 0-.898-.074-1.289-.225a2.33 2.33 0 0 1-.957-.654 2.585 2.585 0 0 1-.82.605 2.861 2.861 0 0 1-1.055.273v8.125h3.75v-3.75c0-.182.059-.332.176-.449s.267-.176.449-.176h3.75c.182 0 .332.059.449.176s.176.268.176.449v3.75h3.75z"></path>
</svg>
</i>
</a>
<a href="#"
class="header__btn-services hide-on-mobile position-relative d-flex align-items-center ml-15 ml-lg-15 js-popup-button"
data-js-popup-button="services"
data-js-tooltip
data-tippy-content="{{ __('Client service') }}"
data-tippy-placement="bottom"
data-tippy-distance="6">
<i>
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-172" viewBox="0 0 24 24">
<path d="M12.139 5.929c-.742 0-1.426.205-2.051.615S9 7.498 8.701 8.175c-.065.156-.068.315-.01.478s.173.277.342.342c.156.078.313.085.469.02s.273-.176.352-.332c.195-.456.501-.82.918-1.094.417-.273.872-.41 1.367-.41.69 0 1.279.244 1.768.732s.732 1.077.732 1.768-.244 1.279-.732 1.768-1.078.732-1.768.732a.598.598 0 0 0-.439.186.601.601 0 0 0-.186.439v1.875a.6.6 0 0 0 .186.439.6.6 0 0 0 .439.186.6.6 0 0 0 .439-.186.601.601 0 0 0 .186-.439V13.37c.885-.144 1.627-.563 2.227-1.26a3.614 3.614 0 0 0 .898-2.432c0-1.028-.368-1.911-1.104-2.646-.736-.735-1.618-1.103-2.646-1.103z"/>
<path d="M21.348 7.917A10.212 10.212 0 0 0 19.2 4.743c-.905-.905-1.963-1.621-3.174-2.148s-2.507-.791-3.887-.791-2.676.264-3.887.791-2.269 1.243-3.174 2.148c-.905.905-1.621 1.963-2.148 3.174s-.791 2.507-.791 3.887.264 2.676.791 3.887 1.243 2.269 2.148 3.174c.905.905 1.963 1.621 3.174 2.148s2.506.791 3.887.791c1.38 0 2.676-.264 3.887-.791s2.269-1.243 3.174-2.148c.905-.905 1.621-1.963 2.148-3.174s.791-2.507.791-3.887-.264-2.676-.791-3.887zm-1.153 7.295a8.897 8.897 0 0 1-1.875 2.773 8.909 8.909 0 0 1-2.773 1.875c-1.062.462-2.197.693-3.408.693s-2.347-.231-3.409-.693a8.886 8.886 0 0 1-2.773-1.875 8.909 8.909 0 0 1-1.875-2.773c-.462-1.062-.693-2.197-.693-3.408s.231-2.347.693-3.408a8.902 8.902 0 0 1 1.875-2.774A8.909 8.909 0 0 1 8.73 3.747c1.061-.462 2.197-.693 3.408-.693s2.347.231 3.408.693a8.909 8.909 0 0 1 2.773 1.875 8.909 8.909 0 0 1 1.875 2.773c.462 1.062.693 2.197.693 3.408s-.23 2.347-.692 3.409z"/>
<circle cx="12.139" cy="17.438" r=".74"/>
</svg>
</i>
</a>
<a href="{{ route('web.profile.index') }}"
class="header__btn-account d-flex align-items-center position-relative ml-15 ml-lg-15 js-popup-button"
@guest data-js-popup-button="account" @endguest
data-js-tooltip
data-tippy-content="{{ __('Account') }}"
data-tippy-placement="bottom"
data-tippy-distance="6">
<i>
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-201" viewBox="0 0 24 24">
<path d="M4.023 22.167h-1.25v-.625c0-1.042.163-2.034.488-2.979a9.524 9.524 0 0 1 1.357-2.588 9.366 9.366 0 0 1 2.061-2.031 9.58 9.58 0 0 1 2.598-1.328 5.588 5.588 0 0 1-1.992-2.002 5.413 5.413 0 0 1-.762-2.822c0-.781.146-1.51.439-2.188A5.707 5.707 0 0 1 9.96 2.606c.677-.293 1.406-.439 2.188-.439s1.51.146 2.188.439a5.724 5.724 0 0 1 2.998 2.998c.293.677.439 1.406.439 2.188 0 1.029-.254 1.97-.762 2.822a5.588 5.588 0 0 1-1.992 2.002 9.623 9.623 0 0 1 2.598 1.328 9.41 9.41 0 0 1 3.418 4.619c.325.944.488 1.937.488 2.979v.625h-1.25v-.625c0-1.12-.212-2.174-.635-3.164A8.172 8.172 0 0 0 17.9 15.79a8.172 8.172 0 0 0-2.588-1.738 7.966 7.966 0 0 0-3.164-.635c-1.12 0-2.175.212-3.164.635a8.15 8.15 0 0 0-2.588 1.738 8.155 8.155 0 0 0-1.738 2.588 7.966 7.966 0 0 0-.635 3.164v.625zM8.115 9.491a4.364 4.364 0 0 0 2.334 2.334 4.28 4.28 0 0 0 1.699.342 4.375 4.375 0 0 0 4.033-2.676 4.28 4.28 0 0 0 .342-1.699 4.28 4.28 0 0 0-.342-1.699 4.392 4.392 0 0 0-.938-1.396 4.4 4.4 0 0 0-1.396-.937 4.284 4.284 0 0 0-1.699-.342c-.599 0-1.166.114-1.699.342-.534.228-1 .541-1.396.937-.397.397-.71.863-.938 1.396a4.28 4.28 0 0 0-.342 1.699c0 .599.114 1.165.342 1.699z"/>
</svg>
</i>
</a>
<div class="ml-15 ml-lg-15">
<a href="#" class="header__btn-wishlist d-flex align-items-center position-relative text-nowrap js-popup-button"
@guest
data-js-popup-button="account"
@else
data-js-popup-button="wishlist" data-js-sticky-replace-element="wishlist"
@endguest
data-js-tooltip
data-tippy-content="{{ __('Wish list') }}"
data-tippy-placement="bottom"
data-tippy-distance="6">
<i>
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-180" viewBox="0 0 24 24">
<path d="M21.486 6.599a5.661 5.661 0 0 0-1.25-1.865c-.56-.56-1.191-.979-1.895-1.26a5.77 5.77 0 0 0-4.326 0c-.71.28-1.345.7-1.904 1.26-.026.039-.056.075-.088.107l-.107.107-.107-.107a.706.706 0 0 1-.088-.107c-.56-.56-1.194-.979-1.904-1.26s-1.433-.42-2.168-.42-1.455.14-2.158.42-1.335.7-1.895 1.26c-.547.546-.964 1.168-1.25 1.865s-.43 1.429-.43 2.197.144 1.501.43 2.197.703 1.318 1.25 1.865l7.871 7.871c.003.003.007.004.011.006l.439.436.439-.437c.003-.002.007-.003.01-.006l7.871-7.871c.547-.547.964-1.169 1.25-1.865s.43-1.429.43-2.197-.145-1.5-.431-2.196zm-1.162 3.916a4.436 4.436 0 0 1-.967 1.445l-7.441 7.441-7.441-7.441c-.417-.417-.739-.898-.967-1.445s-.342-1.12-.342-1.719.114-1.172.342-1.719.55-1.035.967-1.465c.442-.43.94-.755 1.494-.977s1.116-.332 1.689-.332a4.496 4.496 0 0 1 3.467 1.641c.098.117.186.241.264.371.117.169.293.254.527.254s.41-.085.527-.254c.078-.13.166-.254.264-.371s.198-.228.303-.332a4.5 4.5 0 0 1 3.164-1.309c.573 0 1.136.11 1.689.332s1.052.547 1.494.977c.417.43.739.918.967 1.465s.342 1.12.342 1.719-.114 1.172-.342 1.719z"/>
</svg>
</i>
<span class="header__counter" id="wishlist-count">
@auth
{{ cache('user_favorites_likes_count') }}
@else
0
@endauth
</span>
</a>
</div>
{{-- <div class="ml-15 ml-lg-15">
<a href="#"
class="header__btn-compare d-flex align-items-center position-relative text-nowrap js-popup-button"
data-js-popup-button="compare-full" data-js-sticky-replace-element="compare"
data-js-tooltip
data-tippy-content="Compare"
data-tippy-placement="bottom"
data-tippy-distance="6">
<i>
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-039" viewBox="0 0 24 24">
<path d="M23.408 19.784c-.01.007-.024.012-.035.02l-4.275-12.11.005-.014-.011-.004-.114-.323v-.061h-6.394v-4.75a.6.6 0 0 0-.186-.439c-.124-.124-.271-.186-.439-.186s-.315.062-.439.186a.601.601 0 0 0-.186.439v4.75H4.939v.062l-.114.322-.011.004.005.014L.544 19.803c-.01-.007-.025-.012-.035-.02l-.388 1.081c1.345.846 3.203 1.363 5.286 1.363 2.08 0 3.935-.515 5.279-1.359l-.019-.054.02-.007L6.326 8.458H17.59l-4.36 12.349.02.007-.019.054c1.344.844 3.199 1.359 5.279 1.359 2.083 0 3.941-.517 5.286-1.363l-.388-1.08zm-14.122.563c-1.085.486-2.434.781-3.88.781-1.423 0-2.749-.288-3.825-.761l.326-.924h7.06l.319.904zm-.71-2.013H2.299l3.138-8.888 3.139 8.888zm9.903-8.888l3.138 8.888h-6.276l3.138-8.888zm.031 11.682c-1.446 0-2.796-.295-3.88-.781l.319-.904h7.06l.326.924c-1.076.473-2.402.761-3.825.761z"/>
</svg>
</i>
<span class="header__counter" data-js-compare-count="0">0</span>
</a>
</div> --}}
<div class="ml-15 ml-lg-15">
<a href="{{ route('web.pages.cart') }}"
class="header__btn-cart position-relative d-flex align-items-center text-nowrap js-popup-button"
data-js-popup-button="cart" data-js-sticky-replace-element="cart"
>
<i class="mr-lg-7">
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-109" viewBox="0 0 24 24">
<path d="M19.884 21.897a.601.601 0 0 1-.439.186h-15a.6.6 0 0 1-.439-.186.601.601 0 0 1-.186-.439v-15a.6.6 0 0 1 .186-.439.601.601 0 0 1 .439-.186h3.75c0-1.028.368-1.911 1.104-2.646.735-.735 1.618-1.104 2.646-1.104s1.911.368 2.646 1.104c.735.736 1.104 1.618 1.104 2.646h3.75a.6.6 0 0 1 .439.186.601.601 0 0 1 .186.439v15a.604.604 0 0 1-.186.439zM18.819 7.083h-3.125v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5h-5v2.5a.598.598 0 0 1-.186.439c-.124.124-.271.186-.439.186s-.315-.062-.439-.186a.6.6 0 0 1-.186-.439v-2.5H5.069v13.75h13.75V7.083zm-8.642-3.018a2.409 2.409 0 0 0-.733 1.768h5c0-.69-.244-1.279-.732-1.768s-1.077-.732-1.768-.732-1.279.244-1.767.732z"/>
</svg>
</i>
<span class="header__counter top-header-cart-icons" data-js-cart-count-desktop="0">0</span>
</a>
</div>
{{-- @auth --}}
<div class="ml-15 ml-lg-15">
<a href="{{ route('web.profile.orders.index') }}" class="header__btn-cart position-relative d-flex align-items-center text-nowrap js-popup-button"
@guest data-js-popup-button="account" @endguest
data-js-tooltip
data-tippy-content="{{ __('My orders') }}"
data-tippy-placement="bottom"
data-tippy-distance="6"
>
{{-- mr-lg-7 --}}
<i class="">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-theme-113" viewBox="0 0 24 24">
<path d="M22.111 8.227V16.4a.617.617 0 0 1-.098.332.62.62 0 0 1-.254.234l-8.75 4.375h-.02l-.117.039a.435.435 0 0 1-.137.02.435.435 0 0 1-.137-.02l-.117-.039h-.02l-10-5a.627.627 0 0 1-.254-.234.617.617 0 0 1-.098-.332V7.63v-.029c0-.006.006-.016.02-.029a.423.423 0 0 1 .039-.176v-.02c0-.013.006-.02.02-.02a.249.249 0 0 1 .06-.096l.078-.078c.013-.013.026-.02.039-.02l.039-.039a.223.223 0 0 1 .058-.039l8.75-4.375a.603.603 0 0 1 .273-.059c.104 0 .195.02.273.059l10 5a.25.25 0 0 1 .059.039l.039.039c.013 0 .026.007.039.02l.078.078a.235.235 0 0 1 .06.097c.013 0 .02.007.02.02v.02a.504.504 0 0 1 .039.176c.012.012.019.022.019.029zm-18.75 7.158l8.75 4.375v-6.719l-8.75-4.375v6.719zm9.375-3.438l3.086-1.543L7.404 6.01 4.142 7.65l8.594 4.297zm-1.25-7.968L8.771 5.326l8.438 4.395 2.871-1.445-8.594-4.297zm9.375 12.031V9.291l-7.5 3.75v6.719l7.5-3.75z"></path>
</svg>
</i>
{{-- <span class="header__counter" data-js-cart-count-desktop="0">0</span> --}}
</a>
</div>
{{-- @endauth --}}
{{-- <div class="position-lg-relative d-none d-lg-block ml-lg-15"
data-js-position-desktop="currencies">
<div class="js-position js-dropdown js-currencies-list"
data-js-position-name="currencies">
<div class="header__btn-currency position-relative d-none d-lg-flex align-items-lg-center cursor-pointer"
data-js-dropdown-button>
<span class="mt-lg-3" data-current-currency>US($)</span><i>
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-229" viewBox="0 0 24 24">
<path d="M11.783 14.088l-3.75-3.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l3.301 3.32 3.301-3.32a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-3.75 3.75a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .841.841 0 0 1-.215-.127z"/>
</svg>
</i></div>
<div class="header__dropdown dropdown d-lg-none position-lg-absolute top-lg-100 right-lg-0"
data-js-dropdown>
<ul class="list-unstyled w-100 px-15 py-30 py-lg-15">
<li class="active" data-button-name="US($)" data-currency-code="USD"><a
href="#USD">USD - US Dollar</a></li>
<li data-button-name="UE(€)" data-currency-code="EUR"><a href="#EUR">EUR -
Euro</a></li>
<li data-button-name="BP(£)" data-currency-code="GBP"><a href="#GBP">GBP -
British Pound</a></li>
</ul>
</div>
</div>
</div> --}}
<div class="position-lg-relative d-none d-lg-block ml-lg-15"
data-js-position-desktop="languages">
<div class="js-position js-dropdown js-languages-list"
data-js-position-name="languages">
<div class="header__btn-language position-relative d-none d-lg-flex align-items-lg-center cursor-pointer" data-js-dropdown-button="">
<span class="mt-lg-3">{{ config('app.locales')[app()->getLocale()] ?? 'Türkmen' }}</span>
<i>
<svg aria-hidden="true" focusable="false" role="presentation"
class="icon icon-theme-229" viewBox="0 0 24 24">
<path d="M11.783 14.088l-3.75-3.75a.652.652 0 0 1-.176-.449c0-.169.059-.319.176-.449a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176l3.301 3.32 3.301-3.32a.65.65 0 0 1 .449-.176c.169 0 .318.059.449.176.117.13.176.28.176.449a.652.652 0 0 1-.176.449l-3.75 3.75a.877.877 0 0 1-.215.127.596.596 0 0 1-.468 0 .841.841 0 0 1-.215-.127z"></path>
</svg>
</i>
</div>
<div class="header__dropdown dropdown d-lg-none position-lg-absolute top-lg-100 right-lg-0"
data-js-dropdown="">
<ul class="list-unstyled w-100 px-15 pb-30 py-lg-15">
@foreach(config('app.locales') as $key => $value)
<li @class(['active' => app()->getLocale() == $key]) data-l="{{ $key }}"><a href="{{ route('web.locale.set', $key) }}"><span>{{ $value }}</span></a></li>
@endforeach
</ul>
</div>
</div>
</div>
</div>