Developer
<div class="sidebar">
<div class="sidebar-inner">
<div class="sidebar-inner-wrapper">
<div class="sidebar-logo">
<a href="{{ setRoute('frontend.index') }}" class="sidebar-main-logo">
<img src="{{ get_logo($basic_settings) }}" data-white_img="{{ asset($basic_settings) }}"
data-dark_img="{{ get_logo($basic_settings,"dark") }}" alt="logo">
</a>
<button class="sidebar-menu-bar">
<i class="fas fa-exchange-alt"></i>
</button>
</div>
@php
$current_url = URL::current();
@endphp
<div class="sidebar-menu-wrapper">
<ul class="sidebar-menu">
<li class="sidebar-menu-item {{ menuActive('user.dashboard') }}">
<a href="{{ setRoute('user.dashboard') }}">
<i class="menu-icon las la-palette"></i>
<span class="menu-title">{{ __("Dashboard") }}</span>
</a>
</li>
<li class="sidebar-menu-item {{ menuActive('user.add.money.index') }}">
<a href="{{ setRoute('user.add.money.index') }}">
<i class="menu-icon las la-plus-square"></i>
<span class="menu-title">{{ __("Add Money") }}</span>
</a>
</li>
<li class="sidebar-menu-item {{ menuActive('user.transfer.money.index') }}">
<a href="{{ setRoute('user.transfer.money.index') }}">
<i class="menu-icon las la-fax"></i>
<span class="menu-title">{{ __("Transfer Money") }}</span>
</a>
</li>
<li class="sidebar-menu-item {{ menuActive('user.merchant.details.index') }}">
<a href="{{ setRoute('user.merchant.details.index') }}">
<i class="menu-icon las la-plus-square"></i>
<span class="menu-title">{{ __("Merchant Details") }}</span>
</a>
</li>
<li class="sidebar-menu-item {{ menuActive('user.card.index') }}">
<a href="{{ setRoute('user.card.index') }}">
<i class="menu-icon las la-paper-plane"></i>
<span class="menu-title">{{ __("Save Cards") }}</span>
</a>
</li>
<li class="sidebar-menu-item sidebar-dropdown {{ menuActive([
'user.transaction.log.add.money',
'user.transaction.log.transfer.money',
'user.transaction.log.card.payment'
]) }}">
<a href="javascript:void(0)">
<i class="menu-icon las la-calendar-check"></i>
<span class="menu-title">{{ __("Transaction Log") }}</span>
</a>
<ul class="sidebar-submenu">
<li class="sidebar-menu-item">
<a href="{{ setRoute('user.transaction.log.add.money') }}" class="nav-link {{ menuActive('user.transaction.log.add.money') }}">
<i class="menu-icon las la-ellipsis-h"></i>
<span class="menu-title">{{ __("Add Money Log") }}</span>
</a>
<a href="{{ setRoute('user.transaction.log.transfer.money') }}" class="nav-link {{ menuActive('user.transaction.log.transfer.money') }}">
<i class="menu-icon las la-ellipsis-h"></i>
<span class="menu-title">{{ __("Transfer Money Log") }}</span>
</a>
<a href="{{ setRoute('user.transaction.log.card.payment') }}" class="nav-link {{ menuActive('user.transaction.log.card.payment') }}">
<i class="menu-icon las la-ellipsis-h"></i>
<span class="menu-title">{{ __("Payment Log") }}</span>
</a>
</li>
</ul>
</li>
<li class="sidebar-menu-item {{ menuActive('user.kyc.index') }}">
<a href="{{ setRoute('user.kyc.index') }}">
<i class="menu-icon las la-user-shield"></i>
<span class="menu-title">{{ __("KYC Verification") }}</span>
</a>
</li>
<li class="sidebar-menu-item {{ menuActive('user.security.google.2fa') }}">
<a href="{{ setRoute('user.security.google.2fa') }}">
<i class="menu-icon las la-lock-open"></i>
<span class="menu-title">{{ __("2FA Security") }}</span>
</a>
</li>
<li class="sidebar-menu-item">
<a href="javascript:void(0)" class="logout-btn">
<i class="menu-icon las la-sign-out-alt"></i>
<span class="menu-title">{{ __("Logout") }}</span>
</a>
</li>
</ul>
</div>
</div>
<div class="sidebar-doc-box bg_img" data-background="{{ asset('public/frontend') }}/images/element/sidebar.webp">
<div class="sidebar-doc-icon">
<i class="las la-headset"></i>
</div>
<div class="sidebar-doc-content">
<h4 class="title">{{ __("Help Center") }}</h4>
<p>{{ __("How can we help you?") }}</p>
<div class="sidebar-doc-btn">
<a href="{{ setRoute('user.support.ticket.index') }}" class="btn--base w-100">{{ __("Get Support") }}</a>
</div>
</div>
</div>
</div>
</div>
@push('script')
<script>
$(".logout-btn").click(function(){
var actionRoute = "{{ setRoute('user.logout') }}";
var target = 1;
var message = `{{ __("Are you sure to") }} <strong>{{ __("Logout") }}</strong>?`;
openAlertModal(actionRoute,target,message,"{{ __('Logout') }}","POST");
/**
* Function for open delete modal with method DELETE
* @param {string} URL
* @param {string} target
* @param {string} message
* @returns
*/
function openAlertModal(URL,target,message,actionBtnText = "{{ __('Remove') }}",method = "DELETE"){
if(URL == "" || target == "") {
return false;
}
if(message == "") {
message = "Are you sure to delete ?";
}
var method = `<input type="hidden" name="_method" value="${method}">`;
openModalByContent(
{
content: `<div class="card modal-alert border-0">
<div class="card-body">
<form method="POST" action="${URL}">
<input type="hidden" name="_token" value="${laravelCsrf()}">
${method}
<div class="head mb-3">
${message}
<input type="hidden" name="target" value="${target}">
</div>
<div class="foot d-flex align-items-center justify-content-between">
<button type="button" class="modal-close btn--base btn-for-modal">{{ __("Close") }}</button>
<button type="submit" class="alert-submit-btn btn--base bg-danger btn-loading btn-for-modal">${actionBtnText}</button>
</div>
</form>
</div>
</div>`,
},
);
}
});
</script>
@endpush
Developer
To ensure a smooth integration process and optimal performance, follow these best practices: