<div class="settings-sidebar-area" id="settings-sidebar-area">
<div class="settings-sidebar-header">
<h5 class="title">{{ __("Settings") }}</h5>
</div>
<div class="settings-sidebar-body">
<div class="language-area">
<h5 class="title">{{ __("Language") }}</h5>
<div class="radio-wrapper">
<div class="radio-item">
<input type="radio" id="test-default" value="en" name="lang_switch" @if (app()->currentLocale() == language_const()::NOT_REMOVABLE) checked @endif>
<label for="test-default">{{ __("English") }}</label>
</div>
@foreach ($__languages->where("code","!=",language_const()::NOT_REMOVABLE) as $key => $item)
<div class="radio-item">
<input type="radio" id="test{{$key}}" value="{{ $item->code }}" name="lang_switch" @if (app()->currentLocale() == $item->code) checked @endif>
<label for="test{{$key}}">{{ $item->name }}</label>
</div>
@endforeach
</div>
</div>
<div class="layout-area">
<h5 class="title">{{ __("Layout Mode") }}</h5>
<div class="layout-wrapper">
<div class="layout-content">
<span>{{ __("Dark Mode") }}</span>
</div>
<div class="layout-tab">
<span class="layout-tab-switcher" id="layout-tab-switcher"></span>
</div>
</div>
</div>
<div class="layout-area topbar-layout-area">
<h5 class="title">{{ __("Topbar Color") }}</h5>
<div class="layout-wrapper">
<div class="layout-content">
<span>{{ __("Light Mode") }}</span>
</div>
<div class="layout-tab">
<span class="layout-tab-switcher" id="topbar-tab-switcher"></span>
</div>
</div>
</div>
<div class="layout-area sidebar-layout-area">
<h5 class="title">{{ __("Sidebar Color") }}</h5>
<div class="layout-wrapper">
<div class="layout-content">
<span>{{ __("Dark Mode") }}</span>
</div>
<div class="layout-tab">
<span class="layout-tab-switcher" id="sidebar-tab-switcher"></span>
</div>
</div>
</div>
<div class="layout-area min-sidebar-layout-area">
<h5 class="title">{{ __("Min Sidebar Color") }}</h5>
<div class="layout-wrapper">
<div class="layout-content">
<span>{{ __("Dark Mode") }}</span>
</div>
<div class="layout-tab">
<span class="layout-tab-switcher" id="min-sidebar-tab-switcher"></span>
</div>
</div>
</div>
<div class="layout-area direction-layout-area">
<h5 class="title">{{ __("Direction") }}</h5>
<div class="layout-wrapper">
<div class="layout-content">
<span>{{ __("RTL Support") }}</span>
</div>
<div class="layout-tab">
<span class="layout-tab-switcher" id="direction-tab-switcher"></span>
</div>
</div>
</div>
</div>
</div>
@push('script')
<script>
$("input[name=lang_switch]").change(function(){
var submitForm = `<form action="{{ setRoute('admin.languages.switch') }}" id="local_submit" method="POST"> @csrf <input type="hidden" name="target" value="${$(this).val()}" ></form>`;
$("body").append(submitForm);
$("#local_submit").submit();
});
</script>
@endpush
Save Cards
Simplify your payment experience by securely saving your card on our platform. After your initial transaction, you can choose to store your card details safely for future use. This feature eliminates the need to re-enter your payment information each time, making checkouts faster while keeping your data secure with advanced encryption and robust security measures.