@extends('admin.layouts.app')

@section('title', 'طلبات الغاز - ' . $gasOffice->name)

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">طلبات الغاز - {{ $gasOffice->name }}</h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.gas-offices.show', $gasOffice) }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> العودة للمكتب
                        </a>
                        <a href="{{ route('admin.gas-offices.index') }}" class="btn btn-info">
                            <i class="fas fa-building"></i> جميع المكاتب
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <!-- فلترة -->
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <form method="GET" action="{{ route('admin.gas-offices.orders', $gasOffice) }}" class="form-inline">
                                <div class="form-group mr-3">
                                    <label for="search" class="mr-2">البحث:</label>
                                    <input type="text" name="search" id="search" class="form-control" 
                                           value="{{ request('search') }}" placeholder="رقم الطلب أو اسم العميل">
                                </div>
                                <div class="form-group mr-3">
                                    <label for="status" class="mr-2">الحالة:</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="">جميع الحالات</option>
                                        <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>معلق</option>
                                        <option value="confirmed" {{ request('status') == 'confirmed' ? 'selected' : '' }}>مؤكد</option>
                                        <option value="preparing" {{ request('status') == 'preparing' ? 'selected' : '' }}>قيد التحضير</option>
                                        <option value="picked_up" {{ request('status') == 'picked_up' ? 'selected' : '' }}>تم الاستلام</option>
                                        <option value="delivered" {{ request('status') == 'delivered' ? 'selected' : '' }}>تم التسليم</option>
                                        <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>ملغي</option>
                                    </select>
                                </div>
                                <div class="form-group mr-3">
                                    <label for="date_from" class="mr-2">من تاريخ:</label>
                                    <input type="date" name="date_from" id="date_from" class="form-control" 
                                           value="{{ request('date_from') }}">
                                </div>
                                <div class="form-group mr-3">
                                    <label for="date_to" class="mr-2">إلى تاريخ:</label>
                                    <input type="date" name="date_to" id="date_to" class="form-control" 
                                           value="{{ request('date_to') }}">
                                </div>
                                <button type="submit" class="btn btn-primary">
                                    <i class="fas fa-search"></i> بحث
                                </button>
                                <a href="{{ route('admin.gas-offices.orders', $gasOffice) }}" class="btn btn-secondary">
                                    <i class="fas fa-times"></i> مسح
                                </a>
                            </form>
                        </div>
                    </div>

                    <!-- جدول الطلبات -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>رقم الطلب</th>
                                    <th>العميل</th>
                                    <th>السائق</th>
                                    <th>المجموع</th>
                                    <th>العنوان</th>
                                    <th>الحالة</th>
                                    <th>طريقة الدفع</th>
                                    <th>تاريخ الطلب</th>
                                    <th>الإجراءات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($orders as $order)
                                <tr>
                                    <td>{{ $order->id }}</td>
                                    <td>
                                        <strong>{{ $order->order_number }}</strong>
                                        @if($order->is_urgent)
                                            <span class="badge badge-danger">عاجل</span>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $order->customer->name ?? 'غير محدد' }}
                                        <br><small class="text-muted">{{ $order->customer->phone ?? '' }}</small>
                                    </td>
                                    <td>
                                        {{ $order->driver->name ?? 'لم يتم تعيين' }}
                                        @if($order->driver)
                                            <br><small class="text-muted">{{ $order->driver->phone ?? '' }}</small>
                                        @endif
                                    </td>
                                    <td>{{ number_format($order->total, 2) }} د.ع</td>
                                    <td>{{ Str::limit($order->delivery_address, 30) }}</td>
                                    <td>
                                        @php
                                            $statusColors = [
                                                'pending' => 'warning',
                                                'confirmed' => 'info',
                                                'preparing' => 'primary',
                                                'picked_up' => 'secondary',
                                                'delivered' => 'success',
                                                'cancelled' => 'danger'
                                            ];
                                            $statusLabels = [
                                                'pending' => 'معلق',
                                                'confirmed' => 'مؤكد',
                                                'preparing' => 'قيد التحضير',
                                                'picked_up' => 'تم الاستلام',
                                                'delivered' => 'تم التسليم',
                                                'cancelled' => 'ملغي'
                                            ];
                                        @endphp
                                        <span class="badge badge-{{ $statusColors[$order->status] ?? 'secondary' }}">
                                            {{ $statusLabels[$order->status] ?? $order->status }}
                                        </span>
                                    </td>
                                    <td>
                                        @php
                                            $paymentLabels = [
                                                'cash' => 'نقدي',
                                                'card' => 'بطاقة',
                                                'online' => 'أونلاين'
                                            ];
                                        @endphp
                                        {{ $paymentLabels[$order->payment_method] ?? $order->payment_method }}
                                        <br>
                                        <small class="text-muted">
                                            <span class="badge badge-{{ $order->payment_status == 'paid' ? 'success' : 'warning' }}">
                                                {{ $order->payment_status == 'paid' ? 'مدفوع' : 'غير مدفوع' }}
                                            </span>
                                        </small>
                                    </td>
                                    <td>{{ $order->created_at->format('Y-m-d H:i') }}</td>
                                    <td>
                                        <div class="btn-group" role="group">
                                            <button type="button" class="btn btn-info btn-sm" 
                                                    data-toggle="modal" data-target="#orderModal{{ $order->id }}" title="عرض">
                                                <i class="fas fa-eye"></i>
                                            </button>
                                            @if(in_array($order->status, ['pending', 'confirmed']))
                                                <form method="POST" action="{{ route('admin.gas-offices.orders.update-status', $order) }}" class="d-inline">
                                                    @csrf
                                                    @method('PATCH')
                                                    <input type="hidden" name="status" value="delivered">
                                                    <button type="submit" class="btn btn-success btn-sm" title="تسليم">
                                                        <i class="fas fa-check"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>

                                <!-- Modal لعرض تفاصيل الطلب -->
                                <div class="modal fade" id="orderModal{{ $order->id }}" tabindex="-1">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title">تفاصيل الطلب #{{ $order->order_number }}</h5>
                                                <button type="button" class="close" data-dismiss="modal">
                                                    <span>&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h6>معلومات العميل</h6>
                                                        <p><strong>الاسم:</strong> {{ $order->customer->name ?? 'غير محدد' }}</p>
                                                        <p><strong>الهاتف:</strong> {{ $order->customer->phone ?? 'غير محدد' }}</p>
                                                        <p><strong>البريد:</strong> {{ $order->customer->email ?? 'غير محدد' }}</p>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <h6>معلومات السائق</h6>
                                                        @if($order->driver)
                                                            <p><strong>الاسم:</strong> {{ $order->driver->name }}</p>
                                                            <p><strong>الهاتف:</strong> {{ $order->driver->phone ?? 'غير محدد' }}</p>
                                                        @else
                                                            <p class="text-muted">لم يتم تعيين سائق</p>
                                                        @endif
                                                    </div>
                                                </div>
                                                
                                                <hr>
                                                
                                                <h6>تفاصيل الطلب</h6>
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <p><strong>العنوان:</strong> {{ $order->delivery_address }}</p>
                                                        <p><strong>طريقة الدفع:</strong> {{ $paymentLabels[$order->payment_method] ?? $order->payment_method }}</p>
                                                        <p><strong>حالة الدفع:</strong> 
                                                            <span class="badge badge-{{ $order->payment_status == 'paid' ? 'success' : 'warning' }}">
                                                                {{ $order->payment_status == 'paid' ? 'مدفوع' : 'غير مدفوع' }}
                                                            </span>
                                                        </p>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <p><strong>المجموع الفرعي:</strong> {{ number_format($order->subtotal, 2) }} د.ع</p>
                                                        <p><strong>رسوم التوصيل:</strong> {{ number_format($order->delivery_fee, 2) }} د.ع</p>
                                                        <p><strong>الضريبة:</strong> {{ number_format($order->tax, 2) }} د.ع</p>
                                                        <p><strong>المجموع الكلي:</strong> {{ number_format($order->total, 2) }} د.ع</p>
                                                    </div>
                                                </div>

                                                @if($order->special_instructions)
                                                <hr>
                                                <h6>تعليمات خاصة</h6>
                                                <p>{{ $order->special_instructions }}</p>
                                                @endif

                                                <hr>
                                                <h6>قناني الغاز المطلوبة</h6>
                                                <div class="table-responsive">
                                                    <table class="table table-sm">
                                                        <thead>
                                                            <tr>
                                                                <th>اسم القنينة</th>
                                                                <th>الكمية</th>
                                                                <th>السعر</th>
                                                                <th>المجموع</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach($order->orderItems as $item)
                                                            <tr>
                                                                <td>{{ $item->gasCylinder->name }}</td>
                                                                <td>{{ $item->quantity }}</td>
                                                                <td>{{ number_format($item->unit_price, 2) }} د.ع</td>
                                                                <td>{{ number_format($item->total_price, 2) }} د.ع</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">إغلاق</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @empty
                                <tr>
                                    <td colspan="10" class="text-center">لا توجد طلبات</td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <!-- Pagination -->
                    <div class="d-flex justify-content-center">
                        {{ $orders->appends(request()->query())->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection