@extends('admin.layouts.admin')

@section('content')
<div class="p-6">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-gray-800">تفاصيل الطلب: {{ $request->request_number }}</h1>
        <a href="{{ route('admin.medicine-requests.index') }}" class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">العودة للقائمة</a>
    </div>

    @if(session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
            {{ session('success') }}
        </div>
    @endif

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <!-- User Information -->
        <div class="bg-white rounded-lg shadow p-6">
            <h2 class="text-xl font-semibold mb-4 border-b pb-2">بيانات الصيدلي</h2>
            <div class="space-y-3">
                <p><strong>الاسم:</strong> {{ $request->user->name }}</p>
                <p><strong>الهاتف:</strong> {{ $request->user->phone }}</p>
                <p><strong>البريد الإلكتروني:</strong> {{ $request->user->email }}</p>
                <p><strong>نوع الحساب:</strong> {{ $request->user->user_type }}</p>
                <p><strong>تاريخ الطلب:</strong> {{ $request->created_at->format('Y-m-d H:i') }}</p>
            </div>
        </div>

        <!-- Request Status Management -->
        <div class="lg:col-span-2 bg-white rounded-lg shadow p-6">
            <h2 class="text-xl font-semibold mb-4 border-b pb-2">إدارة حالة الطلب</h2>
            <form action="{{ route('admin.medicine-requests.update-status', $request->id) }}" method="POST">
                @csrf
                <div class="mb-4">
                    <label class="block text-gray-700 text-sm font-bold mb-2">حالة الطلب الحالية</label>
                    <select name="status" class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="pending" {{ $request->status == 'pending' ? 'selected' : '' }}>قيد الانتظار</option>
                        <option value="processing" {{ $request->status == 'processing' ? 'selected' : '' }}>جاري التنفيذ</option>
                        <option value="completed" {{ $request->status == 'completed' ? 'selected' : '' }}>تم الانتهاء</option>
                        <option value="cancelled" {{ $request->status == 'cancelled' ? 'selected' : '' }}>ملغي</option>
                    </select>
                </div>
                <div class="mb-4">
                    <label class="block text-gray-700 text-sm font-bold mb-2">ملاحظات الإدارة</label>
                    <textarea name="admin_notes" rows="4" class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="أضف أي ملاحظات هنا ليبدأ الصيدلي في رؤيتها...">{{ $request->admin_notes }}</textarea>
                </div>
                <button type="submit" class="w-full bg-blue-600 text-white font-bold py-2 px-4 rounded hover:bg-blue-700 transition">تحديث الحالة والملاحظات</button>
            </form>
        </div>

        <!-- Medicine Items List -->
        <div class="lg:col-span-3 bg-white rounded-lg shadow overflow-hidden">
            <div class="p-6 border-b">
                <h2 class="text-xl font-semibold">قائمة الأدوية المطلوبة</h2>
            </div>
            <table class="min-w-full divide-y divide-gray-200">
                <thead class="bg-gray-50">
                    <tr>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase">اسم الدواء</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase">الكمية</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase">تاريخ الصلاحية</th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-gray-200">
                    @foreach($request->items as $item)
                    <tr>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900 font-bold">{{ $item->medicine_name }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ $item->quantity }}</td>
                        <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ $item->expiry_date }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection