@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

                        @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="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('mission', $language->code) }}</label>
                                    <textarea class="form-control form-control-solid ckeditor"
                                        placeholder="{{ TranslationManager::translate('mission', $language->code) }}" name="mission[{{ $language->code }}]">{{ $aboutUs->getTranslation('mission', $language->code, false) }}</textarea>
                                </div>
                            </div>
                        @endforeach

                        @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="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('vision', $language->code) }}</label>
                                    <textarea class="form-control form-control-solid ckeditor"
                                        placeholder="{{ TranslationManager::translate('vision', $language->code) }}" name="vision[{{ $language->code }}]">{{ $aboutUs->getTranslation('vision', $language->code, false) }}</textarea>
                                </div>
                            </div>
                        @endforeach


                        @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="required fs-5 fw-bold mb-2">{{ TranslationManager::translate('goal', $language->code) }}</label>
                                    <textarea class="form-control form-control-solid ckeditor"
                                        placeholder="{{ TranslationManager::translate('goal', $language->code) }}" name="goal[{{ $language->code }}]">{{ $aboutUs->getTranslation('goal', $language->code, false) }}</textarea>
                                </div>
                            </div>
                        @endforeach

                        <div class="row mb-5">
                            <div class="col-md-6 fv-row">
                                <label
                                    class="fs-6 fw-bold mb-2 required">{{ TranslationManager::translate('Video') }}</label>
                                <input type="file" class="form-control form-control-solid" name="Video"
                                    accept="video/*" />
                            </div>

                            @if (isset($aboutUs) && $aboutUs->getVideo())
                                <div class="col-md-6 fv-row">
                                    <video width="200" height="150" controls class="rounded shadow">
                                        <source src="{{ $aboutUs->getVideo() }}" type="video/mp4">
                                        {{ TranslationManager::translate('Your browser does not support the video tag.') }}
                                    </video>
                                </div>
                            @endif
                        </div>

                        <div class="separator mb-8"></div>
                        <button type="submit" class="btn btn-primary" id="kt_careers_submit_button">
                            <span class="indicator-label">{{ TranslationManager::translate('Submit') }}</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('scripts')
    <script type="text/javascript">
        $(document).ready(function() {
            $('.ckeditor').ckeditor();
        });
    </script>
@endpush