@extends('admin.layouts.app')

@section('title', 'CTA Banner')

@section('content')
<form method="POST" action="{{ route('admin.home-cta.update') }}" enctype="multipart/form-data">
    @csrf
    @method('PUT')

    <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" value="{{ old('heading_en', $cta->heading_en) }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">Heading (Arabic)</label>
                <input type="text" name="heading_ar" dir="rtl" class="form-control" value="{{ old('heading_ar', $cta->heading_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', $cta->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', $cta->paragraph_ar) }}</textarea>
            </div>

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

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

    <button type="submit" class="btn btn-primary text-white">Save Changes</button>
</form>
@endsection