81 lines
4.5 KiB
PHP
81 lines
4.5 KiB
PHP
<aside class="col-lg-3">
|
|
<div class="d-none d-lg-block" style="margin-top: -105px"></div>
|
|
<div class="offcanvas-lg offcanvas-start sticky-lg-top pe-lg-0 pe-xl-4" id="accountSidebar">
|
|
<div class="d-none d-lg-block" style="padding-top: 105px"></div>
|
|
<!-- Header -->
|
|
<div class="offcanvas-header align-items-start d-lg-block py-3 p-lg-0">
|
|
<div class="d-flex align-items-start flex-lg-column gap-lg-3">
|
|
<!-- Visible on screens > 991px wide -->
|
|
<div class="ratio ratio-1x1 border rounded-circle overflow-hidden d-none d-lg-block" style="width: 86px">
|
|
<img alt="Avatar" src="/img/account/avatar.png" />
|
|
</div>
|
|
<!-- Visible on screens < 992px wide -->
|
|
<div class="ratio ratio-1x1 border rounded-circle overflow-hidden flex-shrink-0 d-lg-none"
|
|
style="width: 48px">
|
|
<img alt="Avatar" src="/img/account/avatar.png" />
|
|
</div>
|
|
<div class="w-100 ps-2 ms-1 ms-lg-0 ps-lg-0">
|
|
<h4 class="h6 mb-1 mb-lg-2">Coderthemes</h4>
|
|
<p class="fs-sm mb-0">Digital products & bespoke development</p>
|
|
</div>
|
|
</div>
|
|
<button aria-label="Close" class="btn-close d-lg-none mt-n2" data-bs-dismiss="offcanvas"
|
|
data-bs-target="#accountSidebar" type="button"></button>
|
|
</div>
|
|
<!-- Body (Navigation) -->
|
|
<div class="offcanvas-body d-block pt-2 pt-lg-4 pb-lg-0">
|
|
<nav class="list-group list-group-borderless">
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-dashboard']) }}">
|
|
<i class="ci-grid fs-base opacity-75 me-2"></i>
|
|
Dashboard
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-products']) }}">
|
|
<i class="ci-layers fs-base opacity-75 me-2"></i>
|
|
Products (4)
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-sales']) }}">
|
|
<i class="ci-pie-chart fs-base opacity-75 me-2"></i>
|
|
Sales
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-payouts']) }}">
|
|
<i class="ci-dollar-sign fs-base opacity-75 me-2"></i>
|
|
Payouts
|
|
</a>
|
|
</nav>
|
|
<h6 class="pt-4 ps-2 ms-1">User account</h6>
|
|
<nav class="list-group list-group-borderless">
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-purchases']) }}">
|
|
<i class="ci-shopping-bag fs-base opacity-75 me-2"></i>
|
|
Purchases (6)
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-favorites']) }}">
|
|
<i class="ci-heart fs-base opacity-75 me-2"></i>
|
|
Favorites
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'marketplace-settings']) }}">
|
|
<i class="ci-settings fs-base opacity-75 me-2"></i>
|
|
Settings
|
|
</a>
|
|
<a class="list-group-item list-group-item-action d-flex align-items-center rounded-pill"
|
|
href="{{ route('second', ['account', 'signin']) }}">
|
|
<i class="ci-log-out fs-base opacity-75 me-2"></i>
|
|
Log out
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
<div class="offcanvas-header d-lg-block p-lg-0">
|
|
<button class="btn btn-dark rounded-pill w-100 animate-scale mt-lg-4" type="button">
|
|
<i class="ci-plus-circle fs-base animate-target me-2 ms-n1"></i>
|
|
Add product
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</aside>
|