@extends('admin.layouts.container')

@section('content')

<div class="side-title">
    <h3>{{ $head ?? '' }}</h3>
</div>

<div class="border-item">
    <form class="form-row" method="post" action="{{ $action }}" enctype="multipart/form-data">
        <input type="hidden" name="user_id" value="{{ auth()->id() }}">
        @if(isset($newsData) && isset($newsData['en']) && $newsData['en']->id)
        @method('PUT')
        @endif
        @csrf

        <!-- Titles Dropdown -->
        @foreach($languages as $language)
        <div class="form-group col-lg-6">
            <label>
                {{ meta('title', $language->local) ?? __('news.title') }}
                {{ count($languages) > 1 ? "({$language->name})" : '' }}
            </label>

            <select class="form-control select2" name="title_{{ $language->local }}">
                <option value="">{{ __('SelectorWriteTitle') }}</option>

                <!-- Check if there are titles for this language -->
                @if(isset($alltitlesByLanguage[$language->local]))
                <!-- Loop through all titles for the language and display them -->
                @foreach($alltitlesByLanguage[$language->local] as $title)
                <option value="{{ $title }}"
                    {{ old("title_{$language->local}", $newsData[$language->local]->title ?? '') == $title ? 'selected' : '' }}>
                    {{ $title }}
                </option>
                @endforeach
                @endif
            </select>
        </div>
        @endforeach



        <!-- Description Fields -->
        @foreach($languages as $language)
        <div class="form-group col-lg-12">
            <label>
                {{ meta('description', $language->local) ?? __('news.description') }}
                {{ count($languages) > 1 ? "({$language->name})" : '' }}
            </label>
            <textarea name="description_{{ $language->local }}" maxlength="200" class="form-control my-editor {{ $errors->has('description_' . $language->local) ? 'is-invalid' : '' }}" placeholder="{{ meta('description', $language->local) ?? __('news.description') }}">
            {{ old("description_{$language->local}", $newsData[$language->local]->description ?? '') }}
            </textarea>
        </div>
        @endforeach

        <!-- Save Button -->
        <div class="text-center mt-5 col-12">
            <button class="butn"><span>{{ __('dashboard.save') }}</span></button>
        </div>
    </form>
</div>
@endsection
@section('inner_js')
<!-- Editor JS files -->
<script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
<script>
    var route_prefix = "{{ url(config('lfm.prefix')) }}";
    var url = "{{url('/')}}/",
        currentLanguage = "{{$lang}}",
        inputName = null;
</script>
<script src="{{ asset('assets/admin/js/editor.js') }}"></script>
<script src="{{ asset('assets/admin/js/lfm.js') }}"></script>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
    $(document).ready(function() {

        $('.select2').select2({
            placeholder: "Select or write a title",
            allowClear: true,
            tags: true // Enable tagging to allow adding new options
        });
    });
</script>
@endsection