@extends('dashboard.admin.layouts.master')

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('dash_site.about_settings') }}</h1>
        </div>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxxl">
        @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="{{ route('admin.about-settings.update') }}" method="post" enctype="multipart/form-data" id="aboutSettingsForm">
            @csrf
            @method('PUT')
            <div class="row g-7">
                @foreach(['goals', 'mission', 'vision'] as $section)
                    <div class="col-xl-4">
                        <div class="card h-100">
                            <div class="card-header"><div class="card-title"><h2>{{ trans('dash_site.' . $section) }}</h2></div></div>
                            <div class="card-body">
                                <div class="mb-5">
                                    <label class="form-label">{{ trans('dash_site.description') }} (AR)</label>
                                    <textarea name="{{ $section }}[ar]" rows="5" class="form-control">{{ old($section . '.ar', $settings->getTranslation($section, 'ar', false)) }}</textarea>
                                </div>
                                <div class="mb-5">
                                    <label class="form-label">{{ trans('dash_site.description') }} (EN)</label>
                                    <textarea name="{{ $section }}[en]" rows="5" class="form-control">{{ old($section . '.en', $settings->getTranslation($section, 'en', false)) }}</textarea>
                                </div>
                                <label class="form-label">{{ trans('dash_site.' . $section . '_image') }}</label>
                                @include('dashboard.admin.Site.partials.image-input', [
                                    'name' => $section . '_image',
                                    'id' => $section . '_image',
                                    'preview' => $settings->{$section . '_image_path'} ?: asset('assets/media/svg/files/blank-image.svg'),
                                ])
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="d-flex justify-content-end mt-7">
                <button type="submit" class="btn btn-primary">{{ trans('dash_site.Save') }}</button>
            </div>
        </form>
    </div>
@endsection

@section('js')
    <script type="text/javascript" src="{{ asset('vendor/jsvalidation/js/jsvalidation.js') }}"></script>
    {!! JsValidator::formRequest('App\Http\Requests\Site\AboutSettingRequest', '#aboutSettingsForm') !!}
@endsection