nurafrinaalimi16
97 lines
4.6 KiB
PHP
97 lines
4.6 KiB
PHP
<style>
|
|
.loader-arrahn {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
z-index: 9999;
|
|
}
|
|
|
|
.loader-arrahn img {
|
|
width: 100px; /* Image size */
|
|
}
|
|
|
|
.loader-arrahn:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 120px;
|
|
height: 120px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
border-radius: 50%;
|
|
z-index: -1;
|
|
}
|
|
|
|
.overlay-arrahn {
|
|
position: fixed;
|
|
z-index: 9998;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
|
|
<script> let routetrolley = '{{ route("payment.action") }}';let csrftoken = '{{ csrf_token() }}';</script>
|
|
<script src="{{ asset('js/miscellaneous/navigation-trolley.js') }}"></script>
|
|
|
|
<div id="load-arrahn" class="d-none">
|
|
<div class="overlay-arrahn"></div>
|
|
<div class="loader-arrahn text-center">
|
|
<img src="{{ asset('argon/img/brand/ar-rahn-take-2.gif') }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container position-sticky z-index-sticky top-0">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<nav class="navbar navbar-expand-lg blur border-radius-xl top-0 z-index-fixed shadow position-absolute my-3 py-2 start-0 end-0 mx-4">
|
|
<div class="container-fluid px-0">
|
|
<a class="navbar-brand font-weight-bolder ms-sm-3" href="/" rel="tooltip" title="ArrahnPay" data-placement="bottom">
|
|
<img src="{{ asset('/argon/img/brand/erahn-click-2.png') }}" style="text-align:center;" class="img-fluid w-25" alt="Responsive Image">
|
|
</a>
|
|
<button class="navbar-toggler shadow-none ms-2" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon mt-2">
|
|
<span class="navbar-toggler-bar bar1"></span>
|
|
<span class="navbar-toggler-bar bar2"></span>
|
|
<span class="navbar-toggler-bar bar3"></span>
|
|
</span>
|
|
</button>
|
|
<div class="collapse navbar-collapse pt-3 pb-2 py-lg-0 w-100" id="navigation">
|
|
<ul class="navbar-nav navbar-nav-hover ms-auto">
|
|
<li class="nav-item ms-lg-auto">
|
|
<a class="nav-link nav-link-icon me-2" href="{{ route('profile.edit') }}">
|
|
<i class="fa fa-user me-1"></i>
|
|
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tetapan Profile">{{ auth()->user()->name }}</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item ms-lg-auto">
|
|
<a class="nav-link nav-link-icon me-2" href="{{ route('miscellaneous.manualpengguna') }}">
|
|
<i class="fa fa-download"></i>
|
|
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Manual Pengguna">Manual Pengguna</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item ms-lg-auto">
|
|
<a id="a-redirect" class="nav-link nav-link-icon me-2 cursor-pointer" onclick="redirectTrolley()">
|
|
<i class="fa fa-shopping-cart"></i>
|
|
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Troli">Troli <span id="cart-count" class="badge bg-danger ms-1">0</span></p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item my-auto ms-3 ms-lg-0">
|
|
<a href="{{ route('logout') }}" class="btn btn-sm bg-white border mb-0 me-1 mt-2 mt-md-0" onclick="event.preventDefault();document.getElementById('logout-form').submit();">
|
|
<span>{{ __('LOG KELUAR') }}</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- End Navbar -->
|
|
</div>
|
|
</div>
|
|
</div> |