@if ($errors->any())
    <div class="alert alert-danger"><ul class="mb-0">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
@endif

<form action="{{ $action }}" method="post" enctype="multipart/form-data" id="aboutForm">
    @csrf
    @if($method !== 'POST')
        @method($method)
    @endif

    <div class="row g-7">
        <div class="col-xl-4">
            <div class="card">
                <div class="card-header"><div class="card-title"><h2>{{ trans('dash_site.image') }}</h2></div></div>
                <div class="card-body">
                    @include('dashboard.admin.Site.partials.image-input', [
                        'name' => 'image',
                        'id' => 'about_image',
                        'preview' => $about->image_path ?? asset('assets/media/svg/files/blank-image.svg'),
                    ])
                    @error('image')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="card mt-7">
                <div class="card-header"><div class="card-title"><h2>Secondary Image</h2></div></div>
                <div class="card-body">
                    @include('dashboard.admin.Site.partials.image-input', [
                        'name' => 'secondary_image',
                        'id' => 'about_secondary_image',
                        'preview' => $about->secondary_image_path ?? asset('assets/media/svg/files/blank-image.svg'),
                    ])
                    @error('secondary_image')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
            <div class="card mt-7">
                <div class="card-header"><div class="card-title"><h2>{{ trans('dash_site.seo_image') }}</h2></div></div>
                <div class="card-body">
                    @include('dashboard.admin.Site.partials.image-input', [
                        'name' => 'seo_image',
                        'id' => 'about_seo_image',
                        'preview' => $about->seo_image_path ?? asset('assets_web/img/about/why1.webp'),
                    ])
                    @error('seo_image')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
            </div>
        </div>
        <div class="col-xl-8">
            <div class="card">
                <div class="card-header"><div class="card-title"><h2>{{ trans('dash_site.mainData') }}</h2></div></div>
                <div class="card-body">
                    <div class="row g-5">
                        <div class="col-md-6">
                            <label class="required form-label">{{ trans('dash_site.title') }} (AR)</label>
                            <input type="text" name="title[ar]" value="{{ old('title.ar', $about->getTranslation('title', 'ar', false) ?: $about->getTranslation('address', 'ar', false)) }}" class="form-control @error('title.ar') is-invalid @enderror">
                            @error('title.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="required form-label">{{ trans('dash_site.title') }} (EN)</label>
                            <input type="text" name="title[en]" value="{{ old('title.en', $about->getTranslation('title', 'en', false) ?: $about->getTranslation('address', 'en', false)) }}" class="form-control @error('title.en') is-invalid @enderror">
                            @error('title.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="required form-label">{{ trans('dash_site.description') }} (AR)</label>
                            <textarea name="description[ar]" rows="8" class="form-control @error('description.ar') is-invalid @enderror">{{ old('description.ar', $about->getTranslation('description', 'ar', false) ?: $about->getTranslation('details', 'ar', false)) }}</textarea>
                            @error('description.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="required form-label">{{ trans('dash_site.description') }} (EN)</label>
                            <textarea name="description[en]" rows="8" class="form-control @error('description.en') is-invalid @enderror">{{ old('description.en', $about->getTranslation('description', 'en', false) ?: $about->getTranslation('details', 'en', false)) }}</textarea>
                            @error('description.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
            </div>
            <div class="card mt-7">
                <div class="card-header"><div class="card-title"><h2>{{ trans('dash_site.about_seo') }}</h2></div></div>
                <div class="card-body">
                    <div class="row g-5">
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_title') }} (AR)</label>
                            <input type="text" name="seo_title[ar]" value="{{ old('seo_title.ar', $about->getTranslation('seo_title', 'ar', false)) }}" class="form-control @error('seo_title.ar') is-invalid @enderror">
                            @error('seo_title.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_title') }} (EN)</label>
                            <input type="text" name="seo_title[en]" value="{{ old('seo_title.en', $about->getTranslation('seo_title', 'en', false)) }}" class="form-control @error('seo_title.en') is-invalid @enderror">
                            @error('seo_title.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_description') }} (AR)</label>
                            <textarea name="seo_description[ar]" rows="3" class="form-control @error('seo_description.ar') is-invalid @enderror">{{ old('seo_description.ar', $about->getTranslation('seo_description', 'ar', false)) }}</textarea>
                            @error('seo_description.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_description') }} (EN)</label>
                            <textarea name="seo_description[en]" rows="3" class="form-control @error('seo_description.en') is-invalid @enderror">{{ old('seo_description.en', $about->getTranslation('seo_description', 'en', false)) }}</textarea>
                            @error('seo_description.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_keywords') }} (AR)</label>
                            <input type="text" name="seo_keywords[ar]" value="{{ old('seo_keywords.ar', $about->getTranslation('seo_keywords', 'ar', false)) }}" class="form-control @error('seo_keywords.ar') is-invalid @enderror">
                            @error('seo_keywords.ar')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">{{ trans('dash_site.seo_keywords') }} (EN)</label>
                            <input type="text" name="seo_keywords[en]" value="{{ old('seo_keywords.en', $about->getTranslation('seo_keywords', 'en', false)) }}" class="form-control @error('seo_keywords.en') is-invalid @enderror">
                            @error('seo_keywords.en')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
            </div>
            <div class="d-flex justify-content-end mt-7">
                <button type="submit" class="btn btn-primary">{{ trans('dash_site.Save') }}</button>
            </div>
        </div>
    </div>
</form>