@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.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> العودة
                        </a>
                        <a href="{{ route('admin.gas-offices.edit', $gasOffice) }}" class="btn btn-warning">
                            <i class="fas fa-edit"></i> تعديل
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <!-- معلومات المكتب -->
                        <div class="col-md-8">
                            <div class="card">
                                <div class="card-header">
                                    <h5>معلومات المكتب</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <p><strong>اسم المكتب:</strong> {{ $gasOffice->name }}</p>
                                            <p><strong>العنوان:</strong> {{ $gasOffice->address }}</p>
                                            <p><strong>الهاتف:</strong> {{ $gasOffice->phone }}</p>
                                            <p><strong>البريد الإلكتروني:</strong> {{ $gasOffice->email ?? 'غير محدد' }}</p>
                                        </div>
                                        <div class="col-md-6">
                                            <p><strong>خط العرض:</strong> {{ $gasOffice->latitude ?? 'غير محدد' }}</p>
                                            <p><strong>خط الطول:</strong> {{ $gasOffice->longitude ?? 'غير محدد' }}</p>
                                            <p><strong>التقييم:</strong> 
                                                @for($i = 1; $i <= 5; $i++)
                                                    @if($i <= floor($gasOffice->rating))
                                                        <i class="fas fa-star text-warning"></i>
                                                    @elseif($i - $gasOffice->rating < 1)
                                                        <i class="fas fa-star-half-alt text-warning"></i>
                                                    @else
                                                        <i class="far fa-star text-warning"></i>
                                                    @endif
                                                @endfor
                                                ({{ $gasOffice->rating_count }} تقييم)
                                            </p>
                                            <p><strong>الحالة:</strong> 
                                                <span class="badge badge-{{ $gasOffice->is_active ? 'success' : 'danger' }}">
                                                    {{ $gasOffice->is_active ? 'نشط' : 'غير نشط' }}
                                                </span>
                                            </p>
                                        </div>
                                    </div>
                                    
                                    @if($gasOffice->description)
                                    <div class="mt-3">
                                        <strong>الوصف:</strong>
                                        <p>{{ $gasOffice->description }}</p>
                                    </div>
                                    @endif

                                    @if($gasOffice->service_areas)
                                    <div class="mt-3">
                                        <strong>المناطق التي يخدمها:</strong>
                                        <div class="mt-2">
                                            @foreach($gasOffice->service_areas as $area)
                                                <span class="badge badge-info mr-1">{{ $area }}</span>
                                            @endforeach
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>

                            <!-- ساعات العمل -->
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h5>ساعات العمل</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <p><strong>ساعة الافتتاح:</strong> 
                                                @if($gasOffice->opening_time)
                                                    @php
                                                        // إذا كان string، استخرجه مباشرة
                                                        if (is_string($gasOffice->opening_time)) {
                                                            // إذا كان بتنسيق H:i:s، استخرجه كـ H:i
                                                            if (preg_match('/^(\d{2}):(\d{2})(:(\d{2}))?$/', $gasOffice->opening_time, $matches)) {
                                                                echo $matches[1] . ':' . $matches[2];
                                                            } else {
                                                                echo $gasOffice->opening_time;
                                                            }
                                                        } else {
                                                            echo $gasOffice->opening_time->format('H:i');
                                                        }
                                                    @endphp
                                                @else
                                                    غير محدد
                                                @endif
                                            </p>
                                        </div>
                                        <div class="col-md-6">
                                            <p><strong>ساعة الإغلاق:</strong> 
                                                @if($gasOffice->closing_time)
                                                    @php
                                                        // إذا كان string، استخرجه مباشرة
                                                        if (is_string($gasOffice->closing_time)) {
                                                            // إذا كان بتنسيق H:i:s، استخرجه كـ H:i
                                                            if (preg_match('/^(\d{2}):(\d{2})(:(\d{2}))?$/', $gasOffice->closing_time, $matches)) {
                                                                echo $matches[1] . ':' . $matches[2];
                                                            } else {
                                                                echo $gasOffice->closing_time;
                                                            }
                                                        } else {
                                                            echo $gasOffice->closing_time->format('H:i');
                                                        }
                                                    @endphp
                                                @else
                                                    غير محدد
                                                @endif
                                            </p>
                                        </div>
                                    </div>
                                    <p><strong>الحالة:</strong> 
                                        <span class="badge badge-{{ $gasOffice->is_open ? 'success' : 'warning' }}">
                                            {{ $gasOffice->is_open ? 'مفتوح الآن' : 'مغلق الآن' }}
                                        </span>
                                    </p>
                                </div>
                            </div>

                            <!-- إعدادات التوصيل -->
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h5>إعدادات التوصيل</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <p><strong>رسوم التوصيل:</strong> {{ number_format($gasOffice->delivery_fee, 2) }} دينار</p>
                                        </div>
                                        <div class="col-md-4">
                                            <p><strong>وقت التوصيل:</strong> {{ $gasOffice->delivery_time_minutes }} دقيقة</p>
                                        </div>
                                        <div class="col-md-4">
                                            <p><strong>الحد الأدنى للطلب:</strong> {{ number_format($gasOffice->minimum_order, 2) }} دينار</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- معلومات المالك -->
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header">
                                    <h5>معلومات المالك</h5>
                                </div>
                                <div class="card-body">
                                    <p><strong>الاسم:</strong> {{ $gasOffice->owner->name ?? 'غير محدد' }}</p>
                                    <p><strong>البريد الإلكتروني:</strong> {{ $gasOffice->owner->email ?? 'غير محدد' }}</p>
                                    <p><strong>الهاتف:</strong> {{ $gasOffice->owner->phone ?? 'غير محدد' }}</p>
                                    <p><strong>نوع المستخدم:</strong> {{ $gasOffice->owner->user_type ?? 'غير محدد' }}</p>
                                    <p><strong>حالة الحساب:</strong> 
                                        <span class="badge badge-{{ $gasOffice->owner->status == 'active' ? 'success' : 'danger' }}">
                                            {{ $gasOffice->owner->status == 'active' ? 'نشط' : 'غير نشط' }}
                                        </span>
                                    </p>
                                    <p><strong>تاريخ الإنشاء:</strong> {{ $gasOffice->owner->created_at->format('Y-m-d H:i') }}</p>
                                </div>
                            </div>

                            <!-- الصور -->
                            @if($gasOffice->logo || $gasOffice->cover_image)
                            <div class="card mt-3">
                                <div class="card-header">
                                    <h5>الصور</h5>
                                </div>
                                <div class="card-body">
                                    @if($gasOffice->logo)
                                    <div class="mb-3">
                                        <strong>الشعار:</strong><br>
                                        <img src="{{ asset('storage/' . $gasOffice->logo) }}" alt="Logo" class="img-fluid" style="max-height: 80px; max-width: 80px; object-fit: cover;">
                                    </div>
                                    @endif
                                    
                                    @if($gasOffice->cover_image)
                                    <div>
                                        <strong>صورة الغلاف:</strong><br>
                                        <img src="{{ asset('storage/' . $gasOffice->cover_image) }}" alt="Cover" class="img-fluid" style="max-height: 80px; max-width: 120px; object-fit: cover;">
                                    </div>
                                    @endif
                                </div>
                            </div>
                            @endif
                        </div>
                    </div>

                    <!-- الإحصائيات -->
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5>إحصائيات المكتب</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-info">
                                                    <i class="fas fa-box"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">إجمالي القناني</span>
                                                    <span class="info-box-number">{{ $stats['total_cylinders'] }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-success">
                                                    <i class="fas fa-check-circle"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">القناني المتاحة</span>
                                                    <span class="info-box-number">{{ $stats['available_cylinders'] }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-primary">
                                                    <i class="fas fa-shopping-cart"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">إجمالي الطلبات</span>
                                                    <span class="info-box-number">{{ $stats['total_orders'] }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-warning">
                                                    <i class="fas fa-clock"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">الطلبات المعلقة</span>
                                                    <span class="info-box-number">{{ $stats['pending_orders'] }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-success">
                                                    <i class="fas fa-check"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">الطلبات المكتملة</span>
                                                    <span class="info-box-number">{{ $stats['completed_orders'] }}</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <div class="info-box">
                                                <span class="info-box-icon bg-success">
                                                    <i class="fas fa-dollar-sign"></i>
                                                </span>
                                                <div class="info-box-content">
                                                    <span class="info-box-text">إجمالي الإيرادات</span>
                                                    <span class="info-box-number">{{ number_format($stats['total_revenue'], 2) }} د.ع</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- الإجراءات السريعة -->
                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <h5>الإجراءات السريعة</h5>
                                </div>
                                <div class="card-body">
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('admin.gas-offices.cylinders', $gasOffice) }}" class="btn btn-info">
                                            <i class="fas fa-box"></i> إدارة القناني
                                        </a>
                                        <a href="{{ route('admin.gas-offices.orders', $gasOffice) }}" class="btn btn-primary">
                                            <i class="fas fa-shopping-cart"></i> إدارة الطلبات
                                        </a>
                                        <form method="POST" action="{{ route('admin.gas-offices.toggle-status', $gasOffice) }}" class="d-inline">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-{{ $gasOffice->is_active ? 'warning' : 'success' }}">
                                                <i class="fas fa-{{ $gasOffice->is_active ? 'ban' : 'check' }}"></i> 
                                                {{ $gasOffice->is_active ? 'إلغاء تفعيل' : 'تفعيل' }}
                                            </button>
                                        </form>
                                        <form method="POST" action="{{ route('admin.gas-offices.toggle-open', $gasOffice) }}" class="d-inline">
                                            @csrf
                                            @method('PATCH')
                                            <button type="submit" class="btn btn-{{ $gasOffice->is_open ? 'warning' : 'success' }}">
                                                <i class="fas fa-{{ $gasOffice->is_open ? 'lock' : 'unlock' }}"></i> 
                                                {{ $gasOffice->is_open ? 'إغلاق' : 'فتح' }}
                                            </button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
