@extends('admin.layouts.app')

@section('title', 'تفاصيل المستخدم')
@section('page-title', 'تفاصيل المستخدم')
@section('page-icon', 'fas fa-user')

@section('content')
<div class="row g-3">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <i class="fas fa-user"></i>
                    {{ $user->name }}
                </div>
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-primary btn-sm">
                        <i class="fas fa-edit"></i> تعديل
                    </a>
                    <a href="{{ route('admin.users') }}" class="btn btn-secondary btn-sm">
                        <i class="fas fa-arrow-right"></i> رجوع
                    </a>
                </div>
            </div>
            <div class="card-body">
                <div class="row g-4">
                    {{-- المعلومات الأساسية --}}
                    <div class="col-lg-6">
                        <h6 class="mb-3" style="color: var(--gold-300);">
                            <i class="fas fa-info-circle me-2"></i>المعلومات الأساسية
                        </h6>
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">الاسم الكامل</label>
                                <p class="mb-0" style="color: var(--text-primary); font-weight: 600;">{{ $user->name }}</p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">البريد الإلكتروني</label>
                                <p class="mb-0">{{ $user->email }}</p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">رقم الهاتف</label>
                                <p class="mb-0">{{ $user->phone ?? 'غير محدد' }}</p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">المحافظة</label>
                                <p class="mb-0">
                                    @if($user->governorate)
                                        <span class="badge badge-info">{{ $user->governorate->name_ar }}</span>
                                    @else
                                        <span style="color: var(--text-muted);">غير محدد</span>
                                    @endif
                                </p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">المدينة</label>
                                <p class="mb-0">
                                    @if($user->city)
                                        <span class="badge badge-secondary">{{ $user->city->name_ar }}</span>
                                    @else
                                        <span style="color: var(--text-muted);">غير محدد</span>
                                    @endif
                                </p>
                            </div>
                            @if($user->address)
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">العنوان</label>
                                <p class="mb-0">{{ $user->address }}</p>
                            </div>
                            @endif
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">نوع المستخدم</label>
                                <p class="mb-0">
                                    @switch($user->user_type)
                                        @case('admin') <span class="badge badge-danger">مدير</span> @break
                                        @case('driver') <span class="badge badge-info">سائق</span> @break
                                        @case('restaurant_manager') <span class="badge badge-warning">مدير مطعم</span> @break
                                        @case('gas_manager') <span class="badge badge-info">مدير غاز</span> @break
                                        @default <span class="badge badge-success">راكب</span>
                                    @endswitch
                                </p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">الحالة</label>
                                <p class="mb-0">
                                    @switch($user->status)
                                        @case('active') <span class="badge badge-success">نشط</span> @break
                                        @case('inactive') <span class="badge badge-warning">غير نشط</span> @break
                                        @case('suspended') <span class="badge badge-danger">موقوف</span> @break
                                        @default <span class="badge badge-secondary">غير محدد</span>
                                    @endswitch
                                </p>
                            </div>
                            <div class="col-12">
                                <label class="form-label" style="color: var(--text-muted); font-size: 12px;">تاريخ الإنشاء</label>
                                <p class="mb-0" style="color: var(--text-muted);">{{ $user->created_at->format('Y-m-d H:i') }}</p>
                            </div>
                        </div>
                    </div>

                    {{-- الصورة والإحصائيات --}}
                    <div class="col-lg-6">
                        @if($user->profile_image)
                        <div class="mb-4">
                            <label class="form-label" style="color: var(--text-muted); font-size: 12px;">صورة الملف الشخصي</label>
                            <div class="mt-2">
                                <img src="{{ asset('storage/' . $user->profile_image) }}" alt="صورة المستخدم"
                                     class="rounded" style="max-width: 180px; border: 1px solid rgba(255,255,255,0.08);">
                            </div>
                        </div>
                        @endif

                        @if($user->notes)
                        <div class="mb-4">
                            <label class="form-label" style="color: var(--text-muted); font-size: 12px;">ملاحظات</label>
                            <p class="mb-0">{{ $user->notes }}</p>
                        </div>
                        @endif

                        {{-- إحصائيات --}}
                        <div class="row g-3 mb-4">
                            <div class="col-6">
                                <div class="stat-card">
                                    <div class="stat-icon blue"><i class="fas fa-route"></i></div>
                                    <div class="stat-value">{{ $user->trips()->count() }}</div>
                                    <div class="stat-label">عدد الرحلات</div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="stat-card">
                                    <div class="stat-icon green"><i class="fas fa-credit-card"></i></div>
                                    <div class="stat-value">{{ number_format($user->payments()->sum('amount'), 0) }}</div>
                                    <div class="stat-label">إجمالي المدفوعات</div>
                                </div>
                            </div>
                        </div>

                        {{-- معلومات السائق --}}
                        @if($user->user_type === 'driver' && $user->driver)
                        <h6 class="mb-3 mt-3" style="color: var(--gold-300);">
                            <i class="fas fa-car me-2"></i>معلومات السائق
                        </h6>
                        <div class="revenue-item mb-2">
                            <div class="revenue-label">رقم الرخصة</div>
                            <div class="revenue-value" style="font-size: 14px;">{{ $user->driver->license_number ?? 'غير محدد' }}</div>
                        </div>
                        <div class="revenue-item mb-2">
                            <div class="revenue-label">متاح للعمل</div>
                            <div>
                                @if($user->driver->is_available)
                                    <span class="badge badge-success">نعم</span>
                                @else
                                    <span class="badge badge-danger">لا</span>
                                @endif
                            </div>
                        </div>
                        @endif
                    </div>
                </div>

                {{-- آخر الرحلات --}}
                @if($user->trips()->count() > 0)
                <hr style="border-color: rgba(255,255,255,0.06);">
                <h6 class="mb-3" style="color: var(--gold-300);">
                    <i class="fas fa-route me-2"></i>آخر الرحلات
                </h6>
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>نقطة الانطلاق</th>
                                <th>نقطة الوصول</th>
                                <th>الحالة</th>
                                <th>التاريخ</th>
                                <th>السعر</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($user->trips()->take(5)->get() as $trip)
                            <tr>
                                <td>{{ $trip->id }}</td>
                                <td>{{ Str::limit($trip->pickup_location ?? '-', 30) }}</td>
                                <td>{{ Str::limit($trip->dropoff_location ?? '-', 30) }}</td>
                                <td>
                                    @switch($trip->status)
                                        @case('completed') <span class="badge badge-success">مكتملة</span> @break
                                        @case('in_progress') <span class="badge badge-info">قيد التنفيذ</span> @break
                                        @case('cancelled') <span class="badge badge-danger">ملغية</span> @break
                                        @default <span class="badge badge-secondary">{{ $trip->status }}</span>
                                    @endswitch
                                </td>
                                <td>{{ $trip->created_at->format('Y-m-d H:i') }}</td>
                                <td>{{ number_format($trip->fare ?? 0, 0) }} د.ع</td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection
