ECOMMERCE/resources/views/layouts/account.blade.php

115 lines
7.0 KiB
PHP

<!DOCTYPE html>
<html lang="en" data-bs-theme="light" data-pwa="true">
<head>
@include('layouts.partials/title-meta')
@vite(['resources/js/theme-switcher.js'])
@include('layouts.partials/head-css')
</head>
<body>
<!-- Search offcanvas -->
<div class="offcanvas offcanvas-top" id="searchBox" data-bs-backdrop="static" tabindex="-1">
<div class="offcanvas-header border-bottom p-0 py-lg-1">
<form class="container d-flex align-items-center">
<input type="search" class="form-control form-control-lg fs-lg border-0 rounded-0 py-3 ps-0"
placeholder="Search the products" data-autofocus="offcanvas">
<button type="reset" class="btn-close fs-lg" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</form>
</div>
<div class="offcanvas-body px-0">
<div class="container text-center">
<svg class="text-body-tertiary opacity-60 mb-4" xmlns="http://www.w3.org/2000/svg" width="60"
viewBox="0 0 512 512" fill="currentColor">
<path
d="M340.115,361.412l-16.98-16.98c-34.237,29.36-78.733,47.098-127.371,47.098C87.647,391.529,0,303.883,0,195.765S87.647,0,195.765,0s195.765,87.647,195.765,195.765c0,48.638-17.738,93.134-47.097,127.371l16.98,16.98l11.94-11.94c5.881-5.881,15.415-5.881,21.296,0l112.941,112.941c5.881,5.881,5.881,15.416,0,21.296l-45.176,45.176c-5.881,5.881-15.415,5.881-21.296,0L328.176,394.648c-5.881-5.881-5.881-15.416,0-21.296L340.115,361.412z M195.765,361.412c91.484,0,165.647-74.163,165.647-165.647S287.249,30.118,195.765,30.118S30.118,104.28,30.118,195.765S104.28,361.412,195.765,361.412z M360.12,384l91.645,91.645l23.88-23.88L384,360.12L360.12,384z M233.034,233.033c5.881-5.881,15.415-5.881,21.296,0c5.881,5.881,5.881,15.416,0,21.296c-32.345,32.345-84.786,32.345-117.131,0c-5.881-5.881-5.881-15.415,0-21.296c5.881-5.881,15.416-5.881,21.296,0C179.079,253.616,212.45,253.616,233.034,233.033zM135.529,180.706c-12.475,0-22.588-10.113-22.588-22.588c0-12.475,10.113-22.588,22.588-22.588c12.475,0,22.588,10.113,22.588,22.588C158.118,170.593,148.005,180.706,135.529,180.706z M256,180.706c-12.475,0-22.588-10.113-22.588-22.588c0-12.475,10.113-22.588,22.588-22.588s22.588,10.113,22.588,22.588C278.588,170.593,268.475,180.706,256,180.706z" />
</svg>
<h6 class="mb-2">Your search results will appear here</h6>
<p class="fs-sm mb-0">Start typing in the search field above to see instant search results.</p>
</div>
</div>
</div>
@include('layouts.partials/offcanvas')
<!-- Bonuses info modal -->
<div class="modal fade" id="bonusesModal" tabindex="-1" aria-labelledby="bonusesModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="bonusesModalLabel">My bonuses</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row align-items-center">
<div class="col-sm-6 mb-4 mb-sm-0">
<div class="position-relative bg-warning text-center rounded-4 overflow-hidden">
<div class="position-relative z-1 py-3 px-4">
<svg class="text-white opacity-75 mb-2" xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 16 16" fill="currentColor">
<path
d="M1.333 9.667H7.5V16h-5c-.64 0-1.167-.527-1.167-1.167V9.667zm13.334 0v5.167c0 .64-.527 1.167-1.167 1.167h-5V9.667h6.167zM0 5.833V7.5c0 .64.527 1.167 1.167 1.167h.167H7.5v-1-3H1.167C.527 4.667 0 5.193 0 5.833zm14.833-1.166H8.5v3 1h6.167.167C15.473 8.667 16 8.14 16 7.5V5.833c0-.64-.527-1.167-1.167-1.167z" />
<path
d="M8 5.363a.5.5 0 0 1-.495-.573C7.752 3.123 9.054-.03 12.219-.03c1.807.001 2.447.977 2.447 1.813 0 1.486-2.069 3.58-6.667 3.58zM12.219.971c-2.388 0-3.295 2.27-3.595 3.377 1.884-.088 3.072-.565 3.756-.971.949-.563 1.287-1.193 1.287-1.595 0-.599-.747-.811-1.447-.811z" />
<path
d="M8.001 5.363c-4.598 0-6.667-2.094-6.667-3.58 0-.836.641-1.812 2.448-1.812 3.165 0 4.467 3.153 4.713 4.819a.5.5 0 0 1-.495.573zM3.782.971c-.7 0-1.448.213-1.448.812 0 .851 1.489 2.403 5.042 2.566C7.076 3.241 6.169.971 3.782.971z" />
</svg>
<div class="h2 text-white pb-1 mb-2">100</div>
<p class="fs-sm fw-medium text-white opacity-75 mb-0">1 bonus = 1$</p>
</div>
<div class="position-absolute bg-white bg-opacity-10 rounded-circle"
style="top: -15px; right: -128px; width: 165px; height: 165px"></div>
<div class="position-absolute bg-white bg-opacity-10 rounded-circle"
style="top: -15px; left: -128px; width: 165px; height: 165px"></div>
</div>
</div>
<div class="col-sm-6">
<ul class="list-unstyled fs-sm m-0">
<li class="d-flex align-items-center justify-content-between">
Available:
<span class="text-dark-emphasis fw-semibold ms-2">100</span>
</li>
<li class="d-flex align-items-center justify-content-between">
Waiting activation:
<span class="text-dark-emphasis fw-semibold ms-2">0</span>
</li>
<li class="d-flex align-items-center justify-content-between">
Total:
<span class="text-dark-emphasis fw-semibold ms-2">100</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@include('layouts.partials/navbar', ['account' => true])
<!-- Page content -->
<main class="content-wrapper">
<div class="container py-5 mt-n2 mt-sm-0">
<div class="row pt-md-2 pt-lg-3 pb-sm-2 pb-md-3 pb-lg-4 pb-xl-5">
@include('layouts.partials/account-sidebar')
@yield('content')
</div>
</div>
</main>
@include('layouts.partials/footer')
@include('layouts.partials/back-to-top')
@include('layouts.partials/footer-script')
</body>
</html>