initial: project state before operator dashboard card redesign
This commit is contained in:
ghassan committed
commit
e0aed8eed7
113 files changed
+20074
No files matched your search
@@ -0,0 +1,116 @@
|
||||
@extends('layouts.user')
|
||||
@section('title', 'حجوزاتي — دمشق باركينغ')
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Page header --}}
|
||||
<div class="d-flex align-items-center gap-3 mb-4">
|
||||
<a href="{{ route('parking.index') }}"
|
||||
class="btn btn-sm"
|
||||
style="background:#f1f5f9;color:#475569;border:none;border-radius:.5rem;font-family:'Cairo',sans-serif;">
|
||||
<i class="bi bi-arrow-right me-1"></i>العودة
|
||||
</a>
|
||||
<div>
|
||||
<h1 class="fw-800 mb-0" style="font-size:1.25rem;color:#0f172a;">حجوزاتي</h1>
|
||||
<p class="text-sm mb-0" style="color:#64748b;">سجل حجوزاتك في مواقف السيارات</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Stats row ──────────────────────────────────────────────────────────── --}}
|
||||
<div class="row g-3 mb-4">
|
||||
@php
|
||||
$statCards = [
|
||||
['label' => 'إجمالي الحجوزات', 'value' => $stats['total'], 'icon' => 'bi-calendar3', 'color' => '#6366f1', 'bg' => 'rgba(99,102,241,.1)'],
|
||||
['label' => 'نشطة', 'value' => $stats['active'], 'icon' => 'bi-clock-history', 'color' => '#f59e0b', 'bg' => 'rgba(245,158,11,.1)'],
|
||||
['label' => 'مكتملة', 'value' => $stats['completed'], 'icon' => 'bi-check-circle', 'color' => '#10b981', 'bg' => 'rgba(16,185,129,.1)'],
|
||||
['label' => 'ملغاة', 'value' => $stats['cancelled'], 'icon' => 'bi-x-circle', 'color' => '#ef4444', 'bg' => 'rgba(239,68,68,.1)'],
|
||||
];
|
||||
@endphp
|
||||
|
||||
@foreach($statCards as $s)
|
||||
<div class="col-6 col-md-3">
|
||||
<div class="card stat-card">
|
||||
<div class="card-body p-3 d-flex align-items-center gap-3">
|
||||
<div class="rounded-3 d-flex align-items-center justify-content-center flex-shrink-0"
|
||||
style="width:44px;height:44px;background:{{ $s['bg'] }};">
|
||||
<i class="bi {{ $s['icon'] }}" style="font-size:1.2rem;color:{{ $s['color'] }};"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="fw-800" style="font-size:1.4rem;color:{{ $s['color'] }};line-height:1;">{{ $s['value'] }}</div>
|
||||
<div class="text-xs" style="color:#64748b;">{{ $s['label'] }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
{{-- ── Bookings table ──────────────────────────────────────────────────────── --}}
|
||||
<div class="card">
|
||||
<div class="card-header d-flex align-items-center justify-content-between">
|
||||
<span class="fw-700" style="font-size:.9rem;">
|
||||
<i class="bi bi-list-check me-2" style="color:#6366f1;"></i>
|
||||
قائمة الحجوزات
|
||||
</span>
|
||||
<span class="badge badge-soft-secondary text-xs">{{ $stats['total'] }} حجز</span>
|
||||
</div>
|
||||
|
||||
@if($bookings->isEmpty())
|
||||
<div class="text-center py-5" style="color:#94a3b8;">
|
||||
<i class="bi bi-calendar-x d-block mb-2" style="font-size:2.5rem;opacity:.35;"></i>
|
||||
<p class="fw-600 mb-1" style="color:#64748b;">لا توجد حجوزات بعد</p>
|
||||
<p class="text-sm mb-3" style="color:#94a3b8;">ابدأ بالبحث عن موقف وحجز مكانك</p>
|
||||
<a href="{{ route('parking.index') }}"
|
||||
class="btn btn-sm fw-600"
|
||||
style="background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-family:'Cairo',sans-serif;">
|
||||
<i class="bi bi-search me-1"></i>تصفح المواقف
|
||||
</a>
|
||||
</div>
|
||||
@else
|
||||
<div class="table-responsive">
|
||||
<table class="app-table w-100">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>الموقف</th>
|
||||
<th>تاريخ البدء</th>
|
||||
<th>تاريخ الانتهاء</th>
|
||||
<th>الحالة</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($bookings as $booking)
|
||||
<tr>
|
||||
<td class="text-sm" style="color:#94a3b8;">{{ $booking->id }}</td>
|
||||
<td>
|
||||
<span class="fw-600" style="color:#0f172a;">
|
||||
{{ $booking->parkingLot?->name ?? '—' }}
|
||||
</span>
|
||||
<div class="text-xs" style="color:#94a3b8;">{{ $booking->parkingLot?->address }}</div>
|
||||
</td>
|
||||
<td class="text-sm" style="color:#475569;">
|
||||
{{ $booking->start_time->format('Y/m/d') }}
|
||||
<div class="text-xs" style="color:#94a3b8;">{{ $booking->start_time->format('H:i') }}</div>
|
||||
</td>
|
||||
<td class="text-sm" style="color:#475569;">
|
||||
{{ $booking->end_time->format('Y/m/d') }}
|
||||
<div class="text-xs" style="color:#94a3b8;">{{ $booking->end_time->format('H:i') }}</div>
|
||||
</td>
|
||||
<td>
|
||||
@if($booking->status === 'active')
|
||||
<span class="badge badge-soft-warning">نشط</span>
|
||||
@elseif($booking->status === 'completed')
|
||||
<span class="badge badge-soft-success">مكتمل</span>
|
||||
@else
|
||||
<span class="badge badge-soft-danger">ملغي</span>
|
||||
@endif
|
||||
</td>
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,142 @@
|
||||
@extends('layouts.user')
|
||||
@section('title', 'معلوماتي — دمشق باركينغ')
|
||||
|
||||
@section('content')
|
||||
|
||||
{{-- Page header --}}
|
||||
<div class="d-flex align-items-center gap-3 mb-4">
|
||||
<a href="{{ route('parking.index') }}"
|
||||
class="btn btn-sm"
|
||||
style="background:#f1f5f9;color:#475569;border:none;border-radius:.5rem;font-family:'Cairo',sans-serif;">
|
||||
<i class="bi bi-arrow-right me-1"></i>العودة
|
||||
</a>
|
||||
<div>
|
||||
<h1 class="fw-800 mb-0" style="font-size:1.25rem;color:#0f172a;">معلوماتي</h1>
|
||||
<p class="text-sm mb-0" style="color:#64748b;">إدارة بيانات حسابك الشخصي</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
{{-- ── Identity card ──────────────────────────────────────────────────── --}}
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex align-items-center gap-4 flex-wrap">
|
||||
{{-- Avatar --}}
|
||||
<div style="width:72px;height:72px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.75rem;color:#fff;flex-shrink:0;">
|
||||
{{ mb_substr($user->name, 0, 1) }}
|
||||
</div>
|
||||
<div>
|
||||
<h2 class="fw-800 mb-1" style="font-size:1.15rem;color:#0f172a;">{{ $user->name }}</h2>
|
||||
<p class="mb-1 text-sm" style="color:#64748b;">{{ $user->email }}</p>
|
||||
@php
|
||||
$roleLabel = match($user->role) {
|
||||
'admin' => 'مدير النظام',
|
||||
'operator' => 'مشغّل',
|
||||
default => 'مستخدم',
|
||||
};
|
||||
$roleStyle = match($user->role) {
|
||||
'admin' => 'background:rgba(239,68,68,.1);color:#b91c1c;',
|
||||
'operator' => 'background:rgba(245,158,11,.1);color:#92400e;',
|
||||
default => 'background:rgba(99,102,241,.1);color:#4338ca;',
|
||||
};
|
||||
@endphp
|
||||
<span class="badge" style="{{ $roleStyle }}font-size:.78rem;padding:.3em .75em;">{{ $roleLabel }}</span>
|
||||
<span class="text-xs ms-2" style="color:#94a3b8;">
|
||||
عضو منذ {{ $user->created_at->translatedFormat('F Y') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Edit name ───────────────────────────────────────────────────────── --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-header">
|
||||
<span class="fw-700" style="font-size:.9rem;">
|
||||
<i class="bi bi-person me-2" style="color:#6366f1;"></i>تعديل الاسم
|
||||
</span>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
@if($errors->updateName->any())
|
||||
<div class="alert alert-danger border-0 rounded-3 py-2 mb-3 text-sm">
|
||||
{{ $errors->updateName->first() }}
|
||||
</div>
|
||||
@endif
|
||||
<form method="POST" action="{{ route('profile.update') }}">
|
||||
@csrf
|
||||
@method('PATCH')
|
||||
<div class="mb-3">
|
||||
<label class="form-label">الاسم الكامل</label>
|
||||
<input type="text" name="name"
|
||||
class="form-control"
|
||||
value="{{ old('name', $user->name) }}"
|
||||
placeholder="أدخل اسمك الكامل">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">البريد الإلكتروني</label>
|
||||
<input type="email"
|
||||
class="form-control"
|
||||
value="{{ $user->email }}"
|
||||
disabled
|
||||
style="background:#f8fafc;color:#94a3b8;">
|
||||
<div class="text-xs mt-1" style="color:#94a3b8;">لا يمكن تغيير البريد الإلكتروني.</div>
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="btn fw-700"
|
||||
style="background:#6366f1;color:#fff;border:none;font-family:'Cairo',sans-serif;border-radius:.5rem;padding:.5rem 1.5rem;">
|
||||
<i class="bi bi-check2 me-1"></i>حفظ التغييرات
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- ── Change password ─────────────────────────────────────────────────── --}}
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100">
|
||||
<div class="card-header">
|
||||
<span class="fw-700" style="font-size:.9rem;">
|
||||
<i class="bi bi-lock me-2" style="color:#f59e0b;"></i>تغيير كلمة السر
|
||||
</span>
|
||||
</div>
|
||||
<div class="card-body p-4">
|
||||
@if($errors->updatePassword->any())
|
||||
<div class="alert alert-danger border-0 rounded-3 py-2 mb-3 text-sm">
|
||||
{{ $errors->updatePassword->first() }}
|
||||
</div>
|
||||
@endif
|
||||
<form method="POST" action="{{ route('profile.password') }}">
|
||||
@csrf
|
||||
@method('PATCH')
|
||||
<div class="mb-3">
|
||||
<label class="form-label">كلمة السر الحالية</label>
|
||||
<input type="password" name="current_password"
|
||||
class="form-control" placeholder="••••••••" dir="ltr">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">كلمة السر الجديدة</label>
|
||||
<input type="password" name="password"
|
||||
class="form-control" placeholder="••••••••" dir="ltr">
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<label class="form-label">تأكيد كلمة السر الجديدة</label>
|
||||
<input type="password" name="password_confirmation"
|
||||
class="form-control" placeholder="••••••••" dir="ltr">
|
||||
</div>
|
||||
<button type="submit"
|
||||
class="btn fw-700"
|
||||
style="background:#f59e0b;color:#fff;border:none;font-family:'Cairo',sans-serif;border-radius:.5rem;padding:.5rem 1.5rem;">
|
||||
<i class="bi bi-shield-lock me-1"></i>تحديث كلمة السر
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
Reference in new issue
Block a user