This commit is contained in:
root committed 2026-05-11 17:58:21 +00:00
1 parent b03c1d4619
commit b07423aef3
42 files changed
+1431 -394

No files matched your search

+100 -136
View File
@@ -17,152 +17,103 @@
<div class="app-layout">
{{-- ════════════════════════════════════════
SIDEBAR (appears on the RIGHT in RTL
because it is the first flex child)
TOPBAR — full width, topmost
════════════════════════════════════════ --}}
<aside class="app-sidebar" id="appSidebar">
{{-- Logo --}}
<a href="{{ route('admin.dashboard') }}" class="sidebar-logo">
<div class="logo-icon">
<i class="bi bi-p-square-fill"></i>
</div>
<div>
<div class="logo-text">دمشق باركينغ</div>
<div class="logo-sub">لوحة الإدارة</div>
</div>
</a>
{{-- Navigation --}}
<nav class="sidebar-nav">
<div class="sidebar-section">الرئيسية</div>
<a href="{{ route('admin.dashboard') }}"
class="sidebar-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
<i class="bi bi-speedometer2 sidebar-icon"></i>
<span>لوحة التحكم</span>
</a>
<div class="sidebar-section">المواقف والحجوزات</div>
<a href="{{ route('admin.parking-lots.index') }}"
class="sidebar-link {{ request()->routeIs('admin.parking-lots.*') ? 'active' : '' }}">
<i class="bi bi-buildings sidebar-icon"></i>
<span>المواقف</span>
</a>
<a href="{{ route('admin.bookings.active') }}"
class="sidebar-link {{ request()->routeIs('admin.bookings.*') ? 'active' : '' }}">
<i class="bi bi-calendar-check sidebar-icon"></i>
<span>الحجوزات النشطة</span>
</a>
<div class="sidebar-section">التشغيل</div>
<a href="{{ route('admin.operators.index') }}"
class="sidebar-link {{ request()->routeIs('admin.operators.*') ? 'active' : '' }}">
<i class="bi bi-people sidebar-icon"></i>
<span>المشغّلون</span>
</a>
<a href="{{ route('operator.dashboard') }}"
class="sidebar-link {{ request()->routeIs('operator.*') ? 'active' : '' }}">
<i class="bi bi-person-badge sidebar-icon"></i>
<span>لوحة المشغّل</span>
</a>
</nav>
{{-- Footer: user info + logout --}}
<div class="sidebar-footer">
<div class="d-flex align-items-center gap-2 mb-2">
<div class="user-avatar">
{{ mb_substr(auth()->user()?->name ?? 'م', 0, 1) }}
</div>
<div style="min-width:0">
<div class="user-name text-truncate">{{ auth()->user()?->name ?? 'المستخدم' }}</div>
<div class="user-role">
{{ auth()->user()?->role === 'admin' ? 'مدير النظام' : 'مشغّل' }}
</div>
</div>
</div>
<form method="POST" action="{{ route('logout') }}">
@csrf
<button type="submit"
class="btn btn-sm w-100 mt-1 text-start"
style="background:rgba(239,68,68,.12);color:#f87171;border:none;border-radius:.5rem;padding:.45rem .75rem;font-family:'Cairo',sans-serif;font-size:.82rem;">
<i class="bi bi-box-arrow-left me-2"></i>تسجيل الخروج
</button>
</form>
</div>
</aside>
@include('partials.topbar', ['isAdminLayout' => true])
{{-- ════════════════════════════════════════
MAIN BODY
INNER ROW — sidebar + content
════════════════════════════════════════ --}}
<div class="app-body">
<div class="app-inner">
{{-- Topbar --}}
<header class="app-topbar">
<div class="d-flex align-items-center gap-3">
<button class="sidebar-toggle" id="sidebarToggle" aria-label="قائمة التنقل">
<i class="bi bi-list"></i>
</button>
<h1 class="topbar-title">@yield('page-title', 'لوحة التحكم')</h1>
</div>
<div class="topbar-actions d-flex align-items-center gap-2">
{{-- Desktop: link to public site --}}
<a href="{{ route('parking.index') }}"
class="btn btn-sm d-none d-md-inline-flex align-items-center"
style="background:#f1f5f9;color:#475569;border:none;border-radius:.5rem;font-family:'Cairo',sans-serif;"
>
<i class="bi bi-globe2 me-1"></i>الموقع العام
<aside class="app-sidebar" id="appSidebar">
@php $isAdmin = auth()->user()?->role === 'admin'; @endphp
{{-- Navigation --}}
<nav class="sidebar-nav">
@if($isAdmin)
<div class="sidebar-section">الرئيسية</div>
<a href="{{ route('admin.dashboard') }}"
class="sidebar-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
<i class="bi bi-speedometer2 sidebar-icon"></i>
<span>لوحة التحكم</span>
</a>
{{-- Mobile: user avatar + logout --}}
<div class="d-flex d-md-none align-items-center gap-2">
<div style="width:30px;height:30px;background:rgba(99,102,241,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;font-weight:800;font-size:.82rem;flex-shrink:0;">
{{ mb_substr(auth()->user()?->name ?? 'م', 0, 1) }}
</div>
<form method="POST" action="{{ route('logout') }}" style="margin:0;">
@csrf
<button type="submit"
style="background:none;border:none;color:#94a3b8;padding:4px 6px;font-size:1.15rem;cursor:pointer;line-height:1;"
title="تسجيل الخروج">
<i class="bi bi-box-arrow-left"></i>
</button>
</form>
<div class="sidebar-section">المواقف والحجوزات</div>
<a href="{{ route('admin.parking-lots.index') }}"
class="sidebar-link {{ request()->routeIs('admin.parking-lots.*') ? 'active' : '' }}">
<i class="bi bi-buildings sidebar-icon"></i>
<span>المواقف</span>
</a>
<a href="{{ route('admin.bookings.active') }}"
class="sidebar-link {{ request()->routeIs('admin.bookings.*') ? 'active' : '' }}">
<i class="bi bi-calendar-check sidebar-icon"></i>
<span>الحجوزات النشطة</span>
</a>
<div class="sidebar-section">التشغيل</div>
<a href="{{ route('admin.operators.index') }}"
class="sidebar-link {{ request()->routeIs('admin.operators.*') ? 'active' : '' }}">
<i class="bi bi-people sidebar-icon"></i>
<span>المشغّلون</span>
</a>
@endif
<a href="{{ route('operator.stats') }}"
class="sidebar-link {{ request()->routeIs('operator.stats') ? 'active' : '' }}">
<i class="bi bi-graph-up sidebar-icon"></i>
<span>الإحصائيات</span>
</a>
<a href="{{ route('operator.dashboard') }}"
class="sidebar-link {{ request()->routeIs('operator.dashboard') ? 'active' : '' }}">
<i class="bi bi-person-badge sidebar-icon"></i>
<span>{{ $isAdmin ? 'لوحة المشغّل' : 'الموقف' }}</span>
</a>
</nav>
</aside>
{{-- ════════════════════════════════════════
MAIN BODY
════════════════════════════════════════ --}}
<div class="app-body">
{{-- Flash Messages --}}
<div class="px-4 pt-3">
@if(session('success'))
<div class="alert alert-success d-flex align-items-center gap-2 border-0 rounded-3 py-2 mb-0"
role="alert">
<i class="bi bi-check-circle-fill flex-shrink-0"></i>
<span>{{ session('success') }}</span>
<button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger d-flex align-items-center gap-2 border-0 rounded-3 py-2 mb-0"
role="alert">
<i class="bi bi-exclamation-triangle-fill flex-shrink-0"></i>
<span>{{ session('error') }}</span>
<button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
</div>
</header>
{{-- Flash Messages --}}
<div class="px-4 pt-3">
@if(session('success'))
<div class="alert alert-success d-flex align-items-center gap-2 border-0 rounded-3 py-2 mb-0"
role="alert">
<i class="bi bi-check-circle-fill flex-shrink-0"></i>
<span>{{ session('success') }}</span>
<button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
@if(session('error'))
<div class="alert alert-danger d-flex align-items-center gap-2 border-0 rounded-3 py-2 mb-0"
role="alert">
<i class="bi bi-exclamation-triangle-fill flex-shrink-0"></i>
<span>{{ session('error') }}</span>
<button type="button" class="btn-close ms-auto" data-bs-dismiss="alert"></button>
</div>
@endif
</div>
{{-- Page Content --}}
<main class="app-content">
@yield('content')
</main>
{{-- Page Content --}}
<main class="app-content">
@yield('content')
</main>
</div>{{-- /app-body --}}
</div>{{-- /app-body --}}
</div>{{-- /app-inner --}}
</div>{{-- /app-layout --}}
@@ -171,6 +122,7 @@
{{-- ══ MOBILE BOTTOM NAVIGATION ═══════════════════════════════════════════════ --}}
<nav class="mobile-bottom-nav" aria-label="التنقل">
@if($isAdmin)
<a href="{{ route('admin.dashboard') }}"
class="mob-nav-item {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
<i class="bi bi-speedometer2"></i>
@@ -192,10 +144,22 @@
<span>المشغّلون</span>
</a>
<a href="{{ route('operator.dashboard') }}"
class="mob-nav-item {{ request()->routeIs('operator.*') ? 'active' : '' }}">
class="mob-nav-item {{ request()->routeIs('operator.dashboard') ? 'active' : '' }}">
<i class="bi bi-person-badge"></i>
<span>التشغيل</span>
</a>
@else
<a href="{{ route('operator.stats') }}"
class="mob-nav-item {{ request()->routeIs('operator.stats') ? 'active' : '' }}">
<i class="bi bi-graph-up"></i>
<span>الإحصائيات</span>
</a>
<a href="{{ route('operator.dashboard') }}"
class="mob-nav-item {{ request()->routeIs('operator.dashboard') ? 'active' : '' }}">
<i class="bi bi-person-badge"></i>
<span>الموقف</span>
</a>
@endif
</nav>
<script>
+2 -22
View File
@@ -14,30 +14,10 @@
<body style="background:#f1f5f9;font-family:'Cairo',sans-serif;">
{{-- ══ HEADER ══════════════════════════════════════════════════════════════ --}}
<header class="public-header">
<div class="container">
<div class="d-flex align-items-center justify-content-between">
{{-- Logo --}}
<a href="{{ route('parking.index') }}" class="d-flex align-items-center gap-3 text-decoration-none">
<div style="width:40px;height:40px;background:#6366f1;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<i class="bi bi-p-square-fill text-white" style="font-size:1.25rem;"></i>
</div>
<div>
<div class="fw-800" style="color:#f8fafc;font-size:1.05rem;line-height:1.2;">دمشق باركينغ</div>
<div style="color:#94a3b8;font-size:.72rem;">مواقف السيارات في دمشق</div>
</div>
</a>
{{-- User Dropdown --}}
@include('partials.user-dropdown')
</div>
</div>
</header>
@include('partials.topbar')
{{-- ══ CONTENT ═════════════════════════════════════════════════════════════ --}}
<main class="container py-4" style="max-width:820px;">
<main style="padding:1.5rem;">
{{-- Flash messages --}}
@if(session('success'))