@extends('admin.layouts.app')

@section('title', 'إضافة مطعم جديد')
@section('page-title', 'إضافة مطعم جديد')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">
                        <i class="fas fa-plus"></i> إضافة مطعم جديد
                    </h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('admin.restaurants.store') }}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="row">
                            <!-- المعلومات الأساسية -->
                            <div class="col-md-6">
                                <h6 class="mb-3 text-primary">
                                    <i class="fas fa-info-circle"></i> المعلومات الأساسية
                                </h6>

                                <div class="mb-3">
                                    <label for="name" class="form-label">اسم المطعم <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('name') is-invalid @enderror"
                                           id="name" name="name" value="{{ old('name') }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

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

                                <div class="mb-3">
                                    <label for="cuisine_type" class="form-label">نوع المطبخ <span class="text-danger">*</span></label>
                                    <select class="form-select @error('cuisine_type') is-invalid @enderror"
                                            id="cuisine_type" name="cuisine_type" required>
                                        <option value="">اختر نوع المطبخ</option>
                                        <option value="arabic" {{ old('cuisine_type') == 'arabic' ? 'selected' : '' }}>عربي</option>
                                        <option value="international" {{ old('cuisine_type') == 'international' ? 'selected' : '' }}>دولي</option>
                                        <option value="fast_food" {{ old('cuisine_type') == 'fast_food' ? 'selected' : '' }}>وجبات سريعة</option>
                                        <option value="seafood" {{ old('cuisine_type') == 'seafood' ? 'selected' : '' }}>مأكولات بحرية</option>
                                        <option value="other" {{ old('cuisine_type') == 'other' ? 'selected' : '' }}>أخرى</option>
                                    </select>
                                    @error('cuisine_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="owner_id" class="form-label">صاحب المطعم</label>
                                    <select class="form-select @error('owner_id') is-invalid @enderror"
                                            id="owner_id" name="owner_id">
                                        <option value="">اختر صاحب المطعم</option>
                                        @foreach(\App\Models\User::where('user_type', 'restaurant_manager')->get() as $owner)
                                            <option value="{{ $owner->id }}" {{ old('owner_id') == $owner->id ? 'selected' : '' }}>
                                                {{ $owner->name }} ({{ $owner->email }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('owner_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>

                            <!-- معلومات الاتصال -->
                            <div class="col-md-6">
                                <h6 class="mb-3 text-primary">
                                    <i class="fas fa-phone"></i> معلومات الاتصال
                                </h6>

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

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

                                <div class="mb-3">
                                    <label for="address" class="form-label">العنوان <span class="text-danger">*</span></label>
                                    <textarea class="form-control @error('address') is-invalid @enderror"
                                              id="address" name="address" rows="2" required>{{ old('address') }}</textarea>
                                    @error('address')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

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

                        <div class="row">
                            <!-- إعدادات التشغيل -->
                            <div class="col-md-6">
                                <h6 class="mb-3 text-primary">
                                    <i class="fas fa-clock"></i> إعدادات التشغيل
                                </h6>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="opening_time" class="form-label">وقت الفتح</label>
                                            <input type="time" class="form-control @error('opening_time') is-invalid @enderror"
                                                   id="opening_time" name="opening_time" value="{{ old('opening_time') }}">
                                            @error('opening_time')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="closing_time" class="form-label">وقت الإغلاق</label>
                                            <input type="time" class="form-control @error('closing_time') is-invalid @enderror"
                                                   id="closing_time" name="closing_time" value="{{ old('closing_time') }}">
                                            @error('closing_time')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1"
                                               {{ old('is_active', true) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_active">
                                            مطعم نشط
                                        </label>
                                    </div>
                                </div>

                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="is_open" name="is_open" value="1"
                                               {{ old('is_open', true) ? 'checked' : '' }}>
                                        <label class="form-check-label" for="is_open">
                                            مطعم مفتوح
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <!-- إعدادات التوصيل -->
                            <div class="col-md-6">
                                <h6 class="mb-3 text-primary">
                                    <i class="fas fa-truck"></i> إعدادات التوصيل
                                </h6>

                                <div class="mb-3">
                                    <label for="delivery_fee" class="form-label">رسوم التوصيل (دينار عراقي)</label>
                                    <input type="number" step="0.01" min="0" class="form-control @error('delivery_fee') is-invalid @enderror"
                                           id="delivery_fee" name="delivery_fee" value="{{ old('delivery_fee') }}">
                                    @error('delivery_fee')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="delivery_time_minutes" class="form-label">وقت التوصيل (دقائق)</label>
                                    <input type="number" min="0" class="form-control @error('delivery_time_minutes') is-invalid @enderror"
                                           id="delivery_time_minutes" name="delivery_time_minutes" value="{{ old('delivery_time_minutes') }}">
                                    @error('delivery_time_minutes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="mb-3">
                                    <label for="minimum_order" class="form-label">الحد الأدنى للطلب (دينار عراقي)</label>
                                    <input type="number" step="0.01" min="0" class="form-control @error('minimum_order') is-invalid @enderror"
                                           id="minimum_order" name="minimum_order" value="{{ old('minimum_order') }}">
                                    @error('minimum_order')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <!-- الصور -->
                            <div class="col-md-12">
                                <h6 class="mb-3 text-primary">
                                    <i class="fas fa-images"></i> الصور
                                </h6>

                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="logo" class="form-label">شعار المطعم</label>
                                            <input type="file" class="form-control @error('logo') is-invalid @enderror"
                                                   id="logo" name="logo" accept="image/*">
                                            <div class="form-text">يفضل صورة مربعة بحجم 200x200 بكسل</div>
                                            @error('logo')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="cover_image" class="form-label">صورة الغلاف</label>
                                            <input type="file" class="form-control @error('cover_image') is-invalid @enderror"
                                                   id="cover_image" name="cover_image" accept="image/*">
                                            <div class="form-text">يفضل صورة أفقية بحجم 1200x400 بكسل</div>
                                            @error('cover_image')
                                                <div class="invalid-feedback">{{ $message }}</div>
                                            @enderror
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- أزرار الإجراءات -->
                        <div class="row mt-4">
                            <div class="col-md-12">
                                <div class="d-flex justify-content-between">
                                    <a href="{{ route('admin.restaurants') }}" class="btn btn-secondary">
                                        <i class="fas fa-arrow-right"></i> رجوع
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save"></i> حفظ المطعم
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
// معاينة الصور
document.getElementById('logo').addEventListener('change', function(e) {
    const file = e.target.files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = function(e) {
            // يمكن إضافة معاينة للصورة هنا
        };
        reader.readAsDataURL(file);
    }
});

document.getElementById('cover_image').addEventListener('change', function(e) {
    const file = e.target.fields[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = function(e) {
            // يمكن إضافة معاينة للصورة هنا
        };
        reader.readAsDataURL(file);
    }
});
</script>
@endsection