You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
47 lines
1.7 KiB
47 lines
1.7 KiB
<div>
|
|
<a
|
|
class="btn btn-link nav-link d-flex align-items-center px-2 py-2"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
href="#"
|
|
role="button"
|
|
>
|
|
<x-tabler-language class="w-full" />
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-end dropdown-menu-md p-0">
|
|
<div class="list-group list-group-flush m-0">
|
|
<button
|
|
type="button"
|
|
wire:click="changeLocale('en')"
|
|
@class([
|
|
'list-group-item list-group-item-action d-flex justify-content-between align-items-center border-0 py-3 px-4',
|
|
'active' => $currentLocale === 'en',
|
|
])
|
|
>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<span class="fs-6">🇬🇧</span>
|
|
<span>English</span>
|
|
</div>
|
|
@if ($currentLocale === 'en')
|
|
<x-tabler-check width="16" class="text-white" />
|
|
@endif
|
|
</button>
|
|
<button
|
|
type="button"
|
|
wire:click="changeLocale('id')"
|
|
@class([
|
|
'list-group-item list-group-item-action d-flex justify-content-between align-items-center border-0 py-3 px-4',
|
|
'active' => $currentLocale === 'id',
|
|
])
|
|
>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<span class="fs-6">🇮🇩</span>
|
|
<span>Bahasa Indonesia</span>
|
|
</div>
|
|
@if ($currentLocale === 'id')
|
|
<x-tabler-check width="16" class="text-white" />
|
|
@endif
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|