ghassan/takeone
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

created admin panel with some of its content

Browse Source
This commit is contained in:
ghassan committed 2026-01-26 00:50:43 +03:00
1 parent 2ee4b76599
commit b16351c416
52 files changed
+5690 -203
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/layouts/admin.blade.php
+165
View File
@@ -0,0 +1,165 @@
@extends('layouts.app')
@section('content')
<style>
/* Admin Layout - BOXED with Sidebar */
.admin-wrapper {
max-width: 1320px;
margin: 20px auto;
padding: 0 15px;
display: flex;
gap: 20px;
}
.admin-sidebar {
width: 256px;
min-width: 256px;
border-right: 1px solid hsl(var(--border));
background-color: hsl(var(--muted) / 0.3);
padding: 1.5rem;
border-radius: 0.75rem;
height: fit-content;
position: sticky;
top: 92px;
}
.admin-sidebar h2 {
font-size: 0.875rem;
font-weight: 600;
color: hsl(var(--muted-foreground));
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 1rem;
}
.admin-sidebar nav {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.admin-nav-item {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 1rem;
border-radius: 0.5rem;
transition: all 0.2s;
text-decoration: none;
color: hsl(var(--foreground));
background-color: hsl(var(--card));
border: 1px solid transparent;
}
.admin-nav-item:hover {
background-color: hsl(var(--muted));
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
text-decoration: none;
color: hsl(var(--foreground));
}
.admin-nav-item.active {
background-color: hsl(var(--primary));
color: white;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.admin-nav-item.active .nav-item-text,
.admin-nav-item.active .nav-item-subtitle {
color: white !important;
}
.admin-nav-item i {
width: 20px;
height: 20px;
flex-shrink: 0;
margin-top: 2px;
}
.nav-item-content {
flex: 1;
text-align: left;
}
.nav-item-text {
font-weight: 600;
font-size: 0.875rem;
margin: 0;
}
.nav-item-subtitle {
font-size: 0.75rem;
color: hsl(var(--muted-foreground));
margin: 0.25rem 0 0 0;
}
.admin-nav-item.active .nav-item-subtitle {
color: rgba(255, 255, 255, 0.8);
}
.admin-nav-divider {
border-top: 1px solid hsl(var(--border));
margin: 1rem 0;
}
.admin-content {
flex: 1;
min-width: 0;
}
@media (max-width: 992px) {
.admin-wrapper {
flex-direction: column;
}
.admin-sidebar {
width: 100%;
position: relative;
top: 0;
}
}
</style>
<!-- Admin Wrapper - BOXED -->
<div class="admin-wrapper">
<!-- Sidebar -->
<aside class="admin-sidebar">
<h2>Admin Panel</h2>
<nav>
<a href="{{ route('admin.platform.clubs') }}" class="admin-nav-item {{ request()->routeIs('admin.platform.clubs*') || request()->routeIs('admin.platform.index') ? 'active' : '' }}">
<i class="bi bi-building"></i>
<div class="nav-item-content">
<p class="nav-item-text">All Clubs</p>
<p class="nav-item-subtitle">Manage {{ $clubsCount ?? 0 }} {{ ($clubsCount ?? 0) === 1 ? 'club' : 'clubs' }}</p>
</div>
</a>
<a href="{{ route('admin.platform.members') }}" class="admin-nav-item {{ request()->routeIs('admin.platform.members*') ? 'active' : '' }}">
<i class="bi bi-people"></i>
<div class="nav-item-content">
<p class="nav-item-text">All Members</p>
<p class="nav-item-subtitle">View all platform members</p>
</div>
</a>
<a href="{{ route('admin.platform.backup') }}" class="admin-nav-item {{ request()->routeIs('admin.platform.backup*') ? 'active' : '' }}">
<i class="bi bi-database"></i>
<div class="nav-item-content">
<p class="nav-item-text">Backup & Restore</p>
<p class="nav-item-subtitle">Database management</p>
</div>
</a>
<div class="admin-nav-divider"></div>
<a href="{{ route('clubs.explore') }}" class="admin-nav-item" style="border: 1px solid hsl(var(--border));">
<i class="bi bi-eye text-primary"></i>
<div class="nav-item-content">
<p class="nav-item-text">Back to Explore</p>
<p class="nav-item-subtitle">View as user</p>
</div>
</a>
</nav>
</aside>
<!-- Content -->
<main class="admin-content">
@yield('admin-content')
</main>
</div>
@endsection
resources/views/layouts/app.blade.php
+66 -8
View File
@@ -415,15 +415,11 @@
<i class="bi bi-gear me-2"></i>Settings
</a>
<div class="dropdown-divider"></div>
@if(Auth::user()->has_business ?? false)
<a class="dropdown-item small" href="#">
<i class="bi bi-building me-2"></i>Manage My Business
</a>
@endif
@if((Auth::user()->is_super_admin ?? false) || (Auth::user()->is_moderator ?? false))
<a class="dropdown-item small" href="#">
<i class="bi bi-shield me-2"></i>Admin Panel
@if(Auth::user()->isSuperAdmin())
<a class="dropdown-item small" href="{{ route('admin.platform.index') }}">
<i class="bi bi-shield-check me-2"></i>Admin Panel
</a>
<div class="dropdown-divider"></div>
@endif
@if((Auth::user()->has_business ?? false) || ((Auth::user()->is_super_admin ?? false) || (Auth::user()->is_moderator ?? false)))
<div class="dropdown-divider"></div>
@@ -450,9 +446,71 @@
@yield('content')
</main>
<!-- Toast Container -->
<div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 9999;">
@if(session('success'))
<div class="toast align-items-center text-white bg-success border-0" role="alert" aria-live="assertive" aria-atomic="true" id="successToast">
<div class="d-flex">
<div class="toast-body">
<i class="bi bi-check-circle me-2"></i>{{ session('success') }}
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
@endif
@if(session('error'))
<div class="toast align-items-center text-white bg-danger border-0" role="alert" aria-live="assertive" aria-atomic="true" id="errorToast">
<div class="d-flex">
<div class="toast-body">
<i class="bi bi-exclamation-triangle me-2"></i>{{ session('error') }}
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
@endif
@if(session('info'))
<div class="toast align-items-center text-white bg-info border-0" role="alert" aria-live="assertive" aria-atomic="true" id="infoToast">
<div class="d-flex">
<div class="toast-body">
<i class="bi bi-info-circle me-2"></i>{{ session('info') }}
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
@endif
@if(session('warning'))
<div class="toast align-items-center text-dark bg-warning border-0" role="alert" aria-live="assertive" aria-atomic="true" id="warningToast">
<div class="d-flex">
<div class="toast-body">
<i class="bi bi-exclamation-triangle me-2"></i>{{ session('warning') }}
</div>
<button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
@endif
</div>
<!-- Bootstrap JS Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
// Auto-show and auto-hide toasts
document.addEventListener('DOMContentLoaded', function() {
const toasts = ['successToast', 'errorToast', 'infoToast', 'warningToast'];
toasts.forEach(function(toastId) {
const toastElement = document.getElementById(toastId);
if (toastElement) {
const toast = new bootstrap.Toast(toastElement, {
autohide: true,
delay: 3000
});
toast.show();
}
});
});
</script>
<!-- jQuery (required for Select2) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>