<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
How To Payment
Making a payment on our website is quick and secure. Start by logging in or creating an account. Select your preferred payment method, input the required details, and review the information. Once you confirm everything is correct, click on the "Submit Payment" button. You’ll receive instant confirmation and can track your payment status through your account dashboard. It’s an easy and secure process.