@php
    $isEdit = (bool) $heroSlide;
@endphp

<form method="POST" action="{{ $isEdit ? route('admin.hero-slides.update', $heroSlide) : route('admin.hero-slides.store') }}" enctype="multipart/form-data">
    @csrf
    @if ($isEdit) @method('PUT') @endif

    <div class="card p-4 mb-3">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">Heading (English)</label>
                <input type="text" name="heading_en" class="form-control @error('heading_en') is-invalid @enderror" value="{{ old('heading_en', $heroSlide->heading_en ?? '') }}">
                @error('heading_en') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-6">
                <label class="form-label">Heading (Arabic)</label>
                <input type="text" name="heading_ar" dir="rtl" class="form-control @error('heading_ar') is-invalid @enderror" value="{{ old('heading_ar', $heroSlide->heading_ar ?? '') }}">
                @error('heading_ar') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label">Subheading (English)</label>
                <input type="text" name="subheading_en" class="form-control" value="{{ old('subheading_en', $heroSlide->subheading_en ?? '') }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Subheading (Arabic)</label>
                <input type="text" name="subheading_ar" dir="rtl" class="form-control" value="{{ old('subheading_ar', $heroSlide->subheading_ar ?? '') }}">
            </div>

            <div class="col-md-6">
                <label class="form-label">Paragraph (English)</label>
                <textarea name="paragraph_en" rows="3" class="form-control">{{ old('paragraph_en', $heroSlide->paragraph_en ?? '') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">Paragraph (Arabic)</label>
                <textarea name="paragraph_ar" dir="rtl" rows="3" class="form-control">{{ old('paragraph_ar', $heroSlide->paragraph_ar ?? '') }}</textarea>
            </div>

            <div class="col-md-4">
                <label class="form-label">Button 1 Text (EN)</label>
                <input type="text" name="button_text_en" class="form-control" value="{{ old('button_text_en', $heroSlide->button_text_en ?? '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Button 1 Text (AR)</label>
                <input type="text" name="button_text_ar" dir="rtl" class="form-control" value="{{ old('button_text_ar', $heroSlide->button_text_ar ?? '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Button 1 Link</label>
                <input type="text" name="button_link" class="form-control" value="{{ old('button_link', $heroSlide->button_link ?? '') }}">
            </div>

            <div class="col-md-4">
                <label class="form-label">Button 2 Text (EN)</label>
                <input type="text" name="button_2_text_en" class="form-control" value="{{ old('button_2_text_en', $heroSlide->button_2_text_en ?? '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Button 2 Text (AR)</label>
                <input type="text" name="button_2_text_ar" dir="rtl" class="form-control" value="{{ old('button_2_text_ar', $heroSlide->button_2_text_ar ?? '') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">Button 2 Link</label>
                <input type="text" name="button_2_link" class="form-control" value="{{ old('button_2_link', $heroSlide->button_2_link ?? '') }}">
            </div>

            <div class="col-md-6">
                @include('admin.partials.image-field', ['name' => 'image', 'label' => 'Slide Image', 'current' => $heroSlide->image ?? null])
            </div>

            <div class="col-md-3">
                <label class="form-label">Order</label>
                <input type="number" name="order" class="form-control @error('order') is-invalid @enderror" value="{{ old('order', $heroSlide->order ?? 0) }}">
                @error('order') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-3 d-flex align-items-end">
                <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" @checked(old('is_active', $heroSlide->is_active ?? true))>
                    <label for="is_active" class="form-check-label">Active</label>
                </div>
            </div>
        </div>
    </div>

    <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary text-white">{{ $isEdit ? 'Save Changes' : 'Create' }}</button>
        <a href="{{ route('admin.hero-slides.index') }}" class="btn btn-outline-secondary">Cancel</a>
    </div>
</form>