{{-- Shared Ad Images Form --}}
{{-- Variables needed:
    - $ad: AdImage model instance
    - $showVendorField: Boolean to show/hide vendor field (only for edit on admin)
    - $categories: Collection of Category models for the category dropdown
--}}

@php
    $showVendorField = $showVendorField ?? false;
@endphp

@csrf
<div class="row">
    @if ($showVendorField && $ad->exists)
        <div class="col-md-3 mb-3">
            <label class="form-label">التاجر</label>
            <input type="text" value="{{ optional($ad->vendor)->name() ?? '—' }}" class="form-control" disabled>
        </div>
    @endif

    <div class="col-md-6 mb-3">
        <label class="form-label">العنوان (اختياري)</label>
        <input type="text" name="title" value="{{ old('title', $ad->title) }}" class="form-control" maxlength="255">
    </div>

    <div class="col-md-6 mb-3">
        <label class="form-label">الرابط (اختياري)</label>
        <input type="url" name="link_url" value="{{ old('link_url', $ad->link_url) }}" class="form-control"
            placeholder="https://example.com">
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">القسم</label>
        <select name="category_id" class="form-control">
            <option value="">الرئيسية (عام)</option>
            @foreach ($categories as $cat)
                <option value="{{ $cat->id }}"
                    {{ old('category_id', $ad->category_id) == $cat->id ? 'selected' : '' }}>
                    {{ $cat->name }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-4 mb-3">
        <label class="form-label">الترتيب</label>
        <input type="number" name="sort" value="{{ old('sort', $ad->sort ?? 0) }}" class="form-control">
    </div>

    <div class="col-md-4 mb-3 d-flex align-items-center">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active"
                {{ old('is_active', $ad->is_active ?? true) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_active">مفعل</label>
        </div>
    </div>

    <div class="col-md-12 mb-3">
        <label class="form-label">الصورة</label>
        <input type="file" name="image" class="form-control" {{ $ad->exists ? '' : 'required' }} accept="image/*">
        @if ($ad->exists)
            <div class="mt-2">
                <img src="{{ $ad->url }}" alt="" style="height:100px;border-radius:6px;">
            </div>
        @endif
    </div>
</div>