@extends('admin.layouts.app')

@section('title', 'إضافة خدمة للراكب')
@section('page-title', 'إضافة خدمة للراكب')
@section('page-icon', 'fas fa-plus')

@section('content')
<div class="card">
    <div class="card-body">
        <form action="{{ route('admin.passenger-extra-services.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="form-group">
                <label>العنوان *</label>
                <input type="text" name="title" class="form-control" value="{{ old('title') }}" required maxlength="255">
            </div>
            <div class="form-group">
                <label>سطر فرعي</label>
                <input type="text" name="subtitle" class="form-control" value="{{ old('subtitle') }}" maxlength="500">
            </div>
            <div class="form-group">
                <label>صورة الخدمة (اختياري — JPG/PNG/WebP حتى 3 ميجا)</label>
                <input type="file" name="image" class="form-control-file" accept="image/jpeg,image/png,image/webp,image/jpg">
                <small class="text-muted">تُحفظ في التخزين العام وتظهر في التطبيق. تأكد من ربط الرابط <code>public/storage</code>.</small>
            </div>
            <div class="form-group">
                <label>الوصف (يظهر في التطبيق)</label>
                <textarea name="description" class="form-control" rows="5">{{ old('description') }}</textarea>
            </div>
            <div class="form-group">
                <label>سعر تقديري (لعجلة الحظ — قيمة الخدمة المجانية عند الفوز)</label>
                <input type="number" step="0.01" min="0" name="price_estimate" class="form-control" value="{{ old('price_estimate') }}">
            </div>
            <div class="form-group">
                <label>ترتيب العرض</label>
                <input type="number" name="sort_order" class="form-control" value="{{ old('sort_order', 0) }}" min="0">
            </div>
            <input type="hidden" name="is_active" value="0">
            <div class="custom-control custom-switch mb-3">
                <input type="checkbox" class="custom-control-input" id="is_active" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
                <label class="custom-control-label" for="is_active">نشط (يظهر في التطبيق)</label>
            </div>
            <button type="submit" class="btn btn-primary">حفظ</button>
            <a href="{{ route('admin.passenger-extra-services.index') }}" class="btn btn-secondary">رجوع</a>
        </form>
    </div>
</div>
@endsection