update
This commit is contained in:
Marwan Alwali
parent
2dc1671902
commit
5ae1581b69
Binary file not shown.
Binary file not shown.
@ -523,7 +523,7 @@ class Dealer(models.Model, LocalizedNameMixin):
|
||||
return None
|
||||
|
||||
@property
|
||||
def get_plan_price(self):
|
||||
def get_plan(self):
|
||||
"""Get the price of the active subscription plan for the dealer."""
|
||||
active_plan = self.get_active_plan
|
||||
if active_plan:
|
||||
@ -531,7 +531,7 @@ class Dealer(models.Model, LocalizedNameMixin):
|
||||
name=active_plan.plan
|
||||
).first()
|
||||
if subscription_plan:
|
||||
return subscription_plan.price
|
||||
return subscription_plan
|
||||
return None
|
||||
|
||||
|
||||
|
||||
@ -12,17 +12,17 @@ urlpatterns = [
|
||||
path('welcome/', views.WelcomeView.as_view(), name='welcome'),
|
||||
|
||||
# Accounts URLs
|
||||
path('login/', allauth_views.LoginView.as_view(template_name='accounts/login.html'), name='login'),
|
||||
path('logout/', allauth_views.LogoutView.as_view(template_name='accounts/logout.html'), name='logout'),
|
||||
path('signup/', allauth_views.SignupView.as_view(template_name='accounts/signup.html'), name='signup'),
|
||||
path('login/', allauth_views.LoginView.as_view(template_name='account/login.html'), name='account_login'),
|
||||
path('logout/', allauth_views.LogoutView.as_view(template_name='account/logout.html'), name='account_logout'),
|
||||
path('signup/', allauth_views.SignupView.as_view(template_name='account/signup.html'), name='account_signup'),
|
||||
path('change-password/',
|
||||
allauth_views.PasswordChangeView.as_view(template_name='accounts/password_change.html'),
|
||||
allauth_views.PasswordChangeView.as_view(template_name='account/password_change.html'),
|
||||
name='change_password'),
|
||||
path('reset-password/',
|
||||
allauth_views.PasswordResetView.as_view(template_name='accounts/password_reset.html'),
|
||||
allauth_views.PasswordResetView.as_view(template_name='account/password_reset.html'),
|
||||
name='reset_password'),
|
||||
path('password-reset-done/',
|
||||
allauth_views.PasswordResetDoneView.as_view(template_name='accounts/password_reset_done.html'),
|
||||
allauth_views.PasswordResetDoneView.as_view(template_name='account/password_reset_done.html'),
|
||||
name='password_reset_done'),
|
||||
|
||||
# Dealer URLs
|
||||
|
||||
@ -880,7 +880,7 @@
|
||||
}
|
||||
|
||||
[data-bs-theme=dark] .table-dark {
|
||||
--phoenix-table-bg: $ value;
|
||||
--phoenix-table-bg: #141824;
|
||||
}
|
||||
|
||||
/*-----------------------------------------------
|
||||
@ -4022,10 +4022,7 @@ progress {
|
||||
-webkit-box-shadow: inset 0 1px 2px transparent;
|
||||
box-shadow: inset 0 1px 2px transparent;
|
||||
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
@ -42350,7 +42347,7 @@ a[href].bg-body-secondary:hover, a[href].bg-body-secondary:focus {
|
||||
--phoenix-navbar-vertical-link-hover-bg: #31374a;
|
||||
--phoenix-navbar-vertical-link-active-color: #fff;
|
||||
--phoenix-navbar-vertical-link-disable-color: #8a94ad;
|
||||
--phoenix-navbar-vertical-hr-color: $ gray-800;
|
||||
--phoenix-navbar-vertical-hr-color: #6e7891;
|
||||
--phoenix-navbar-vertical-collapsed-menu-bg: #222834;
|
||||
--phoenix-logo-text: #eff2f6;
|
||||
--phoenix-navbar-footer-border-color: #31374a;
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
{% include "socialaccount/snippets/login.html" with page_layout="entrance" %}
|
||||
{% endif %}
|
||||
{% if not SOCIALACCOUNT_ONLY %}
|
||||
<form method="post" action="{% url 'login' %}" class="needs-validation" novalidate>
|
||||
<form method="post" action="{% url 'account_login' %}" class="needs-validation" novalidate>
|
||||
{% csrf_token %}
|
||||
{{ redirect_field }}
|
||||
{{ form|crispy }}
|
||||
@ -30,7 +30,7 @@
|
||||
</form>
|
||||
{% endif %}
|
||||
|
||||
<div class="text-center">{% trans 'If you have not created an account yet, then please' %} <a class="fs-9 fw-bold" href="{% url 'signup' %}">{% trans 'signup'|capfirst %}</a></div>
|
||||
<div class="text-center">{% trans 'If you have not created an account yet, then please' %} <a class="fs-9 fw-bold" href="{% url 'account_signup' %}">{% trans 'signup'|capfirst %}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -12,7 +12,7 @@
|
||||
<p class="text-body-tertiary">{{ _("Are you sure you want to sign out?") }}</p>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<form method="post" action="{% url 'logout' %}">
|
||||
<form method="post" action="{% url 'account_logout' %}">
|
||||
{% csrf_token %}
|
||||
{{ redirect_field }}
|
||||
<div class="d-grid gap-2 mt-3">
|
||||
@ -33,7 +33,7 @@
|
||||
|
||||
<!-- Sign Up Form -->
|
||||
{% if not SOCIALACCOUNT_ONLY %}
|
||||
<form method="post" action="{% url 'signup' %}" class="needs-validation" novalidate>
|
||||
<form method="post" action="{% url 'account_signup' %}" class="needs-validation" novalidate>
|
||||
{% csrf_token %}
|
||||
{{ redirect_field }}
|
||||
<div class="mb-3">
|
||||
@ -72,7 +72,7 @@
|
||||
<label class="form-label fs-9 text-transform-none" for="termsService">I accept the <a href="#!">terms </a>and <a href="#!">privacy policy</a></label>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100 mb-3">{{ _("Sign Up") }}</button>
|
||||
<div class="text-center">{% trans 'Already have an account?' %}<a class="fw-bold" href="{% url 'login' %}"> {{ _("Sign In") }}</a></div>
|
||||
<div class="text-center">{% trans 'Already have an account?' %}<a class="fw-bold" href="{% url 'account_login' %}"> {{ _("Sign In") }}</a></div>
|
||||
</form>
|
||||
{% endif %}
|
||||
</div>
|
||||
@ -1,311 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" dir="ltr" data-navigation-type="default" data-navbar-horizontal-shape="default">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Document Title-->
|
||||
<!-- ===============================================-->
|
||||
<title>Phoenix</title>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Favicons-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../../../assets/img/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../../../assets/img/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../../../assets/img/favicons/favicon-16x16.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../../assets/img/favicons/favicon.ico">
|
||||
<link rel="manifest" href="../../../assets/img/favicons/manifest.json">
|
||||
<meta name="msapplication-TileImage" content="../../../assets/img/favicons/mstile-150x150.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<script src="../../../vendors/simplebar/simplebar.min.js"></script>
|
||||
<script src="../../../assets/js/config.js"></script>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Stylesheets-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
|
||||
<link href="../../../vendors/simplebar/simplebar.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
|
||||
<link href="../../../assets/css/theme-rtl.min.css" type="text/css" rel="stylesheet" id="style-rtl">
|
||||
<link href="../../../assets/css/theme.min.css" type="text/css" rel="stylesheet" id="style-default">
|
||||
<link href="../../../assets/css/user-rtl.min.css" type="text/css" rel="stylesheet" id="user-style-rtl">
|
||||
<link href="../../../assets/css/user.min.css" type="text/css" rel="stylesheet" id="user-style-default">
|
||||
<script>
|
||||
var phoenixIsRTL = window.config.config.phoenixIsRTL;
|
||||
if (phoenixIsRTL) {
|
||||
var linkDefault = document.getElementById('style-default');
|
||||
var userLinkDefault = document.getElementById('user-style-default');
|
||||
linkDefault.setAttribute('disabled', true);
|
||||
userLinkDefault.setAttribute('disabled', true);
|
||||
document.querySelector('html').setAttribute('dir', 'rtl');
|
||||
} else {
|
||||
var linkRTL = document.getElementById('style-rtl');
|
||||
var userLinkRTL = document.getElementById('user-style-rtl');
|
||||
linkRTL.setAttribute('disabled', true);
|
||||
userLinkRTL.setAttribute('disabled', true);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Main Content-->
|
||||
<!-- ===============================================-->
|
||||
<main class="main" id="top">
|
||||
<div class="container">
|
||||
<div class="row flex-center min-vh-100 py-5">
|
||||
<div class="col-sm-10 col-md-8 col-lg-5 col-xl-5 col-xxl-3"><a class="d-flex flex-center text-decoration-none mb-4" href="../../../index.html">
|
||||
<div class="d-flex align-items-center fw-bolder fs-3 d-inline-block"><img src="../../../assets/img/icons/logo.png" alt="phoenix" width="58" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="text-center mb-7">
|
||||
<h3 class="text-body-highlight">Sign In</h3>
|
||||
<p class="text-body-tertiary">Get access to your account</p>
|
||||
</div>
|
||||
<button class="btn btn-phoenix-secondary w-100 mb-3"><span class="fab fa-google text-danger me-2 fs-9"></span>Sign in with google</button>
|
||||
<button class="btn btn-phoenix-secondary w-100"><span class="fab fa-facebook text-primary me-2 fs-9"></span>Sign in with facebook</button>
|
||||
<div class="position-relative">
|
||||
<hr class="bg-body-secondary mt-5 mb-4" />
|
||||
<div class="divider-content-center">or use email</div>
|
||||
</div>
|
||||
<div class="mb-3 text-start">
|
||||
<label class="form-label" for="email">Email address</label>
|
||||
<div class="form-icon-container">
|
||||
<input class="form-control form-icon-input" id="email" type="email" placeholder="name@example.com" /><span class="fas fa-user text-body fs-9 form-icon"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 text-start">
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="form-icon-container" data-password="data-password">
|
||||
<input class="form-control form-icon-input pe-6" id="password" type="password" placeholder="Password" data-password-input="data-password-input" /><span class="fas fa-key text-body fs-9 form-icon"></span>
|
||||
<button class="btn px-3 py-0 h-100 position-absolute top-0 end-0 fs-7 text-body-tertiary" data-password-toggle="data-password-toggle"><span class="uil uil-eye show"></span><span class="uil uil-eye-slash hide"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row flex-between-center mb-7">
|
||||
<div class="col-auto">
|
||||
<div class="form-check mb-0">
|
||||
<input class="form-check-input" id="basic-checkbox" type="checkbox" checked="checked" />
|
||||
<label class="form-check-label mb-0" for="basic-checkbox">Remember me</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto"><a class="fs-9 fw-semibold" href="../../../pages/authentication/simple/forgot-password.html">Forgot Password?</a></div>
|
||||
</div>
|
||||
<button class="btn btn-primary w-100 mb-3">Sign In</button>
|
||||
<div class="text-center"><a class="fs-9 fw-bold" href="../../../pages/authentication/simple/sign-up.html">Create an account</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var navbarTopStyle = window.config.config.phoenixNavbarTopStyle;
|
||||
var navbarTop = document.querySelector('.navbar-top');
|
||||
if (navbarTopStyle === 'darker') {
|
||||
navbarTop.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
|
||||
var navbarVerticalStyle = window.config.config.phoenixNavbarVerticalStyle;
|
||||
var navbarVertical = document.querySelector('.navbar-vertical');
|
||||
if (navbarVertical && navbarVerticalStyle === 'darker') {
|
||||
navbarVertical.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
</script>
|
||||
<div class="support-chat-container">
|
||||
<div class="container-fluid support-chat">
|
||||
<div class="card bg-body-emphasis">
|
||||
<div class="card-header d-flex flex-between-center px-4 py-3 border-bottom border-translucent">
|
||||
<h5 class="mb-0 d-flex align-items-center gap-2">Demo widget<span class="fa-solid fa-circle text-success fs-11"></span></h5>
|
||||
<div class="btn-reveal-trigger">
|
||||
<button class="btn btn-link p-0 dropdown-toggle dropdown-caret-none transition-none d-flex" type="button" id="support-chat-dropdown" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h text-body"></span></button>
|
||||
<div class="dropdown-menu dropdown-menu-end py-2" aria-labelledby="support-chat-dropdown"><a class="dropdown-item" href="#!">Request a callback</a><a class="dropdown-item" href="#!">Search in chat</a><a class="dropdown-item" href="#!">Show history</a><a class="dropdown-item" href="#!">Report to Admin</a><a class="dropdown-item btn-support-chat" href="#!">Close Support</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body chat p-0">
|
||||
<div class="d-flex flex-column-reverse scrollbar h-100 p-3">
|
||||
<div class="text-end mt-6"><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I need help with something</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">My payment method not working</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-center mt-auto">
|
||||
<div class="avatar avatar-3xl status-online"><img class="rounded-circle border border-3 border-light-subtle" src="../../../assets/img/team/30.webp" alt="" /></div>
|
||||
<h5 class="mt-2 mb-3">Eric</h5>
|
||||
<p class="text-center text-body-emphasis mb-0">Ask us anything – we’ll get back to you here or by email within 24 hours.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
|
||||
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
|
||||
<input class="form-control outline-none border-0 flex-1 fs-9 px-0" type="text" placeholder="Write message" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatPhotos"><span class="fa-solid fa-image"></span></label>
|
||||
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatAttachment"> <span class="fa-solid fa-paperclip"></span></label>
|
||||
<input class="d-none" type="file" id="supportChatAttachment" />
|
||||
</div>
|
||||
<button class="btn p-0 border-0 send-btn"><span class="fa-solid fa-paper-plane fs-9"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-support-chat p-0 border border-translucent"><span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span></button>
|
||||
</div>
|
||||
</main>
|
||||
<!-- ===============================================-->
|
||||
<!-- End of Main Content-->
|
||||
<!-- ===============================================-->
|
||||
|
||||
|
||||
<div class="offcanvas offcanvas-end settings-panel border-0" id="settings-offcanvas" tabindex="-1" aria-labelledby="settings-offcanvas">
|
||||
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
|
||||
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
<h5 class="mb-2 me-2 lh-sm"><span class="fas fa-palette me-2 fs-8"></span>Theme Customizer</h5>
|
||||
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
|
||||
</div>
|
||||
<button class="btn p-1 fw-bolder" type="button" data-bs-dismiss="offcanvas" aria-label="Close"><span class="fas fa-times fs-8"> </span></button>
|
||||
</div>
|
||||
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset"><span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default</button>
|
||||
</div>
|
||||
<div class="offcanvas-body scrollbar px-card" id="themeController">
|
||||
<div class="setting-panel-item mt-0">
|
||||
<h5 class="setting-panel-item-title">Color Scheme</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherLight" name="theme-color" type="radio" value="light" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherLight"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-light.png" alt=""/></span><span class="label-text">Light</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherDark" name="theme-color" type="radio" value="dark" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherDark"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text"> Dark</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherAuto" name="theme-color" type="radio" value="auto" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherAuto"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/auto.png" alt=""/></span><span class="label-text"> Auto</span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">RTL </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixIsRTL" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Change text direction</p>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">Support Chat </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixSupportChat" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Navigation Type</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionVertical" name="navigation-type" type="radio" value="vertical" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/vertical-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionVertical"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text">Vertical</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionHorizontal" name="navigation-type" type="radio" value="horizontal" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionHorizontal"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text"> Horizontal</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionCombo" name="navigation-type" type="radio" value="combo" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/combo-navbar.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionCombo"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/nav-combo-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/nav-combo-dark.png" alt=""/></span><span class="label-text"> Combo</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionTopDouble" name="navigation-type" type="radio" value="dual-nav" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/dual-nav.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionTopDouble"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/dual-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/dual-dark.png" alt=""/></span><span class="label-text"> Dual nav</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update navigation type in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-default" type="radio" name="config.name" value="default" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-default"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt="" /><span class="label-text d-dark-none"> Default</span><span class="label-text d-light-none">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-dark" type="radio" name="config.name" value="darker" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-dark"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/vertical-darker.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/vertical-lighter.png" alt="" /><span class="label-text d-dark-none"> Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update vertical navbar appearance in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeDefault" name="navbar-shape" type="radio" value="default" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeSlim" name="navbar-shape" type="radio" value="slim" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeSlim"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-slim.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-slim-dark.png" alt=""/></span><span class="label-text"> Slim</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar shape in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDefault" name="navbar-top-style" type="radio" value="default" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-darker.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDarker" name="navbar-top-style" type="radio" value="darker" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDarker"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/navbar-top-style-light.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-lighter.png" alt=""/></span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar appearance in this page</p>
|
||||
</div><a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary" href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/" target="_blank">Purchase template</a>
|
||||
</div>
|
||||
</div><a class="card setting-toggle" href="#settings-offcanvas" data-bs-toggle="offcanvas">
|
||||
<div class="card-body d-flex align-items-center px-2 py-1">
|
||||
<div class="position-relative rounded-start" style="height:34px;width:28px">
|
||||
<div class="settings-popover"><span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4"></path>
|
||||
</svg></span></span></span></div>
|
||||
</div><small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- JavaScripts-->
|
||||
<!-- ===============================================-->
|
||||
<script src="../../../vendors/popper/popper.min.js"></script>
|
||||
<script src="../../../vendors/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="../../../vendors/anchorjs/anchor.min.js"></script>
|
||||
<script src="../../../vendors/is/is.min.js"></script>
|
||||
<script src="../../../vendors/fontawesome/all.min.js"></script>
|
||||
<script src="../../../vendors/lodash/lodash.min.js"></script>
|
||||
<script src="../../../vendors/list.js/list.min.js"></script>
|
||||
<script src="../../../vendors/feather-icons/feather.min.js"></script>
|
||||
<script src="../../../vendors/dayjs/dayjs.min.js"></script>
|
||||
<script src="../../../assets/js/phoenix.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,281 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" dir="ltr" data-navigation-type="default" data-navbar-horizontal-shape="default">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Document Title-->
|
||||
<!-- ===============================================-->
|
||||
<title>Phoenix</title>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Favicons-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../../../assets/img/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../../../assets/img/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../../../assets/img/favicons/favicon-16x16.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../../assets/img/favicons/favicon.ico">
|
||||
<link rel="manifest" href="../../../assets/img/favicons/manifest.json">
|
||||
<meta name="msapplication-TileImage" content="../../../assets/img/favicons/mstile-150x150.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<script src="../../../vendors/simplebar/simplebar.min.js"></script>
|
||||
<script src="../../../assets/js/config.js"></script>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Stylesheets-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
|
||||
<link href="../../../vendors/simplebar/simplebar.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
|
||||
<link href="../../../assets/css/theme-rtl.min.css" type="text/css" rel="stylesheet" id="style-rtl">
|
||||
<link href="../../../assets/css/theme.min.css" type="text/css" rel="stylesheet" id="style-default">
|
||||
<link href="../../../assets/css/user-rtl.min.css" type="text/css" rel="stylesheet" id="user-style-rtl">
|
||||
<link href="../../../assets/css/user.min.css" type="text/css" rel="stylesheet" id="user-style-default">
|
||||
<script>
|
||||
var phoenixIsRTL = window.config.config.phoenixIsRTL;
|
||||
if (phoenixIsRTL) {
|
||||
var linkDefault = document.getElementById('style-default');
|
||||
var userLinkDefault = document.getElementById('user-style-default');
|
||||
linkDefault.setAttribute('disabled', true);
|
||||
userLinkDefault.setAttribute('disabled', true);
|
||||
document.querySelector('html').setAttribute('dir', 'rtl');
|
||||
} else {
|
||||
var linkRTL = document.getElementById('style-rtl');
|
||||
var userLinkRTL = document.getElementById('user-style-rtl');
|
||||
linkRTL.setAttribute('disabled', true);
|
||||
userLinkRTL.setAttribute('disabled', true);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Main Content-->
|
||||
<!-- ===============================================-->
|
||||
<main class="main" id="top">
|
||||
<div class="container">
|
||||
<div class="row flex-center min-vh-100 py-5">
|
||||
<div class="col-sm-10 col-md-8 col-lg-5 col-xl-4 col-xxl-3">
|
||||
<div class="text-center mb-6 mx-auto"><img class="mb-7 d-dark-none" src="../../../assets/img/spot-illustrations/1.png" alt="phoenix" /><img class="mb-7 d-light-none" src="../../../assets/img/spot-illustrations/dark_1.png" alt="phoenix" />
|
||||
<div class="mb-6">
|
||||
<h4 class="text-body-highlight">Come back soon!</h4>
|
||||
<p class="text-body-tertiary">Thanks for using Phoenix. <br class="d-lg-none" />You are now successfully signed out.</p>
|
||||
</div>
|
||||
<div class="d-grid"><a class="btn btn-primary" href="../../../pages/authentication/simple/sign-in.html"><span class="fas fa-angle-left me-2"></span>Go to sign in page</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var navbarTopStyle = window.config.config.phoenixNavbarTopStyle;
|
||||
var navbarTop = document.querySelector('.navbar-top');
|
||||
if (navbarTopStyle === 'darker') {
|
||||
navbarTop.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
|
||||
var navbarVerticalStyle = window.config.config.phoenixNavbarVerticalStyle;
|
||||
var navbarVertical = document.querySelector('.navbar-vertical');
|
||||
if (navbarVertical && navbarVerticalStyle === 'darker') {
|
||||
navbarVertical.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
</script>
|
||||
<div class="support-chat-container">
|
||||
<div class="container-fluid support-chat">
|
||||
<div class="card bg-body-emphasis">
|
||||
<div class="card-header d-flex flex-between-center px-4 py-3 border-bottom border-translucent">
|
||||
<h5 class="mb-0 d-flex align-items-center gap-2">Demo widget<span class="fa-solid fa-circle text-success fs-11"></span></h5>
|
||||
<div class="btn-reveal-trigger">
|
||||
<button class="btn btn-link p-0 dropdown-toggle dropdown-caret-none transition-none d-flex" type="button" id="support-chat-dropdown" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h text-body"></span></button>
|
||||
<div class="dropdown-menu dropdown-menu-end py-2" aria-labelledby="support-chat-dropdown"><a class="dropdown-item" href="#!">Request a callback</a><a class="dropdown-item" href="#!">Search in chat</a><a class="dropdown-item" href="#!">Show history</a><a class="dropdown-item" href="#!">Report to Admin</a><a class="dropdown-item btn-support-chat" href="#!">Close Support</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body chat p-0">
|
||||
<div class="d-flex flex-column-reverse scrollbar h-100 p-3">
|
||||
<div class="text-end mt-6"><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I need help with something</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">My payment method not working</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-center mt-auto">
|
||||
<div class="avatar avatar-3xl status-online"><img class="rounded-circle border border-3 border-light-subtle" src="../../../assets/img/team/30.webp" alt="" /></div>
|
||||
<h5 class="mt-2 mb-3">Eric</h5>
|
||||
<p class="text-center text-body-emphasis mb-0">Ask us anything – we’ll get back to you here or by email within 24 hours.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
|
||||
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
|
||||
<input class="form-control outline-none border-0 flex-1 fs-9 px-0" type="text" placeholder="Write message" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatPhotos"><span class="fa-solid fa-image"></span></label>
|
||||
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatAttachment"> <span class="fa-solid fa-paperclip"></span></label>
|
||||
<input class="d-none" type="file" id="supportChatAttachment" />
|
||||
</div>
|
||||
<button class="btn p-0 border-0 send-btn"><span class="fa-solid fa-paper-plane fs-9"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-support-chat p-0 border border-translucent"><span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span></button>
|
||||
</div>
|
||||
</main>
|
||||
<!-- ===============================================-->
|
||||
<!-- End of Main Content-->
|
||||
<!-- ===============================================-->
|
||||
|
||||
|
||||
<div class="offcanvas offcanvas-end settings-panel border-0" id="settings-offcanvas" tabindex="-1" aria-labelledby="settings-offcanvas">
|
||||
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
|
||||
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
<h5 class="mb-2 me-2 lh-sm"><span class="fas fa-palette me-2 fs-8"></span>Theme Customizer</h5>
|
||||
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
|
||||
</div>
|
||||
<button class="btn p-1 fw-bolder" type="button" data-bs-dismiss="offcanvas" aria-label="Close"><span class="fas fa-times fs-8"> </span></button>
|
||||
</div>
|
||||
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset"><span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default</button>
|
||||
</div>
|
||||
<div class="offcanvas-body scrollbar px-card" id="themeController">
|
||||
<div class="setting-panel-item mt-0">
|
||||
<h5 class="setting-panel-item-title">Color Scheme</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherLight" name="theme-color" type="radio" value="light" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherLight"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-light.png" alt=""/></span><span class="label-text">Light</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherDark" name="theme-color" type="radio" value="dark" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherDark"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text"> Dark</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherAuto" name="theme-color" type="radio" value="auto" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherAuto"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/auto.png" alt=""/></span><span class="label-text"> Auto</span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">RTL </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixIsRTL" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Change text direction</p>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">Support Chat </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixSupportChat" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Navigation Type</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionVertical" name="navigation-type" type="radio" value="vertical" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/vertical-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionVertical"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text">Vertical</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionHorizontal" name="navigation-type" type="radio" value="horizontal" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionHorizontal"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text"> Horizontal</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionCombo" name="navigation-type" type="radio" value="combo" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/combo-navbar.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionCombo"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/nav-combo-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/nav-combo-dark.png" alt=""/></span><span class="label-text"> Combo</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionTopDouble" name="navigation-type" type="radio" value="dual-nav" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/dual-nav.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionTopDouble"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/dual-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/dual-dark.png" alt=""/></span><span class="label-text"> Dual nav</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update navigation type in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-default" type="radio" name="config.name" value="default" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-default"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt="" /><span class="label-text d-dark-none"> Default</span><span class="label-text d-light-none">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-dark" type="radio" name="config.name" value="darker" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-dark"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/vertical-darker.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/vertical-lighter.png" alt="" /><span class="label-text d-dark-none"> Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update vertical navbar appearance in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeDefault" name="navbar-shape" type="radio" value="default" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeSlim" name="navbar-shape" type="radio" value="slim" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeSlim"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-slim.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-slim-dark.png" alt=""/></span><span class="label-text"> Slim</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar shape in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDefault" name="navbar-top-style" type="radio" value="default" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-darker.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDarker" name="navbar-top-style" type="radio" value="darker" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDarker"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/navbar-top-style-light.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-lighter.png" alt=""/></span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar appearance in this page</p>
|
||||
</div><a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary" href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/" target="_blank">Purchase template</a>
|
||||
</div>
|
||||
</div><a class="card setting-toggle" href="#settings-offcanvas" data-bs-toggle="offcanvas">
|
||||
<div class="card-body d-flex align-items-center px-2 py-1">
|
||||
<div class="position-relative rounded-start" style="height:34px;width:28px">
|
||||
<div class="settings-popover"><span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4"></path>
|
||||
</svg></span></span></span></div>
|
||||
</div><small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- JavaScripts-->
|
||||
<!-- ===============================================-->
|
||||
<script src="../../../vendors/popper/popper.min.js"></script>
|
||||
<script src="../../../vendors/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="../../../vendors/anchorjs/anchor.min.js"></script>
|
||||
<script src="../../../vendors/is/is.min.js"></script>
|
||||
<script src="../../../vendors/fontawesome/all.min.js"></script>
|
||||
<script src="../../../vendors/lodash/lodash.min.js"></script>
|
||||
<script src="../../../vendors/list.js/list.min.js"></script>
|
||||
<script src="../../../vendors/feather-icons/feather.min.js"></script>
|
||||
<script src="../../../vendors/dayjs/dayjs.min.js"></script>
|
||||
<script src="../../../assets/js/phoenix.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,319 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US" dir="ltr" data-navigation-type="default" data-navbar-horizontal-shape="default">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Document Title-->
|
||||
<!-- ===============================================-->
|
||||
<title>Phoenix</title>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Favicons-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="../../../assets/img/favicons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="../../../assets/img/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="../../../assets/img/favicons/favicon-16x16.png">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="../../../assets/img/favicons/favicon.ico">
|
||||
<link rel="manifest" href="../../../assets/img/favicons/manifest.json">
|
||||
<meta name="msapplication-TileImage" content="../../../assets/img/favicons/mstile-150x150.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<script src="../../../vendors/simplebar/simplebar.min.js"></script>
|
||||
<script src="../../../assets/js/config.js"></script>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Stylesheets-->
|
||||
<!-- ===============================================-->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
|
||||
<link href="../../../vendors/simplebar/simplebar.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css">
|
||||
<link href="../../../assets/css/theme-rtl.min.css" type="text/css" rel="stylesheet" id="style-rtl">
|
||||
<link href="../../../assets/css/theme.min.css" type="text/css" rel="stylesheet" id="style-default">
|
||||
<link href="../../../assets/css/user-rtl.min.css" type="text/css" rel="stylesheet" id="user-style-rtl">
|
||||
<link href="../../../assets/css/user.min.css" type="text/css" rel="stylesheet" id="user-style-default">
|
||||
<script>
|
||||
var phoenixIsRTL = window.config.config.phoenixIsRTL;
|
||||
if (phoenixIsRTL) {
|
||||
var linkDefault = document.getElementById('style-default');
|
||||
var userLinkDefault = document.getElementById('user-style-default');
|
||||
linkDefault.setAttribute('disabled', true);
|
||||
userLinkDefault.setAttribute('disabled', true);
|
||||
document.querySelector('html').setAttribute('dir', 'rtl');
|
||||
} else {
|
||||
var linkRTL = document.getElementById('style-rtl');
|
||||
var userLinkRTL = document.getElementById('user-style-rtl');
|
||||
linkRTL.setAttribute('disabled', true);
|
||||
userLinkRTL.setAttribute('disabled', true);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- Main Content-->
|
||||
<!-- ===============================================-->
|
||||
<main class="main" id="top">
|
||||
<div class="container">
|
||||
<div class="row flex-center min-vh-100 py-5">
|
||||
<div class="col-sm-10 col-md-8 col-lg-5 col-xl-5 col-xxl-3"><a class="d-flex flex-center text-decoration-none mb-4" href="../../../index.html">
|
||||
<div class="d-flex align-items-center fw-bolder fs-3 d-inline-block"><img src="../../../assets/img/icons/logo.png" alt="phoenix" width="58" />
|
||||
</div>
|
||||
</a>
|
||||
<div class="text-center mb-7">
|
||||
<h3 class="text-body-highlight">Sign Up</h3>
|
||||
<p class="text-body-tertiary">Create your account today</p>
|
||||
</div>
|
||||
<button class="btn btn-phoenix-secondary w-100 mb-3"><span class="fab fa-google text-danger me-2 fs-9"></span>Sign up with google</button>
|
||||
<button class="btn btn-phoenix-secondary w-100"><span class="fab fa-facebook text-primary me-2 fs-9"></span>Sign up with facebook</button>
|
||||
<div class="position-relative mt-4">
|
||||
<hr class="bg-body-secondary" />
|
||||
<div class="divider-content-center">or use email</div>
|
||||
</div>
|
||||
<form>
|
||||
<div class="mb-3 text-start">
|
||||
<label class="form-label" for="name">Name</label>
|
||||
<input class="form-control" id="name" type="text" placeholder="Name" />
|
||||
</div>
|
||||
<div class="mb-3 text-start">
|
||||
<label class="form-label" for="email">Email address</label>
|
||||
<input class="form-control" id="email" type="email" placeholder="name@example.com" />
|
||||
</div>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-sm-6">
|
||||
<label class="form-label" for="password">Password</label>
|
||||
<div class="position-relative" data-password="data-password">
|
||||
<input class="form-control form-icon-input pe-6" id="password" type="password" placeholder="Password" data-password-input="data-password-input" />
|
||||
<button class="btn px-3 py-0 h-100 position-absolute top-0 end-0 fs-7 text-body-tertiary" data-password-toggle="data-password-toggle"><span class="uil uil-eye show"></span><span class="uil uil-eye-slash hide"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<label class="form-label" for="confirmPassword">Confirm Password</label>
|
||||
<div class="position-relative" data-password="data-password">
|
||||
<input class="form-control form-icon-input pe-6" id="confirmPassword" type="password" placeholder="Confirm Password" data-password-input="data-password-input" />
|
||||
<button class="btn px-3 py-0 h-100 position-absolute top-0 end-0 fs-7 text-body-tertiary" data-password-toggle="data-password-toggle"><span class="uil uil-eye show"></span><span class="uil uil-eye-slash hide"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check mb-3">
|
||||
<input class="form-check-input" id="termsService" type="checkbox" />
|
||||
<label class="form-label fs-9 text-transform-none" for="termsService">I accept the <a href="#!">terms </a>and <a href="#!">privacy policy</a></label>
|
||||
</div>
|
||||
<button class="btn btn-primary w-100 mb-3">Sign up</button>
|
||||
<div class="text-center"><a class="fs-9 fw-bold" href="../../../pages/authentication/simple/sign-in.html">Sign in to an existing account</a></div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var navbarTopStyle = window.config.config.phoenixNavbarTopStyle;
|
||||
var navbarTop = document.querySelector('.navbar-top');
|
||||
if (navbarTopStyle === 'darker') {
|
||||
navbarTop.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
|
||||
var navbarVerticalStyle = window.config.config.phoenixNavbarVerticalStyle;
|
||||
var navbarVertical = document.querySelector('.navbar-vertical');
|
||||
if (navbarVertical && navbarVerticalStyle === 'darker') {
|
||||
navbarVertical.setAttribute('data-navbar-appearance', 'darker');
|
||||
}
|
||||
</script>
|
||||
<div class="support-chat-container">
|
||||
<div class="container-fluid support-chat">
|
||||
<div class="card bg-body-emphasis">
|
||||
<div class="card-header d-flex flex-between-center px-4 py-3 border-bottom border-translucent">
|
||||
<h5 class="mb-0 d-flex align-items-center gap-2">Demo widget<span class="fa-solid fa-circle text-success fs-11"></span></h5>
|
||||
<div class="btn-reveal-trigger">
|
||||
<button class="btn btn-link p-0 dropdown-toggle dropdown-caret-none transition-none d-flex" type="button" id="support-chat-dropdown" data-bs-toggle="dropdown" data-boundary="window" aria-haspopup="true" aria-expanded="false" data-bs-reference="parent"><span class="fas fa-ellipsis-h text-body"></span></button>
|
||||
<div class="dropdown-menu dropdown-menu-end py-2" aria-labelledby="support-chat-dropdown"><a class="dropdown-item" href="#!">Request a callback</a><a class="dropdown-item" href="#!">Search in chat</a><a class="dropdown-item" href="#!">Show history</a><a class="dropdown-item" href="#!">Report to Admin</a><a class="dropdown-item btn-support-chat" href="#!">Close Support</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body chat p-0">
|
||||
<div class="d-flex flex-column-reverse scrollbar h-100 p-3">
|
||||
<div class="text-end mt-6"><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I need help with something</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">I can’t reorder a product I previously ordered</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="mb-2 d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">How do I place an order?</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a><a class="false d-inline-flex align-items-center text-decoration-none text-body-emphasis bg-body-hover rounded-pill border border-primary py-2 ps-4 pe-3" href="#!">
|
||||
<p class="mb-0 fw-semibold fs-9">My payment method not working</p><span class="fa-solid fa-paper-plane text-primary fs-9 ms-3"></span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="text-center mt-auto">
|
||||
<div class="avatar avatar-3xl status-online"><img class="rounded-circle border border-3 border-light-subtle" src="../../../assets/img/team/30.webp" alt="" /></div>
|
||||
<h5 class="mt-2 mb-3">Eric</h5>
|
||||
<p class="text-center text-body-emphasis mb-0">Ask us anything – we’ll get back to you here or by email within 24 hours.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer d-flex align-items-center gap-2 border-top border-translucent ps-3 pe-4 py-3">
|
||||
<div class="d-flex align-items-center flex-1 gap-3 border border-translucent rounded-pill px-4">
|
||||
<input class="form-control outline-none border-0 flex-1 fs-9 px-0" type="text" placeholder="Write message" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatPhotos"><span class="fa-solid fa-image"></span></label>
|
||||
<input class="d-none" type="file" accept="image/*" id="supportChatPhotos" />
|
||||
<label class="btn btn-link d-flex p-0 text-body-quaternary fs-9 border-0" for="supportChatAttachment"> <span class="fa-solid fa-paperclip"></span></label>
|
||||
<input class="d-none" type="file" id="supportChatAttachment" />
|
||||
</div>
|
||||
<button class="btn p-0 border-0 send-btn"><span class="fa-solid fa-paper-plane fs-9"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn btn-support-chat p-0 border border-translucent"><span class="fs-8 btn-text text-primary text-nowrap">Chat demo</span><span class="ping-icon-wrapper mt-n4 ms-n6 mt-sm-0 ms-sm-2 position-absolute position-sm-relative"><span class="ping-icon-bg"></span><span class="fa-solid fa-circle ping-icon"></span></span><span class="fa-solid fa-headset text-primary fs-8 d-sm-none"></span><span class="fa-solid fa-chevron-down text-primary fs-7"></span></button>
|
||||
</div>
|
||||
</main>
|
||||
<!-- ===============================================-->
|
||||
<!-- End of Main Content-->
|
||||
<!-- ===============================================-->
|
||||
|
||||
|
||||
<div class="offcanvas offcanvas-end settings-panel border-0" id="settings-offcanvas" tabindex="-1" aria-labelledby="settings-offcanvas">
|
||||
<div class="offcanvas-header align-items-start border-bottom flex-column border-translucent">
|
||||
<div class="pt-1 w-100 mb-6 d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
<h5 class="mb-2 me-2 lh-sm"><span class="fas fa-palette me-2 fs-8"></span>Theme Customizer</h5>
|
||||
<p class="mb-0 fs-9">Explore different styles according to your preferences</p>
|
||||
</div>
|
||||
<button class="btn p-1 fw-bolder" type="button" data-bs-dismiss="offcanvas" aria-label="Close"><span class="fas fa-times fs-8"> </span></button>
|
||||
</div>
|
||||
<button class="btn btn-phoenix-secondary w-100" data-theme-control="reset"><span class="fas fa-arrows-rotate me-2 fs-10"></span>Reset to default</button>
|
||||
</div>
|
||||
<div class="offcanvas-body scrollbar px-card" id="themeController">
|
||||
<div class="setting-panel-item mt-0">
|
||||
<h5 class="setting-panel-item-title">Color Scheme</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherLight" name="theme-color" type="radio" value="light" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherLight"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-light.png" alt=""/></span><span class="label-text">Light</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherDark" name="theme-color" type="radio" value="dark" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherDark"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text"> Dark</span></label>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<input class="btn-check" id="themeSwitcherAuto" name="theme-color" type="radio" value="auto" data-theme-control="phoenixTheme" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="themeSwitcherAuto"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype mb-0" src="../../../assets/img/generic/auto.png" alt=""/></span><span class="label-text"> Auto</span></label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">RTL </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixIsRTL" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Change text direction</p>
|
||||
</div>
|
||||
<div class="border border-translucent rounded-3 p-4 setting-panel-item bg-body-emphasis">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<h5 class="setting-panel-item-title mb-1">Support Chat </h5>
|
||||
<div class="form-check form-switch mb-0">
|
||||
<input class="form-check-input ms-auto" type="checkbox" data-theme-control="phoenixSupportChat" />
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-0 text-body-tertiary">Toggle support chat</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Navigation Type</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionVertical" name="navigation-type" type="radio" value="vertical" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/vertical-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionVertical"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt=""/></span><span class="label-text">Vertical</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionHorizontal" name="navigation-type" type="radio" value="horizontal" data-theme-control="phoenixNavbarPosition" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionHorizontal"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text"> Horizontal</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionCombo" name="navigation-type" type="radio" value="combo" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/combo-navbar.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionCombo"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/nav-combo-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/nav-combo-dark.png" alt=""/></span><span class="label-text"> Combo</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarPositionTopDouble" name="navigation-type" type="radio" value="dual-nav" data-theme-control="phoenixNavbarPosition" disabled="disabled" data-page-url="../../../documentation/layouts/dual-nav.html" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarPositionTopDouble"> <span class="rounded d-block"><img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/dual-light.png" alt=""/><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/dual-dark.png" alt=""/></span><span class="label-text"> Dual nav</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update navigation type in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Vertical Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-default" type="radio" name="config.name" value="default" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-default"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/default-light.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/default-dark.png" alt="" /><span class="label-text d-dark-none"> Default</span><span class="label-text d-light-none">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbar-style-dark" type="radio" name="config.name" value="darker" data-theme-control="phoenixNavbarVerticalStyle" disabled="disabled" />
|
||||
<label class="btn d-block w-100 btn-navbar-style fs-9" for="navbar-style-dark"> <img class="img-fluid img-prototype d-dark-none" src="../../../assets/img/generic/vertical-darker.png" alt="" /><img class="img-fluid img-prototype d-light-none" src="../../../assets/img/generic/vertical-lighter.png" alt="" /><span class="label-text d-dark-none"> Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update vertical navbar appearance in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Shape</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeDefault" name="navbar-shape" type="radio" value="default" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-default-dark.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarShapeSlim" name="navbar-shape" type="radio" value="slim" data-theme-control="phoenixNavbarTopShape" data-page-url="../../../documentation/layouts/horizontal-navbar.html#horizontal-navbar-slim" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarShapeSlim"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-slim.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-slim-dark.png" alt=""/></span><span class="label-text"> Slim</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar shape in this page</p>
|
||||
</div>
|
||||
<div class="setting-panel-item">
|
||||
<h5 class="setting-panel-item-title">Horizontal Navbar Appearance</h5>
|
||||
<div class="row gx-2">
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDefault" name="navbar-top-style" type="radio" value="default" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDefault"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/top-default.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-darker.png" alt=""/></span><span class="label-text">Default</span></label>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<input class="btn-check" id="navbarTopDarker" name="navbar-top-style" type="radio" value="darker" data-theme-control="phoenixNavbarTopStyle" disabled="disabled" />
|
||||
<label class="btn d-inline-block btn-navbar-style fs-9" for="navbarTopDarker"> <span class="mb-2 rounded d-block"><img class="img-fluid img-prototype d-dark-none mb-0" src="../../../assets/img/generic/navbar-top-style-light.png" alt=""/><img class="img-fluid img-prototype d-light-none mb-0" src="../../../assets/img/generic/top-style-lighter.png" alt=""/></span><span class="label-text d-dark-none">Darker</span><span class="label-text d-light-none">Lighter</span></label>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-warning-dark font-medium"> <span class="fa-solid fa-triangle-exclamation me-2 text-warning"></span>You can't update horizontal navbar appearance in this page</p>
|
||||
</div><a class="bun btn-primary d-grid mb-3 text-white mt-5 btn btn-primary" href="https://themes.getbootstrap.com/product/phoenix-admin-dashboard-webapp-template/" target="_blank">Purchase template</a>
|
||||
</div>
|
||||
</div><a class="card setting-toggle" href="#settings-offcanvas" data-bs-toggle="offcanvas">
|
||||
<div class="card-body d-flex align-items-center px-2 py-1">
|
||||
<div class="position-relative rounded-start" style="height:34px;width:28px">
|
||||
<div class="settings-popover"><span class="ripple"><span class="fa-spin position-absolute all-0 d-flex flex-center"><span class="icon-spin position-absolute all-0 d-flex flex-center">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.7369 12.3941L19.1989 12.1065C18.4459 11.7041 18.0843 10.8487 18.0843 9.99495C18.0843 9.14118 18.4459 8.28582 19.1989 7.88336L19.7369 7.59581C19.9474 7.47484 20.0316 7.23291 19.9474 7.03131C19.4842 5.57973 18.6843 4.28943 17.6738 3.20075C17.5053 3.03946 17.2527 2.99914 17.0422 3.12011L16.393 3.46714C15.6883 3.84379 14.8377 3.74529 14.1476 3.3427C14.0988 3.31422 14.0496 3.28621 14.0002 3.25868C13.2568 2.84453 12.7055 2.10629 12.7055 1.25525V0.70081C12.7055 0.499202 12.5371 0.297594 12.2845 0.257272C10.7266 -0.105622 9.16879 -0.0653007 7.69516 0.257272C7.44254 0.297594 7.31623 0.499202 7.31623 0.70081V1.23474C7.31623 2.09575 6.74999 2.8362 5.99824 3.25599C5.95774 3.27861 5.91747 3.30159 5.87744 3.32493C5.15643 3.74527 4.26453 3.85902 3.53534 3.45302L2.93743 3.12011C2.72691 2.99914 2.47429 3.03946 2.30587 3.20075C1.29538 4.28943 0.495411 5.57973 0.0322686 7.03131C-0.051939 7.23291 0.0322686 7.47484 0.242788 7.59581L0.784376 7.8853C1.54166 8.29007 1.92694 9.13627 1.92694 9.99495C1.92694 10.8536 1.54166 11.6998 0.784375 12.1046L0.242788 12.3941C0.0322686 12.515 -0.051939 12.757 0.0322686 12.9586C0.495411 14.4102 1.29538 15.7005 2.30587 16.7891C2.47429 16.9504 2.72691 16.9907 2.93743 16.8698L3.58669 16.5227C4.29133 16.1461 5.14131 16.2457 5.8331 16.6455C5.88713 16.6767 5.94159 16.7074 5.99648 16.7375C6.75162 17.1511 7.31623 17.8941 7.31623 18.7552V19.2891C7.31623 19.4425 7.41373 19.5959 7.55309 19.696C7.64066 19.7589 7.74815 19.7843 7.85406 19.8046C9.35884 20.0925 10.8609 20.0456 12.2845 19.7729C12.5371 19.6923 12.7055 19.4907 12.7055 19.2891V18.7346C12.7055 17.8836 13.2568 17.1454 14.0002 16.7312C14.0496 16.7037 14.0988 16.6757 14.1476 16.6472C14.8377 16.2446 15.6883 16.1461 16.393 16.5227L17.0422 16.8698C17.2527 16.9907 17.5053 16.9504 17.6738 16.7891C18.7264 15.7005 19.4842 14.4102 19.9895 12.9586C20.0316 12.757 19.9474 12.515 19.7369 12.3941ZM10.0109 13.2005C8.1162 13.2005 6.64257 11.7893 6.64257 9.97478C6.64257 8.20063 8.1162 6.74905 10.0109 6.74905C11.8634 6.74905 13.3792 8.20063 13.3792 9.97478C13.3792 11.7893 11.8634 13.2005 10.0109 13.2005Z" fill="#2A7BE4"></path>
|
||||
</svg></span></span></span></div>
|
||||
</div><small class="text-uppercase text-body-tertiary fw-bold py-2 pe-2 ps-1 rounded-end">customize</small>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
|
||||
<!-- ===============================================-->
|
||||
<!-- JavaScripts-->
|
||||
<!-- ===============================================-->
|
||||
<script src="../../../vendors/popper/popper.min.js"></script>
|
||||
<script src="../../../vendors/bootstrap/bootstrap.min.js"></script>
|
||||
<script src="../../../vendors/anchorjs/anchor.min.js"></script>
|
||||
<script src="../../../vendors/is/is.min.js"></script>
|
||||
<script src="../../../vendors/fontawesome/all.min.js"></script>
|
||||
<script src="../../../vendors/lodash/lodash.min.js"></script>
|
||||
<script src="../../../vendors/list.js/list.min.js"></script>
|
||||
<script src="../../../vendors/feather-icons/feather.min.js"></script>
|
||||
<script src="../../../vendors/dayjs/dayjs.min.js"></script>
|
||||
<script src="../../../assets/js/phoenix.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -448,10 +448,10 @@
|
||||
<li class="nav-item"><a class="nav-link px-3 d-block" href="#!"> <span class="me-2 text-body align-bottom" data-feather="user-plus"></span>Add another account</a></li>
|
||||
</ul>
|
||||
<hr />
|
||||
<div class="px-3"> <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{% url 'logout' %}"> <span class="me-2" data-feather="log-out"> </span>{% trans 'Sign Out' %}</a></div>
|
||||
<div class="px-3"> <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{% url 'account_logout' %}"> <span class="me-2" data-feather="log-out"> </span>{% trans 'Sign Out' %}</a></div>
|
||||
<div class="my-2 text-center fw-bold fs-10 text-body-quaternary"><a class="text-body-quaternary me-1" href="#!">Privacy policy</a>•<a class="text-body-quaternary mx-1" href="#!">Terms</a>•<a class="text-body-quaternary ms-1" href="#!">Cookies</a></div>
|
||||
{% else %}
|
||||
<div class="px-3"> <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{% url 'login' %}"> <span class="me-2" data-feather="log-in"> </span>{% trans 'Sign In' %}</a></div>
|
||||
<div class="px-3"> <a class="btn btn-phoenix-secondary d-flex flex-center w-100" href="{% url 'account_signup' %}"> <span class="me-2" data-feather="log-in"> </span>{% trans 'Sign Up' %}</a></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -78,8 +78,12 @@
|
||||
<h4 class="fs-7 text-body-highlight mb-0">{{ dealer.get_active_plan.users.count }} / {{ dealer.get_active_plan.max_users }}</h4>
|
||||
</div>
|
||||
<div class="text-end">
|
||||
<h6 class="mb-2 text-body-secondary">{% trans 'Subscription Type' %}</h6>
|
||||
|
||||
<h6 class="mb-2 text-body-secondary">{% trans 'Subscription' %}</h6>
|
||||
{% if dealer.get_active_plan.is_active %}
|
||||
<span class="badge badge-phoenix fs-10 badge-phoenix-success"><span class="badge-label">{% trans 'Active' %}</span><span class="ms-1" data-feather="check" style="height:12.8px;width:12.8px;"></span></span>
|
||||
{% else %}
|
||||
<span class="badge badge-phoenix fs-10 badge-phoenix-danger"><span class="badge-label">{% trans 'Expired' %}</span><span class="ms-1" data-feather="times" style="height:12.8px;width:12.8px;"></span></span>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@ -140,11 +144,11 @@
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="mb-5 mb-md-0 mb-lg-5 me-3">
|
||||
<div class="d-sm-flex d-md-block d-lg-flex align-items-center mb-3">
|
||||
<h3 class="mb-0">{{ dealer.get_active_plan.plan }}</h3><span class="badge ms-sm-3 ms-md-0 ms-lg-3 text-uppercase fs-10 text-bg-warning">recommended</span>
|
||||
<h3 class="mb-0">{{ dealer.get_active_plan.plan }}</h3><span class="badge ms-sm-3 ms-md-0 ms-lg-3 fs-10 text-bg-warning">{% trans 'most valuable'|upper %}</span>
|
||||
</div>
|
||||
<p class="fs-9 text-body-tertiary">{% trans 'Active until' %}: {{ dealer.get_active_plan.end_date|date}}</p>
|
||||
<div class="d-flex align-items-end mb-md-5 mb-lg-0">
|
||||
<h4 class="fw-bolder me-1">{{ dealer.get_plan_price }} {% trans 'SAR' %}</h4>
|
||||
<h4 class="fw-bolder me-1">{{ dealer.get_plan.price }} {% trans 'SAR' %}</h4>
|
||||
<h5 class="fs-9 fw-normal text-body-tertiary ms-1">Per month</h5>
|
||||
</div>
|
||||
</div><img class="d-dark-none" src="{% static 'images/spot-illustrations/star.png' %}" width="54" height="54" alt="" /><img class="d-light-none" src="{% static 'images/spot-illustrations/star-dark.png' %}" width="54" height="54" alt="" />
|
||||
@ -153,10 +157,7 @@
|
||||
<div class="col-sm-8 col-md-12">
|
||||
<div class="d-sm-flex d-md-block d-lg-flex justify-content-end align-items-end h-100">
|
||||
<ul class="list-unstyled mb-0 border-start-sm border-start-md-0 border-start-lg ps-sm-5 ps-md-0 ps-lg-5 border-warning-subtle">
|
||||
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-body-tertiary fw-semibold">Technical Supports</span></li>
|
||||
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-body-tertiary fw-semibold">Up to 4 Members</span></li>
|
||||
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-body-tertiary fw-semibold">Create & Share libraries</span></li>
|
||||
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-body-tertiary fw-semibold"><span class="fw-bold">Unlimited</span> Collaboration</span></li>
|
||||
<li class="d-flex align-items-center"><span class="uil uil-check-circle text-success me-2"></span><span class="text-body-tertiary fw-semibold">{{ dealer.get_plan.description}}</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -97,7 +97,7 @@
|
||||
<label class="mb-0 theme-control-toggle-label theme-control-toggle-light" for="themeControlToggle" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Switch theme" style="height:32px;width:32px;"><span class="icon" data-feather="moon"></span></label>
|
||||
<label class="mb-0 theme-control-toggle-label theme-control-toggle-dark" for="themeControlToggle" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="Switch theme" style="height:32px;width:32px;"><span class="icon" data-feather="sun"></span></label>
|
||||
</div>
|
||||
</div><a class="text-body-quaternary text-body-tertiary-hover px-2 d-none d-lg-inline lh-sm" href="#" data-bs-toggle="modal" data-bs-target="#searchBoxModal"><span data-feather="search" style="height: 20px; width: 20px;"></span></a><a class="btn btn-link text-body order-1 order-lg-0 ps-4 me-lg-2" href="{% url 'login' %}">{{ _("Sign In") }}</a><a class="btn btn-phoenix-primary order-0" href="{% url 'signup' %}"><span class="fw-bold">{{ _("Sign Up") }}</span></a>
|
||||
</div><a class="text-body-quaternary text-body-tertiary-hover px-2 d-none d-lg-inline lh-sm" href="#" data-bs-toggle="modal" data-bs-target="#searchBoxModal"><span data-feather="search" style="height: 20px; width: 20px;"></span></a><a class="btn btn-link text-body order-1 order-lg-0 ps-4 me-lg-2" href="{% url 'account_login' %}">{{ _("Sign In") }}</a><a class="btn btn-phoenix-primary order-0" href="{% url 'account_signup' %}"><span class="fw-bold">{{ _("Sign Up") }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user