@csrf

<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
            Title En <span class="text-danger">*</span>
        </label>
        <textarea name="title_en" class="form-control ip-gray radius-xs b-light px-15  @error('title_en') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->title_en : old('title_en') }}</textarea>
        @error('title_en')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>

<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
            Title Ar <span class="text-danger">*</span>
        </label>
        <textarea name="title_ar" class="form-control ip-gray radius-xs b-light px-15  @error('title_ar') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->title_ar : old('title_ar') }}</textarea>
        @error('title_ar')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>

@if($ourFocusMore->id != 2)
<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
            Sub Title En <span class="text-danger">*</span>
        </label>
        <textarea name="sub_title_en" class="form-control ip-gray radius-xs b-light px-15  @error('sub_title_en') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->sub_title_en : old('sub_title_en') }}</textarea>
        @error('sub_title_en')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>

<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
           Sub Title Ar <span class="text-danger">*</span>
        </label>
        <textarea name="sub_title_ar" class="form-control ip-gray radius-xs b-light px-15  @error('sub_title_ar') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->sub_title_ar : old('sub_title_ar') }}</textarea>
        @error('sub_title_ar')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>
@endif
<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
            Description En <span class="text-danger">*</span>
        </label>
        <textarea name="description_en" class="form-control ip-gray radius-xs b-light px-15  @error('description_en') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->description_en : old('description_en') }}</textarea>
        @error('description_en')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>

<div class="col-lg-6 mb-25">
    <div class="form-group">
        <label class="col-form-label color-dark fs-14 fw-500 align-center">
            {{-- @lang('site.name')  --}}
            Description Ar <span class="text-danger">*</span>
        </label>
        <textarea name="description_ar" class="form-control ip-gray radius-xs b-light px-15  @error('description_ar') is-invalid  @enderror" rows="5">{{ isset($ourFocusMore) ? $ourFocusMore->description_ar : old('description_ar') }}</textarea>
        @error('description_ar')
            <div class="invalid-feedback d-block">
                {{ $message }}
            </div>
        @enderror
    </div>
</div>

<div class="col-md-6 mb-25">
    <label for="image" class="col-form-label color-dark fs-14 fw-500 align-center">
        Image En
        <!-- <small class="ml-1 text-danger">(200x200)</small> -->
        </label>
    <div class="atbd-tag-wrap logo-group">
        <div class="atbd-upload">
            <div class="atbd-upload__button">
                <a href="javascript:void(0)" class="btn btn-lg btn-outline-lighten btn-upload btn-block"
                    onclick="$('#avatar').click()"> <svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                        <polyline points="17 8 12 3 7 8"></polyline>
                        <line x1="12" y1="3" x2="12" y2="15"> </line>
                    </svg> @lang('Click to Upload')</a>
                <input type="file" accept="image/*" name="image_en" class="upload-one avatar" id="avatar">
            </div>
        </div>
    </div>
    @error('image_en')
        <div id="image_en" class="invalid-feedback d-block">
            {{ $message }}
        </div>
    @enderror
</div>

<div class="col-md-6 mb-25">
    <label for="image" class="col-form-label color-dark fs-14 fw-500 align-center">
        Image Ar
        <!-- <small class="ml-1 text-danger">(200x200)</small> -->
        </label>
    <div class="atbd-tag-wrap logo-group">
        <div class="atbd-upload">
            <div class="atbd-upload__button">
                <a href="javascript:void(0)" class="btn btn-lg btn-outline-lighten btn-upload btn-block"
                    onclick="$('#avatarAr').click()"> <svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                        <polyline points="17 8 12 3 7 8"></polyline>
                        <line x1="12" y1="3" x2="12" y2="15"> </line>
                    </svg> @lang('Click to Upload')</a>
                <input type="file" accept="image/*" name="image_ar" class="upload-one avatarAr" id="avatarAr">
            </div>
        </div>
    </div>
    @error('image_ar')
        <div id="image_ar" class="invalid-feedback d-block">
            {{ $message }}
        </div>
    @enderror
</div>

@if($ourFocusMore->id == 2)
<div class="col-md-6 mb-25">
    <label for="image" class="col-form-label color-dark fs-14 fw-500 align-center">
        Image Logo
        <!-- <small class="ml-1 text-danger">(200x200)</small> -->
    </label>
    <div class="atbd-tag-wrap logo-group">
        <div class="atbd-upload">
            <div class="atbd-upload__button">
                <a href="javascript:void(0)" class="btn btn-lg btn-outline-lighten btn-upload btn-block"
                    onclick="$('#avatars').click()"> <svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                        <polyline points="17 8 12 3 7 8"></polyline>
                        <line x1="12" y1="3" x2="12" y2="15"> </line>
                    </svg> @lang('Click to Upload')</a>
                <input type="file" accept="image/*" name="image_logo" class="upload-one avatars" id="avatars">
            </div>
        </div>
    </div>
    @error('image_logo')
        <div id="image_logo" class="invalid-feedback d-block">
            {{ $message }}
        </div>
    @enderror
</div>
@endif

<div class="col-md-6 mb-25">
    <label for="image" class="col-form-label color-dark fs-14 fw-500 align-center">
        Image Mobile En
        <!-- <small class="ml-1 text-danger">(200x200)</small> -->
    </label>
    <div class="atbd-tag-wrap logo-group">
        <div class="atbd-upload">
            <div class="atbd-upload__button">
                <a href="javascript:void(0)" class="btn btn-lg btn-outline-lighten btn-upload btn-block"
                    onclick="$('#avatars2').click()"> <svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                        <polyline points="17 8 12 3 7 8"></polyline>
                        <line x1="12" y1="3" x2="12" y2="15"> </line>
                    </svg> @lang('Click to Upload')</a>
                <input type="file" accept="image/*" name="image_mobile_en" class="upload-one avatars2" id="avatars2">
            </div>
        </div>
    </div>
    @error('image_mobile_en')
        <div id="image_mobile_en" class="invalid-feedback d-block">
            {{ $message }}
        </div>
    @enderror
</div>

<div class="col-md-6 mb-25">
    <label for="image" class="col-form-label color-dark fs-14 fw-500 align-center">
        Image Mobile
        <!-- <small class="ml-1 text-danger">(200x200)</small> -->
    </label>
    <div class="atbd-tag-wrap logo-group">
        <div class="atbd-upload">
            <div class="atbd-upload__button">
                <a href="javascript:void(0)" class="btn btn-lg btn-outline-lighten btn-upload btn-block"
                    onclick="$('#avatars12').click()"> <svg xmlns="http://www.w3.org/2000/svg" width="24"
                        height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                        stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload">
                        <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                        <polyline points="17 8 12 3 7 8"></polyline>
                        <line x1="12" y1="3" x2="12" y2="15"> </line>
                    </svg> @lang('Click to Upload')</a>
                <input type="file" accept="image/*" name="image_mobile_ar" class="upload-one avatars12" id="avatars12">
            </div>
        </div>
    </div>
    @error('image_mobile_ar')
        <div id="image_mobile_ar" class="invalid-feedback d-block">
            {{ $message }}
        </div>
    @enderror
</div>