Update templates/dashboard.html

This commit is contained in:
Ghassan Yusuf 2025-10-05 00:02:55 +03:00
parent 293af2d434
commit e44a646331

View File

@ -447,7 +447,7 @@
justify-content: center;
align-items: center;
padding: 30px; /* Increased padding for better look */
box-sizing: border-box; /* Ensure padding doesn't exceed grid size */
box-sizing: border-box;
}
.hot-sale-card .product-name {
font-size: 24px;
@ -1351,7 +1351,7 @@
<div class="dropup w-100 position-static">
<button class="btn btn-primary dropdown-toggle w-100 btn-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-user-plus icon-sm me-2"></i> Enroll Member</a></li>
@ -1410,7 +1410,7 @@
<div class="dropup w-100 position-static">
<button class="btn btn-primary dropdown-toggle w-100 btn-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-user-plus icon-sm me-2"></i> Enroll Member</a></li>
@ -1469,7 +1469,7 @@
<div class="dropup w-100 position-static">
<button class="btn btn-primary dropdown-toggle w-100 btn-sm" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-user-plus icon-sm me-2"></i> Enroll Member</a></li>
@ -1491,8 +1491,8 @@
<div class="col-md-6">
<div class="dashboard-section p-3 h-100" style="border-left: 4px solid var(--activity-accent); padding-bottom: 10px !important;">
<div class="d-flex justify-content-between align-items-center mb-3">
<h3 class="h5 fw-bold mb-0 text-info">Available Activities (6)</h3>
<button class="btn bg-info btn-primary btn-sm"><i class="fa-solid fa-plus me-2"></i> Create New Activity</button>
<h3 class="h5 fw-bold mb-0" style="color: var(--activity-accent);">Available Activities (6)</h3>
<button class="btn btn-info btn-sm text-white"><i class="fa-solid fa-plus me-2"></i> Create New Activity</button>
</div>
<p class="text-muted small mb-3">Activities are the individual classes that are bundled into packages.</p>
@ -1501,7 +1501,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="Muay Thai Training">
<img src="https://c8.alamy.com/comp/2B7869X/muay-thai-fighters-training-at-gym-with-coach-2B7869X.jpg" class="card-img-top rounded-top activity-display-img" alt="Muay Thai Training">
<div class="card-body p-2 pt-2">
@ -1519,15 +1519,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Main Cage Area
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Coach Thailand
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Mon, Wed, Fri 7 PM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Striking
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>
@ -1536,7 +1546,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="BJJ Training">
<img src="https://jiujitsulegacy.com/wp-content/uploads/2021/08/bjj-drills.jpg" class="card-img-top rounded-top activity-display-img" alt="BJJ Training">
<div class="card-body p-2 pt-2">
@ -1554,15 +1564,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Grappling Mat 1
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Professor Silva
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Tue, Thu 6 PM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Grappling
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>
@ -1571,7 +1591,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="Wrestling Training">
<img src="https://bloximages.chicago2.ospreyom.com/www.theherald-news.com/content/tncms/assets/v3/editorial/3/de/3de66a9c-091f-563b-a5d2-06940f5a77fd/639a0322b722d.image.jpg?resize=1200%2C800" class="card-img-top rounded-top activity-display-img" alt="Wrestling Training">
<div class="card-body p-2 pt-2">
@ -1589,15 +1609,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Grappling Mat 2
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Coach Mike
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Sat 10 AM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Grappling
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>
@ -1606,7 +1636,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="Boxing Training">
<img src="https://cdn.shopify.com/s/files/1/0259/3151/4144/articles/Boxing_1200x1200.jpg?v=1602447957" class="card-img-top rounded-top activity-display-img" alt="Boxing Training">
<div class="card-body p-2 pt-2">
@ -1624,15 +1654,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Striking Zone A
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Coach Ray
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Mon, Wed, Fri 8:15 PM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Striking
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>
@ -1641,7 +1681,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="S&C Training">
<img src="https://media.istockphoto.com/id/1155989104/photo/coach-and-boxer-exercise-in-gym.jpg?s=612x612&w=0&k=20&c=6P43Q10LgIe4rB6iH-N0w1f6O7e0J9b26o6R5g_F2_o=" class="card-img-top rounded-top activity-display-img" alt="S&C Training">
<div class="card-body p-2 pt-2">
@ -1659,15 +1699,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Dedicated Weight Room
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Coach Leo
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Sun, Tue, Thu 5 PM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Fitness
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>
@ -1676,7 +1726,7 @@
<div class="col">
<div class="card rounded-3 border bs-card-hover shadow-sm h-100">
<img src="https://atlfightshop.com/cdn/shop/articles/muay_thai_vs_bjj_1200x1200.jpg?v=1694817548" class="card-img-top rounded-top activity-display-img" alt="Yoga and Mobility Class">
<img src="https://www.verywellfit.com/thmb/bV7nK8s1UvD_n-s3L7Nn6d-bUoI=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/Verywell-42-4584282-AcroYoga-Sequence-01-f5f24204d13f412c99a6130b91d3420c.jpg" class="card-img-top rounded-top activity-display-img" alt="Yoga and Mobility Class">
<div class="card-body p-2 pt-2">
@ -1694,15 +1744,25 @@
<i class="fa-solid fa-location-dot text-info me-2"></i> Recovery Studio
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-user-tie text-info me-2"></i> Coach Zara
<i class="fa-solid fa-calendar-alt text-info me-2"></i> Wed, Sat 9 AM
</div>
<div class="d-flex align-items-center small text-muted">
<i class="fa-solid fa-tag text-info me-2"></i> Recovery
</div>
</div>
<div class="mt-3">
<button class="btn btn-sm btn-info w-100 text-white fw-bold">View Schedule</button>
<div class="dropup w-100 position-static mt-3">
<button class="btn btn-sm btn-info dropdown-toggle w-100 text-white fw-bold" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Action <i class="fa-solid fa-angle-right"></i>
</button>
<ul class="dropdown-menu dropdown-menu-start w-100">
<li><a class="dropdown-item fw-bold text-success btn-dropup-full-width" href="#"><i class="fa-solid fa-calendar-check icon-sm me-2"></i> View Schedule</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-pencil icon-sm me-2"></i> Edit Activity</a></li>
<li><a class="dropdown-item text-danger" href="#"><i class="fa-solid fa-trash-can icon-sm me-2"></i> Delete Activity</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item text-danger fw-bold" href="#"><i class="fa-solid fa-mask icon-sm me-2"></i> Assassinate Coach</a></li>
</ul>
</div>
</div>
</div>