@extends('backend.layouts.app')
@section('content')
    <div class="card page-container" id="page-container">
        <div class="card-body p-lg-25 content-wrap">

            <!--begin::Layout-->
            <div class="d-flex flex-column flex-lg-row mb-17">
                <div class="flex-lg-row-fluid me-0 me-lg-20">
                    <form action="{{ $action }}" class="form mb-15" method="POST" id="kt_careers_form"
                        enctype='multipart/form-data'>
                        @csrf
                        @if ($method == 'PUT')
                            @method('put')
                        @endif

                        <div class="row mb-5">
                            @foreach ($languages as $language)
                                <div class="col-md-6 fv-row" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif >
                                    <label class="fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('Title', $language->code) }}
                                    </label>
                                    <input type="text" class="form-control form-control-solid"
                                        value="{{ $slider->getTranslation('title', $language->code, false) }}"
                                        placeholder="{{ TranslationManager::translate('Title', $language->code) }}"
                                        name="title[{{ $language->code }}]" />
                                </div>
                            @endforeach
                        </div>

                        @foreach ($languages as $language)
                            <div class="row mb-5" @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif >
                                <div class="col-md-12 fv-row">
                                    <label class="fs-5 fw-bold mb-2">
                                        {{ TranslationManager::translate('Text', $language->code) }}
                                    </label>
                                    <textarea class="form-control form-control-solid"
                                        placeholder="{{ TranslationManager::translate('Text', $language->code) }}"
                                        name="text[{{ $language->code }}]">{{ $slider->getTranslation('text', $language->code, false) }}</textarea>
                                </div>
                            </div>
                        @endforeach

                        <div class="row mb-5">
                            @foreach ($languages as $language)
                                <div class="col-md-6 fv-row"  @if ($language->code == 'ar') dir="rtl" @else dir="ltr" @endif  >
                                    <label class="fs-5 fw-bold mb-2">
                                    {{ TranslationManager::translate('URL', $language->code) }}
                                    </label>
                                    <input type="text" class="form-control form-control-solid"
                                        value="{{ $slider->getTranslation('url', $language->code, false) }}"
                                        placeholder="{{ TranslationManager::translate('URL', $language->code) }}"
                                        name="url[{{ $language->code }}]" />
                                </div>
                            @endforeach
                        </div>

                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label class="fs-5 fw-bold mb-2">
                                {{ TranslationManager::translate('Sorting Order') }}
                                </label>
                                <input type="number" min="0" step="1" class="form-control form-control-solid"
                                    value="{{ $slider->order }}"
                                    placeholder="{{ TranslationManager::translate('Sorting Order') }}"
                                    name="order" />
                            </div>
                        </div>
                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label class="required fs-6 fw-bold mb-2">{{ TranslationManager::translate('Image') }}</label>
                                <input type="file" class="form-control form-control-solid" name="image" />
                                <div class="form-text">{{ TranslationManager::translate('Desktop image recommended size 1920 x 1080') }}</div>
                            </div>
                            @if ($slider->id != NULL)
                                <div class="col-md-6 fv-row">
                                    <img src="{{ $slider->getImage() }}" alt="" class="img-thumbnail" width="100px" height="100px" />
                                </div>
                            @endif
                        </div>
                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label class="fs-6 fw-bold mb-2">{{ TranslationManager::translate('Mobile Image') }}</label>
                                <input type="file" class="form-control form-control-solid" name="mobile_image" />
                                <div class="form-text">{{ TranslationManager::translate('Mobile image recommended size 1080 x 1350') }}</div>
                            </div>
                            @if ($slider->id != NULL && $slider->getMobileImage())
                                <div class="col-md-6 fv-row">
                                    <img src="{{ $slider->getMobileImage() }}" alt="" class="img-thumbnail" width="100px" height="100px" />
                                </div>
                            @endif
                        </div>

                        <div class="separator mb-8"></div>
                        <!--end::Separator-->
                        <!--begin::Submit-->
                        <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                            <!--begin::Indicator-->
                            <span class="indicator-label">{{ TranslationManager::translate('Submit') }}</span>
                        </button>
                        <a href="{{ route('admin.sliders.index') }}" class="btn btn-danger">
                            <span class="indicator-label">{{ TranslationManager::translate('Back') }}</span>
                        </a>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection