@extends('admin.layouts.master')

@section('title', __('lang.about_page'))

@section('content')
    <x-ui.breadcrumb :items="[__('lang.about_page') => null]" />
    <h1 class="h5 fw-semibold mb-4">{{ __('lang.about_page') }}</h1>

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

        <div class="card">
            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-6">
                        <x-ui.input name="company_name_ar" :label="__('lang.company_name_ar')" :value="$about->company_name_ar" required />
                    </div>

                    <div class="col-md-6">
                        <x-ui.input name="company_name_en" :label="__('lang.company_name_en')" :value="$about->company_name_en" required />
                    </div>

                    <div class="col-md-6">
                        <label for="short_about_ar" class="form-label">{{ __('lang.short_about_ar') }}</label>
                        <textarea name="short_about_ar" id="short_about_ar" class="form-control" rows="3">{{ old('short_about_ar', $about->short_about_ar) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label for="short_about_en" class="form-label">{{ __('lang.short_about_en') }}</label>
                        <textarea name="short_about_en" id="short_about_en" class="form-control" rows="3">{{ old('short_about_en', $about->short_about_en) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label for="about_ar" class="form-label">{{ __('lang.about_ar') }}</label>
                        <textarea name="about_ar" id="about_ar" class="form-control" rows="6">{{ old('about_ar', $about->about_ar) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label for="about_en" class="form-label">{{ __('lang.about_en') }}</label>
                        <textarea name="about_en" id="about_en" class="form-control" rows="6">{{ old('about_en', $about->about_en) }}</textarea>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label d-block">{{ __('lang.about_image') }}</label>
                        @if ($about->imageUrl())
                            <img src="{{ $about->imageUrl() }}" alt="{{ $about->company_name_ar }}" class="rounded-3 border mb-2 d-block" style="width: 8rem; height: 8rem; object-fit: cover;">
                        @endif
                        <input type="file" name="image" class="form-control" accept="image/*">
                        @error('image') <div class="text-danger small mt-1">{{ $message }}</div> @enderror
                    </div>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end mt-4">
            <x-button type="submit" variant="primary">{{ __('lang.save') }}</x-button>
        </div>
    </form>
@endsection