Files
citrus/resources/views/components/custom/language-selector.blade.php
T

49 lines
1.8 KiB
PHP

@php
$languages = available_languages();
$currentLang = current_language_code();
$currentLanguage = $languages->firstWhere('code', $currentLang);
@endphp
<style>
@media (max-width: 991.98px) {
.language-select .dropdown-menu {
background: #2a303b !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
padding: 10px !important;
border-radius: 0.4rem !important;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2) !important;
position: absolute !important;
z-index: 1050 !important;
}
.language-select .dropdown-item {
color: #ffffff !important;
padding: 0.25rem 0.75rem !important;
}
}
</style>
<div class="navbar-other !flex !ml-5">
<ul class="navbar-nav !flex-row !items-center">
<li class="nav-item dropdown language-select uppercase group">
<a class="nav-link dropdown-item dropdown-toggle xl:!text-[.85rem] lg:!text-[.85rem] max-lg:!text-[1.05rem]" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@if($currentLanguage)
{{ strtoupper($currentLanguage->code) }}
@else
{{ strtoupper($currentLang) }}
@endif
</a>
<ul class="dropdown-menu !bg-[#2a303b] lg:!bg-white group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
@foreach($languages as $language)
<li class="nav-item">
<a class="dropdown-item !text-white lg:!text-[#343f52] hover:!text-[#747ed1] {{ $language->code === $currentLang ? 'active font-bold !text-[#e31e24] lg:!text-[#e31e24]' : '' }}"
href="{{ route('language.switch', $language->code) }}">
{{ strtoupper($language->code) }}
</a>
</li>
@endforeach
</ul>
</li>
</ul>
<!-- /.navbar-nav -->
</div>