@extends('admin.layouts.app')

@section('title', 'تعديل مكتب غاز')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">تعديل مكتب غاز</h3>
                    <div class="card-tools">
                        <a href="{{ route('admin.gas-offices.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> العودة
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.gas-offices.update', $gasOffice) }}" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <!-- معلومات المكتب -->
                            <div class="col-md-6">
                                <h5>معلومات المكتب</h5>
                                <hr>
                                
                                <div class="form-group">
                                    <label for="name">اسم المكتب <span class="text-danger">*</span></label>
                                    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" 
                                           value="{{ old('name', $gasOffice->name) }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="description">وصف المكتب</label>
                                    <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror" 
                                              rows="3">{{ old('description', $gasOffice->description) }}</textarea>
                                    @error('description')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="address">العنوان <span class="text-danger">*</span></label>
                                    <input type="text" name="address" id="address" class="form-control @error('address') is-invalid @enderror" 
                                           value="{{ old('address', $gasOffice->address) }}" required>
                                    @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="latitude">خط العرض</label>
                                            <input type="number" name="latitude" id="latitude" class="form-control @error('latitude') is-invalid @enderror" 
                                                   value="{{ old('latitude', $gasOffice->latitude) }}" step="any">
                                            @error('latitude')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="longitude">خط الطول</label>
                                            <input type="number" name="longitude" id="longitude" class="form-control @error('longitude') is-invalid @enderror" 
                                                   value="{{ old('longitude', $gasOffice->longitude) }}" step="any">
                                            @error('longitude')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="phone">رقم الهاتف <span class="text-danger">*</span></label>
                                    <input type="text" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror" 
                                           value="{{ old('phone', $gasOffice->phone) }}" required>
                                    @error('phone')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="email">البريد الإلكتروني</label>
                                    <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" 
                                           value="{{ old('email', $gasOffice->email) }}">
                                    @error('email')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- معلومات المالك -->
                            <div class="col-md-6">
                                <h5>معلومات المالك</h5>
                                <hr>
                                
                                @if($gasOffice->owner)
                                    <div class="form-group">
                                        <label>اسم المالك</label>
                                        <input type="text" class="form-control" value="{{ $gasOffice->owner->name }}" disabled>
                                    </div>

                                    <div class="form-group">
                                        <label>بريد المالك الإلكتروني</label>
                                        <input type="email" class="form-control" value="{{ $gasOffice->owner->email }}" disabled>
                                    </div>

                                    <div class="form-group">
                                        <label>هاتف المالك</label>
                                        <input type="text" class="form-control" value="{{ $gasOffice->owner->phone }}" disabled>
                                    </div>
                                @else
                                    <div class="alert alert-warning">
                                        <i class="fas fa-exclamation-triangle"></i> لا يوجد مالك مرتبط بهذا المكتب
                                    </div>
                                @endif
                            </div>
                        </div>

                        <div class="row">
                            <!-- إعدادات الخدمة -->
                            <div class="col-md-6">
                                <h5>إعدادات الخدمة</h5>
                                <hr>
                                
                                <div class="form-group">
                                    <label for="service_areas">المناطق التي يخدمها المكتب <span class="text-danger">*</span></label>
                                    <div id="service-areas-container">
                                        @php
                                            $serviceAreas = old('service_areas', $gasOffice->service_areas ?? []);
                                            if (is_string($serviceAreas)) {
                                                $serviceAreas = json_decode($serviceAreas, true) ?? [];
                                            }
                                            if (empty($serviceAreas)) {
                                                $serviceAreas = [''];
                                            }
                                        @endphp
                                        @foreach($serviceAreas as $index => $area)
                                            <div class="input-group mb-2">
                                                <input type="text" name="service_areas[]" class="form-control" 
                                                       value="{{ $area }}" placeholder="اسم المنطقة">
                                                <div class="input-group-append">
                                                    @if($index === 0)
                                                        <button type="button" class="btn btn-success add-area">
                                                            <i class="fas fa-plus"></i>
                                                        </button>
                                                    @else
                                                        <button type="button" class="btn btn-danger remove-area">
                                                            <i class="fas fa-minus"></i>
                                                        </button>
                                                    @endif
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                    @error('service_areas')
                                        <div class="text-danger">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="opening_time">ساعة الافتتاح</label>
                                            @php
                                                $openingTimeValue = old('opening_time', $gasOffice->opening_time);
                                                if ($openingTimeValue) {
                                                    // إذا كان string بتنسيق H:i:s، استخرجه مباشرة
                                                    if (is_string($openingTimeValue) && preg_match('/^(\d{2}):(\d{2})(:(\d{2}))?$/', $openingTimeValue, $matches)) {
                                                        $openingTimeValue = $matches[1] . ':' . $matches[2];
                                                    } else {
                                                        $openingTimeValue = date('H:i', strtotime($openingTimeValue));
                                                    }
                                                } else {
                                                    $openingTimeValue = '';
                                                }
                                            @endphp
                                            <input type="time" name="opening_time" id="opening_time" class="form-control @error('opening_time') is-invalid @enderror" 
                                                   value="{{ $openingTimeValue }}">
                                            @error('opening_time')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="closing_time">ساعة الإغلاق</label>
                                            @php
                                                $closingTimeValue = old('closing_time', $gasOffice->closing_time);
                                                if ($closingTimeValue) {
                                                    // إذا كان string بتنسيق H:i:s، استخرجه مباشرة
                                                    if (is_string($closingTimeValue) && preg_match('/^(\d{2}):(\d{2})(:(\d{2}))?$/', $closingTimeValue, $matches)) {
                                                        $closingTimeValue = $matches[1] . ':' . $matches[2];
                                                    } else {
                                                        $closingTimeValue = date('H:i', strtotime($closingTimeValue));
                                                    }
                                                } else {
                                                    $closingTimeValue = '';
                                                }
                                            @endphp
                                            <input type="time" name="closing_time" id="closing_time" class="form-control @error('closing_time') is-invalid @enderror" 
                                                   value="{{ $closingTimeValue }}">
                                            @error('closing_time')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="form-check">
                                        <input type="hidden" name="is_active" value="0">
                                        <input type="checkbox" name="is_active" id="is_active" class="form-check-input" 
                                               value="1" {{ old('is_active', $gasOffice->is_active) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_active">
                                            المكتب نشط
                                        </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="form-check">
                                        <input type="hidden" name="is_open" value="0">
                                        <input type="checkbox" name="is_open" id="is_open" class="form-check-input" 
                                               value="1" {{ old('is_open', $gasOffice->is_open) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_open">
                                            المكتب مفتوح الآن
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- إعدادات التوصيل -->
                            <div class="col-md-6">
                                <h5>إعدادات التوصيل</h5>
                                <hr>
                                
                                <div class="form-group">
                                    <label for="delivery_fee">رسوم التوصيل <span class="text-danger">*</span></label>
                                    <input type="number" name="delivery_fee" id="delivery_fee" class="form-control @error('delivery_fee') is-invalid @enderror" 
                                           value="{{ old('delivery_fee', $gasOffice->delivery_fee) }}" min="0" step="0.01" required>
                                    @error('delivery_fee')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="delivery_time_minutes">وقت التوصيل (بالدقائق) <span class="text-danger">*</span></label>
                                    <input type="number" name="delivery_time_minutes" id="delivery_time_minutes" class="form-control @error('delivery_time_minutes') is-invalid @enderror" 
                                           value="{{ old('delivery_time_minutes', $gasOffice->delivery_time_minutes) }}" min="1" required>
                                    @error('delivery_time_minutes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="minimum_order">الحد الأدنى للطلب <span class="text-danger">*</span></label>
                                    <input type="number" name="minimum_order" id="minimum_order" class="form-control @error('minimum_order') is-invalid @enderror" 
                                           value="{{ old('minimum_order', $gasOffice->minimum_order) }}" min="0" step="0.01" required>
                                    @error('minimum_order')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <!-- الصور -->
                            <div class="col-md-12">
                                <h5>الصور</h5>
                                <hr>
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="logo">شعار المكتب</label>
                                            @if($gasOffice->logo)
                                                <div class="mb-2">
                                                    <img src="{{ asset('storage/' . $gasOffice->logo) }}" alt="شعار المكتب" 
                                                         style="max-width: 200px; max-height: 200px;" class="img-thumbnail">
                                                </div>
                                                <small class="text-muted">اتركه فارغاً للاحتفاظ بالصورة الحالية</small>
                                            @endif
                                            <input type="file" name="logo" id="logo" class="form-control-file @error('logo') is-invalid @enderror" 
                                                   accept="image/*">
                                            @error('logo')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label for="cover_image">صورة الغلاف</label>
                                            @if($gasOffice->cover_image)
                                                <div class="mb-2">
                                                    <img src="{{ asset('storage/' . $gasOffice->cover_image) }}" alt="صورة الغلاف" 
                                                         style="max-width: 200px; max-height: 200px;" class="img-thumbnail">
                                                </div>
                                                <small class="text-muted">اتركه فارغاً للاحتفاظ بالصورة الحالية</small>
                                            @endif
                                            <input type="file" name="cover_image" id="cover_image" class="form-control-file @error('cover_image') is-invalid @enderror" 
                                                   accept="image/*">
                                            @error('cover_image')
                                                <div class="text-danger">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="form-group text-center">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> حفظ التعديلات
                            </button>
                            <a href="{{ route('admin.gas-offices.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> إلغاء
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // إضافة منطقة جديدة
    document.querySelector('.add-area')?.addEventListener('click', function() {
        const container = document.getElementById('service-areas-container');
        const newArea = document.createElement('div');
        newArea.className = 'input-group mb-2';
        newArea.innerHTML = `
            <input type="text" name="service_areas[]" class="form-control" placeholder="اسم المنطقة">
            <div class="input-group-append">
                <button type="button" class="btn btn-danger remove-area">
                    <i class="fas fa-minus"></i>
                </button>
            </div>
        `;
        container.appendChild(newArea);
    });

    // حذف منطقة
    document.addEventListener('click', function(e) {
        if (e.target.closest('.remove-area')) {
            e.target.closest('.input-group').remove();
        }
    });
});
</script>
@endsection