@extends('admin.layouts.app')

@section('title', 'تفاصيل السائق - ' . $driver->name)

@section('content')
<div class="container-fluid">
    <!-- رأس الصفحة -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0">
                <i class="fas fa-user-tie"></i> تفاصيل السائق
            </h1>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">لوحة التحكم</a></li>
                    <li class="breadcrumb-item"><a href="{{ route('admin.drivers') }}">السائقين</a></li>
                    <li class="breadcrumb-item active">{{ $driver->name }}</li>
                </ol>
            </nav>
        </div>
        <div class="btn-group" role="group">
            <a href="{{ route('admin.drivers.edit', $driver->id) }}" class="btn btn-warning">
                <i class="fas fa-edit"></i> تعديل
            </a>
            <a href="{{ route('admin.drivers') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> رجوع
            </a>
        </div>
    </div>

    <!-- رسائل النجاح -->
    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row">
        <!-- معلومات السائق الأساسية -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-user"></i> معلومات السائق
                    </h5>
                </div>
                <div class="card-body text-center">
                    @if($driver->profile_image)
                        <img src="{{ asset('storage/' . $driver->profile_image) }}"
                             alt="صورة الملف الشخصي"
                             class="rounded-circle mb-3"
                             width="120" height="120">
                    @else
                        <div class="bg-secondary rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3"
                             style="width: 120px; height: 120px;">
                            <i class="fas fa-user text-white fa-3x"></i>
                        </div>
                    @endif

                    <h4>{{ $driver->name }}</h4>
                    <p class="text-muted">{{ $driver->email }}</p>

                    <!-- حالة السائق -->
                    <div class="mb-3">
                        @switch($driver->status)
                            @case('active')
                                <span class="badge bg-success">نشط</span>
                                @break
                            @case('inactive')
                                <span class="badge bg-secondary">غير نشط</span>
                                @break
                            @case('suspended')
                                <span class="badge bg-danger">معلق</span>
                                @break
                            @default
                                <span class="badge bg-secondary">{{ $driver->status ?? 'غير محدد' }}</span>
                        @endswitch

                        @if($driver->account_verified)
                            <span class="badge bg-primary ms-1" title="توثيق الحساب"><i class="fas fa-check-circle"></i> حساب موثق</span>
                        @elseif(($driver->driver_verification_status ?? '') === 'pending')
                            <span class="badge bg-warning text-dark ms-1">طلب توثيق قيد المراجعة</span>
                        @elseif(($driver->driver_verification_status ?? '') === 'rejected')
                            <span class="badge bg-secondary ms-1">مرفوض</span>
                        @endif

                        @if($driver->driver && $driver->driver->is_available)
                            <span class="badge bg-success ms-1">متاح</span>
                        @else
                            <span class="badge bg-danger ms-1">غير متاح</span>
                        @endif
                    </div>

                    <!-- معلومات الاتصال -->
                    <div class="text-start">
                        <p><strong>رقم الهاتف:</strong> {{ $driver->driver->phone ?? $driver->phone ?? 'غير محدد' }}</p>
                        <p><strong>نوع الخدمة:</strong>
                            @switch($driver->service_type)
                                @case('taxi')
                                    <span class="badge bg-primary">تاكسي</span>
                                    @break
                                @case('restaurant')
                                    <span class="badge bg-warning">مطاعم</span>
                                    @break
                                @case('gas')
                                    <span class="badge bg-info">غاز</span>
                                    @break
                                @case('all')
                                    <span class="badge bg-success">جميع الخدمات</span>
                                    @break
                                @default
                                    <span class="badge bg-secondary">{{ $driver->service_type ?? 'غير محدد' }}</span>
                            @endswitch
                        </p>
                        <p><strong>تاريخ التسجيل:</strong> {{ $driver->created_at->format('Y-m-d') }}</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- معلومات المركبة -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-car"></i> معلومات المركبة
                    </h5>
                </div>
                <div class="card-body">
                    @if($driver->driver && $driver->driver->vehicle)
                        <div class="text-center mb-3">
                            <i class="fas fa-car fa-3x text-primary"></i>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <p><strong>الماركة:</strong> {{ $driver->driver->vehicle->brand ?? 'غير محدد' }}</p>
                                <p><strong>الموديل:</strong> {{ $driver->driver->vehicle->model ?? 'غير محدد' }}</p>
                                <p><strong>السنة:</strong> {{ $driver->driver->vehicle->year ?? 'غير محدد' }}</p>
                            </div>
                            <div class="col-6">
                                <p><strong>اللون:</strong> {{ $driver->driver->vehicle->color ?? 'غير محدد' }}</p>
                                <p><strong>رقم اللوحة:</strong> {{ $driver->driver->vehicle->plate_number ?? 'غير محدد' }}</p>
                                <p><strong>النوع:</strong> {{ $driver->driver->vehicle->vehicle_type ?? 'غير محدد' }}</p>
                            </div>
                        </div>
                    @else
                        <div class="text-center text-muted">
                            <i class="fas fa-car fa-3x mb-3"></i>
                            <p>لم يتم تحديد مركبة</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- معلومات الترخيص -->
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-id-card"></i> معلومات الترخيص
                    </h5>
                </div>
                <div class="card-body">
                    @if($driver->driver)
                        <div class="text-center mb-3">
                            <i class="fas fa-id-card fa-3x text-warning"></i>
                        </div>
                        <p><strong>رقم الرخصة:</strong> {{ $driver->driver->license_number ?? 'غير محدد' }}</p>
                        <p><strong>تاريخ انتهاء الرخصة:</strong>
                            @if($driver->driver->license_expiry)
                                {{ $driver->driver->license_expiry->format('Y-m-d') }}
                                @if($driver->driver->license_expiry->isPast())
                                    <span class="badge bg-danger ms-1">منتهية الصلاحية</span>
                                @elseif($driver->driver->license_expiry->diffInDays(now()) <= 30)
                                    <span class="badge bg-warning ms-1">تنتهي قريباً</span>
                                @endif
                            @else
                                غير محدد
                            @endif
                        </p>
                        <p><strong>رقم الهوية:</strong> {{ $driver->driver->national_id ?? 'غير محدد' }}</p>
                        <p><strong>جهة اتصال الطوارئ:</strong> {{ $driver->driver->emergency_contact ?? 'غير محدد' }}</p>
                    @else
                        <div class="text-center text-muted">
                            <i class="fas fa-id-card fa-3x mb-3"></i>
                            <p>لم يتم تحديد معلومات الترخيص</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    @if(($driver->driver_verification_status ?? '') === 'pending' || $driver->vehicle_type || $driver->license_plate || $driver->vehicle_model_year)
    <div class="row mt-3">
        <div class="col-12">
            <div class="card border-primary">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-file-signature"></i> بيانات التوثيق المسجلة على المستخدم (بدون جدول مركبات منفصل)</h5>
                </div>
                <div class="card-body row">
                    <div class="col-md-3"><strong>نوع السيارة:</strong> {{ $driver->vehicle_type ?? '—' }}</div>
                    <div class="col-md-3"><strong>رقم اللوحة:</strong> {{ $driver->license_plate ?? '—' }}</div>
                    <div class="col-md-3"><strong>سنة الموديل:</strong> {{ $driver->vehicle_model_year ?? '—' }}</div>
                    <div class="col-md-3"><strong>اللون:</strong> {{ $driver->vehicle_color ?? '—' }}</div>
                    <div class="col-md-3 mt-2"><strong>سنوات الخبرة:</strong> {{ $driver->driver->experience_years ?? '—' }}</div>
                    <div class="col-md-3 mt-2"><strong>حالة الطلب:</strong>
                        @if(($driver->driver_verification_status ?? '') === 'pending')
                            <span class="badge bg-warning text-dark">قيد المراجعة</span>
                        @elseif(($driver->driver_verification_status ?? '') === 'rejected')
                            <span class="badge bg-danger">مرفوض</span>
                        @else
                            <span class="badge bg-secondary">{{ $driver->driver_verification_status ?? 'none' }}</span>
                        @endif
                    </div>
                    @if($driver->driver_verification_note)
                        <div class="col-12 mt-2"><strong>ملاحظة الإدارة:</strong> {{ $driver->driver_verification_note }}</div>
                    @endif
                    @if(($driver->driver_verification_status ?? '') === 'pending')
                        <div class="col-12 mt-3 d-flex flex-wrap gap-2">
                            <form method="post" action="{{ route('admin.drivers.approve-account-verification', $driver->id) }}" class="d-inline" onsubmit="return confirm('تأكيد الموافقة على توثيق هذا الحساب؟');">
                                @csrf
                                <button type="submit" class="btn btn-success"><i class="fas fa-check"></i> موافقة على التوثيق</button>
                            </form>
                            <form method="post" action="{{ route('admin.drivers.reject-account-verification', $driver->id) }}" class="d-inline" onsubmit="return confirm('تأكيد الرفض؟');">
                                @csrf
                                <div class="input-group" style="max-width:420px;">
                                    <input type="text" name="verification_reject_note" class="form-control" placeholder="سبب الرفض (اختياري)">
                                    <button type="submit" class="btn btn-outline-danger">رفض الطلب</button>
                                </div>
                            </form>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    @endif

    <!-- الإحصائيات -->
    <div class="row mt-4">
        <div class="col-md-2">
            <div class="card stats-card bg-primary text-white">
                <div class="card-body text-center">
                    <i class="fas fa-route fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['total_trips'] }}</div>
                    <div>إجمالي الرحلات</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-success text-white">
                <div class="card-body text-center">
                    <i class="fas fa-check-circle fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['completed_trips'] }}</div>
                    <div>الرحلات المكتملة</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-info text-white">
                <div class="card-body text-center">
                    <i class="fas fa-dollar-sign fa-2x mb-2"></i>
                    <div class="stats-number">{{ number_format($stats['total_earnings'], 2) }}</div>
                    <div>إجمالي الأرباح</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-warning text-white">
                <div class="card-body text-center">
                    <i class="fas fa-star fa-2x mb-2"></i>
                    <div class="stats-number">{{ number_format($stats['average_rating'], 1) }}</div>
                    <div>متوسط التقييم</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-secondary text-white">
                <div class="card-body text-center">
                    <i class="fas fa-road fa-2x mb-2"></i>
                    <div class="stats-number">{{ number_format($stats['total_distance'], 1) }}</div>
                    <div>إجمالي المسافة (كم)</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-dark text-white">
                <div class="card-body text-center">
                    <i class="fas fa-clock fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['active_trips'] }}</div>
                    <div>الرحلات النشطة</div>
                </div>
            </div>
        </div>
    </div>

    <!-- الرحلات الأخيرة -->
    <div class="row mt-4">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-history"></i> الرحلات الأخيرة
                    </h5>
                </div>
                <div class="card-body">
                    @if($recent_trips->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead class="table-dark">
                                    <tr>
                                        <th>#</th>
                                        <th>الراكب</th>
                                        <th>نقطة الانطلاق</th>
                                        <th>نقطة الوصول</th>
                                        <th>المسافة</th>
                                        <th>السعر</th>
                                        <th>الحالة</th>
                                        <th>التاريخ</th>
                                        <th>التقييم</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($recent_trips as $trip)
                                    <tr>
                                        <td>{{ $loop->iteration }}</td>
                                        <td>
                                            @if($trip->passenger && $trip->passenger->user)
                                                {{ $trip->passenger->user->name }}
                                            @else
                                                غير محدد
                                            @endif
                                        </td>
                                        <td>{{ Str::limit($trip->pickup_location, 30) }}</td>
                                        <td>{{ Str::limit($trip->dropoff_location, 30) }}</td>
                                        <td>{{ number_format($trip->distance, 1) }} كم</td>
                                        <td>{{ number_format($trip->fare, 2) }} د.ك</td>
                                        <td>
                                            @switch($trip->status)
                                                @case('pending')
                                                    <span class="badge bg-warning">في الانتظار</span>
                                                    @break
                                                @case('accepted')
                                                    <span class="badge bg-info">مقبول</span>
                                                    @break
                                                @case('started')
                                                    <span class="badge bg-primary">مبدأ</span>
                                                    @break
                                                @case('completed')
                                                    <span class="badge bg-success">مكتمل</span>
                                                    @break
                                                @case('cancelled')
                                                    <span class="badge bg-danger">ملغي</span>
                                                    @break
                                                @default
                                                    <span class="badge bg-secondary">{{ $trip->status }}</span>
                                            @endswitch
                                        </td>
                                        <td>{{ $trip->created_at->format('Y-m-d H:i') }}</td>
                                        <td>
                                            @if($trip->driver_rating > 0)
                                                <div class="text-warning">
                                                    @for($i = 1; $i <= 5; $i++)
                                                        @if($i <= $trip->driver_rating)
                                                            <i class="fas fa-star"></i>
                                                        @elseif($i - $trip->driver_rating < 1)
                                                            <i class="fas fa-star-half-alt"></i>
                                                        @else
                                                            <i class="far fa-star"></i>
                                                        @endif
                                                    @endfor
                                                    <span class="ms-1">{{ number_format($trip->driver_rating, 1) }}</span>
                                                </div>
                                            @else
                                                <span class="text-muted">لا يوجد تقييم</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <div class="text-center text-muted py-4">
                            <i class="fas fa-route fa-3x mb-3"></i>
                            <p>لا توجد رحلات مسجلة</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <!-- معلومات إضافية -->
    <div class="row mt-4">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-map-marker-alt"></i> معلومات الموقع
                    </h5>
                </div>
                <div class="card-body">
                    @if($driver->driver && $driver->driver->current_address)
                        <p><strong>العنوان الحالي:</strong> {{ $driver->driver->current_address }}</p>
                    @endif

                    @if($driver->driver && $driver->driver->latitude && $driver->driver->longitude)
                        <p><strong>الإحداثيات:</strong> {{ $driver->driver->latitude }}, {{ $driver->driver->longitude }}</p>
                        <div class="mt-3">
                            <a href="https://maps.google.com/?q={{ $driver->driver->latitude }},{{ $driver->driver->longitude }}"
                               target="_blank" class="btn btn-sm btn-outline-primary">
                                <i class="fas fa-map"></i> عرض على الخريطة
                            </a>
                        </div>
                    @endif

                    @if($driver->driver && $driver->driver->service_areas)
                        <p><strong>مناطق الخدمة:</strong></p>
                        <div class="d-flex flex-wrap gap-1">
                            @foreach($driver->driver->service_areas as $area)
                                <span class="badge bg-light text-dark">{{ $area }}</span>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-cog"></i> إعدادات السائق
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-6">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="verificationToggle"
                                       {{ $driver->account_verified ? 'checked' : '' }}
                                       onchange="toggleVerification({{ $driver->driver->id ?? 0 }})">
                                <label class="form-check-label" for="verificationToggle">
                                    حساب موثق
                                </label>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="statusToggle"
                                       {{ $driver->driver && $driver->driver->is_active ? 'checked' : '' }}
                                       onchange="toggleStatus({{ $driver->driver->id ?? 0 }})">
                                <label class="form-check-label" for="statusToggle">
                                    نشط
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-3">
                        <div class="col-6">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="availabilityToggle"
                                       {{ $driver->driver && $driver->driver->is_available ? 'checked' : '' }}
                                       onchange="toggleAvailability({{ $driver->driver->id ?? 0 }})">
                                <label class="form-check-label" for="availabilityToggle">
                                    متاح للعمل
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
// تبديل حالة التوثيق
function toggleVerification(driverId) {
    if (!driverId) return;

    fetch(`/admin/drivers/${driverId}/verification`, {
        method: 'PATCH',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // تحديث الواجهة
            location.reload();
        }
    })
    .catch(error => console.error('Error:', error));
}

// تبديل حالة النشاط
function toggleStatus(driverId) {
    if (!driverId) return;

    const isActive = document.getElementById('statusToggle').checked;

    fetch(`/admin/drivers/${driverId}/status`, {
        method: 'PATCH',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            status: isActive ? 'active' : 'inactive'
        }),
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // تحديث الواجهة
            location.reload();
        }
    })
    .catch(error => console.error('Error:', error));
}

// تبديل حالة التوفر
function toggleAvailability(driverId) {
    if (!driverId) return;

    fetch(`/admin/drivers/${driverId}/toggle-availability`, {
        method: 'PATCH',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // تحديث الواجهة
            location.reload();
        }
    })
    .catch(error => console.error('Error:', error));
}
</script>
@endsection
