@extends('backend.layouts.master')

@section('page_title')
{{trans('back.about_us')}}
@endsection

@section('title')
{{trans('back.about_us')}}
@endsection

@section('content')

    <div class="row">
        <div class="col-12">

            <div class="card">
                <div class="card-body">

                    <form action=" {{ route('abouts.update', $about->id) }}" method="post" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')

                        <div class="row">

                            <div class="mb-2 col-md-2">
                                <label class="form-label">{{trans('back.image_about_us')}} </label>
                                <input type="file" class="form-control-file" name="image_about_us" >
                            </div>

                            <div class="mb-2 col-md-2">
                                <img src="{{ storage_url($about->image_about_us) }}"  alt="image" width="100">
                            </div>


                            <div class="mb-2 col-md-2">
                                <label class="form-label">{{trans('back.bg')}} </label>
                                <input type="file" class="form-control-file" name="bg" >
                            </div>

                            <div class="mb-2 col-md-2">
                                <img src="{{ storage_url($about->bg) }}"  alt="image" width="100">
                            </div>


                            <hr class="col-md-12">

                            {{--  التعريف --}}
                            <div class="mb-2 col-md-6">
                                <label class="form-label"> {{trans('back.company_name_ar')}}  </label>
                                <input type="text" class="form-control "   name="company_name_ar" value="{{ $about->company_name_ar }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label"> {{trans('back.company_name_en')}}  </label>
                                <input type="text" class="form-control " name="company_name_en" value="{{ $about->company_name_en }}">
                            </div>

                            <hr class="col-md-12">

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{trans('back.short_about_ar')}}</label>
                                <textarea class="form-control editor" name="short_about_ar" cols="30" rows="10"> {{ $about->short_about_ar }} </textarea>
                            </div>

                            <div class="mb-2 col-md-6" >
                                <label class="form-label">   {{trans('back.short_about_en')}} </label>
                                <textarea class="form-control editor" name="short_about_en" cols="30" rows="10"> {{ $about->short_about_en }} </textarea>
                            </div>

                            <hr class="col-md-12">

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{trans('back.description_ar')}}</label>
                                <textarea class="form-control editor" name="about_ar" cols="30" rows="10"> {{ $about->about_ar }} </textarea>
                            </div>

                            <div class="mb-2 col-md-6" >
                                <label class="form-label">  {{trans('back.description_en')}} </label>
                                <textarea class="form-control editor" name="about_en" cols="30" rows="10"> {{ $about->about_en }} </textarea>
                            </div>

                            <div class="mb-2 col-12">
                                <label class="form-label">{{trans('back.video')}}</label>
                                <textarea class="form-control" name="video" rows="4">{{$about->video}}</textarea>
                            </div>


                            <hr class="col-md-12">

                            <div class="mb-2 col-6">
                                <label class="form-label">{{trans('back.meta_description_ar')}}</label>
                                <textarea class="form-control"  name="meta_description_ar" rows="4">{{$about->meta_description_ar}}</textarea>
                            </div>

                            <div class="mb-2 col-6">
                                <label class="form-label">{{trans('back.meta_description_en')}}</label>
                                <textarea class="form-control"  name="meta_description_en" rows="4">{{$about->meta_description_en}}</textarea>
                            </div>

                            <div class="mb-2 col-6">
                                <label class="form-label">{{trans('back.meta_keywords_ar')}}</label>
                                <textarea class="form-control" name="meta_keywords_ar" rows="4">{{$about->meta_keywords_ar}}</textarea>
                            </div>

                            <div class="mb-2 col-6">
                                <label class="form-label">{{trans('back.meta_keywords_en')}}</label>
                                <textarea class="form-control" name="meta_keywords_en" rows="4">{{$about->meta_keywords_en}}</textarea>
                            </div>


                            <hr class="col-md-12">

                            {{-- Popup Modal --}}
                            <div class="col-12 mb-3">
                                <h5 class="fw-bold">{{ trans('back.popup_modal') ?? 'Popup Modal' }}</h5>
                            </div>

                            <div class="mb-2 col-md-12">
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="popup_enabled"
                                        id="popup_enabled" value="1" {{ $about->popup_enabled ? 'checked' : '' }}>
                                    <label class="form-check-label fw-bold" for="popup_enabled">
                                        {{ trans('back.popup_enabled') ?? 'Enable Popup' }}
                                    </label>
                                </div>
                            </div>

                            <div class="mb-2 col-md-2">
                                <label class="form-label">{{ trans('back.popup_image') ?? 'Popup Image' }}</label>
                                <input type="file" class="form-control-file" name="popup_image">
                            </div>
                            <div class="mb-2 col-md-2">
                                @if($about->popup_image)
                                    <img src="{{ storage_url($about->popup_image) }}" alt="popup" width="100">
                                @endif
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_heading_ar') ?? 'Popup Heading (AR)' }}</label>
                                <input type="text" class="form-control" name="popup_heading_ar"
                                    value="{{ $about->popup_heading_ar }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_heading_en') ?? 'Popup Heading (EN)' }}</label>
                                <input type="text" class="form-control" name="popup_heading_en"
                                    value="{{ $about->popup_heading_en }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_subheading_ar') ?? 'Popup Subheading (AR)' }}</label>
                                <input type="text" class="form-control" name="popup_subheading_ar"
                                    value="{{ $about->popup_subheading_ar }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_subheading_en') ?? 'Popup Subheading (EN)' }}</label>
                                <input type="text" class="form-control" name="popup_subheading_en"
                                    value="{{ $about->popup_subheading_en }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_btn_text_ar') ?? 'Button Text (AR)' }}</label>
                                <input type="text" class="form-control" name="popup_btn_text_ar"
                                    value="{{ $about->popup_btn_text_ar }}">
                            </div>

                            <div class="mb-2 col-md-6">
                                <label class="form-label">{{ trans('back.popup_btn_text_en') ?? 'Button Text (EN)' }}</label>
                                <input type="text" class="form-control" name="popup_btn_text_en"
                                    value="{{ $about->popup_btn_text_en }}">
                            </div>

                            <div class="mb-2 col-md-12 text-center">
                                <button type="submit" class="btn btn-purple"> {{trans('back.save_and_update')}}   </button>
                            </div>

                        </div>

                    </form>

                </div>
            </div>
        </div>
    </div>

@endsection