@extends('admin.layouts.container')

@section('content')
    <div class="side-title">
        <h3>{{ $head ?? ''}}</h3>
    </div>

    <div class="border-item">
        <form class="form-row add_form" method="post" action="{{ $action }}" enctype="multipart/form-data">
            @if($notice ?? ''  && $notice->id)
                @method('PUT')
            @endif
            @csrf

            <div class="row w-100">
                <div class="form-group col">
                    <label>{{ meta('cat_notice_id', $lang) ?? __('notices.cat_notice_id') }} </label>
                    <select name="cat_notice_id"
                            class="form-control {{ $errors->has('cat_notice_id') ? 'is-invalid' : '' }}">
                        <option value="">{{__('notices.cat_notice_id')}}</option>
                        @foreach($notificationCategories as $category)
                            <option
                                {{old('cat_notice_id', $notice->cat_notice_id ?? null) == $category->id ? 'selected' : '' }} value="{{ $category->id }}">
                                {{ ($category->title ?? "") . ($category->type ? " (".$category->type.")" : "") }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col">
                    <label>{{ meta('role', $lang) ?? __('notices.role') }} </label>
                    <select name="role" class="form-control {{ $errors->has('role') ? 'is-invalid' : '' }}">
                        <option value="">{{ __('general.all') }}</option>
                        @foreach(getUsersRoles(false) as $role)
                            <option
                                {{old('role', $notice->role ?? null) == $role ? 'selected' : '' }} value="{{ $role }}">
                                {{ getUserRoleName($role) }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col">
                    <label>{{ meta('type_key', $lang) ?? __('notices.type_key') }} </label>
                    <select name="type_key" class="form-control {{ $errors->has('type_key') ? 'is-invalid' : '' }}">
                        <option value="">{{__('notices.type_key')}}</option>
                        @foreach($notificationTypes as $type)
                            <option
                                {{old('type_key', $notice->type_key ?? null) == ($type->title ?? null) ? 'selected' : '' }} value="{{ ($type->title ?? null) }}">
                                {{ $type->title ?? "" }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
                <div class="form-group col">
                    <label>Is Boolean</label>
                    <select name="is_boolean" class="form-control {{ $errors->has('is_boolean') ? 'is-invalid' : '' }}">
                        <option value="">Is Boolean</option>
                        @foreach([0, 1] as $is_boolean)
                            <option
                                @selected(old('is_boolean', $notice->is_boolean ?? -1) == $is_boolean) value="{{ $is_boolean }}">
                                {{ __("general.yes_no_$is_boolean") }}
                            </option>
                        @endforeach
                    </select>
                </div> <!-- end of form-group -->
            </div> <!-- end row -->

            @foreach(languages() as $language)
                <div class="form-group col-lg-6">
                    <label>{{ meta('title', $language->local) ?? __("notices.title") }} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <input type="text"
                           class="form-control {{ $errors->has('title_'.$language->local) ? 'is-invalid' : '' }}"
                           name="title_{{ $language->local }}"
                           placeholder="{{ meta('title', $language->local) ?? __("notices.title") }}"
                           value='{{ old("title_{$language->local}", $notice[$language->local]->title ?? "") }}'/>
                </div>
            @endforeach

            {{-- @foreach(languages() as $language)
                @foreach(['subtitle'] as $moduleField)
                    <div class="form-group col-lg-6">
                        <label>
                            {{ meta($moduleField, $language->local) ?? __("notices.$moduleField") }} {{ count($languages) > 1 ? "({$language->name})" : '' }}
                        </label>
                        <input type="text" class="form-control {{ $errors->has($moduleField.'_'.$language->local) ? 'is-invalid' : '' }}"
                               name="{{ $moduleField }}_{{ $language->local }}"
                               placeholder="{{ meta($moduleField, $language->local) ?? __("notices.$moduleField") }}"
                               value='{{ old($moduleField."_{$language->local}", $notice[$language->local]->{$moduleField} ?? "") }}'/>
                    </div>
                @endforeach
            @endforeach --}}

            @foreach(languages() as $language)
                <div class="form-group col-lg-6">
                    <label>{{ meta('description', $language->local) ?? __("notices.description")}} {{ count($languages) > 1 ? "({$language->name})" : '' }} </label>
                    <!-- my-editor -->
                    <textarea rows="5" id="description_{{ $language->local }}" name="description_{{ $language->local }}"
                              class="form-control {{ $errors->has('description_'.$language->local) ? 'is-invalid' : '' }}"
                              placeholder="{{ meta('description', $language->local) ?? __("notices.description")}}">{{ old("description_{$language->local}", $notice[$language->local]->description ?? "") }}</textarea>
                    @foreach($variables as $variable)
                        <button type="button" class="btn bg-olive btn-flat btn-sm mt-5 rounded-10 variable-btn"
                                data-id="description_{{ $language->local }}">
                            {{ $variable->symbol }}
                        </button>
                    @endforeach
                </div>
            @endforeach

            {{--
            @include('admin.partials._upload_photo', ['item_value'=>old('image', $notice->image ?? ''), 'label_name'=>meta('image', $lang) ?? __("notices.image"), 'input_name'=>'image'])
            --}}

            <div class="row w-100">
                <div class="form-group col">
                    <label>{{ meta('status', $lang) ?? __("notices.status") }} </label>
                    @foreach(['active', 'inactive'] as $status)
                        <div class="form-check">
                            <input class="form-check-input {{ $errors->has('status') ? 'is-invalid' : '' }}"
                                   type="radio" name="status" id="exampleRadios{{ $status }}" value="{{ $status }}"
                                {{old('status', $notice->status ?? 'active') == $status ? 'checked' : '' }}>
                            <label class="form-check-label" for="exampleRadios{{ $status }}">
                                {{ __("general.$status") }}
                            </label>
                        </div>
                    @endforeach
                </div> <!-- end of form-group -->
                <div class="form-group col">
                    <label>{{ meta('is_default', $lang) ?? __("notices.is_default") }} </label>
                    @foreach([0, 1] as $is_default)
                        <div class="form-check">
                            <input class="form-check-input {{ $errors->has('is_default') ? 'is-invalid' : '' }}"
                                   type="radio" name="is_default" id="exampleRadios{{ $is_default }}"
                                   value="{{ $is_default }}"
                                {{old('is_default', $notice->is_default ?? 0) == $is_default ? 'checked' : '' }}>
                            <label class="form-check-label" for="exampleRadios{{ $is_default }}">
                                {{ __("general.yes_no_$is_default") }}
                            </label>
                        </div>
                    @endforeach
                </div> <!-- end of form-group -->
                <div class="form-group col">
                    <label>{{ meta('sort', $lang) ?? __('notices.sort') }} </label>
                    <input type="number" min="0"
                           class="form-control {{ $errors->has('sort') ? 'is-invalid' : '' }}"
                           name="sort"
                           placeholder="{{ meta('sort', $lang) ?? __('notices.sort') }}"
                           value='{{ old("sort", $notice->sort ?? $maxSort ?? "") }}'/>
                </div> <!-- end of form-group -->
            </div> <!-- end of row -->

            <div class="text-center mt-5 col-12">
                <button type="submit" class="butn add_button"><span>{{ __('dashboard.save') }}</span></button>
            </div>
        </form>
    </div>

@endsection


@push('stack_scripts')
    <script>
        $('.variable-btn').click(function () {
            let variable = $(this).text().trim();
            let id = $(this).data('id');
            setTextToCurrentPos(id, variable);
        });

        function setTextToCurrentPos(areaId, text) {
            let curPos = document.getElementById(areaId).selectionStart;
            let target = $("#" + areaId);
            let x = target.val();
            target.val(x.slice(0, curPos) + text + x.slice(curPos));
        }
    </script>
@endpush

@section('inner_js')
    <!-- Editor JS files -->
    <script src="{{ asset('/assets/admin/js/lib/tinymce.min.js') }}"></script>
    <script>
        let route_prefix = "{{ url(config('lfm.prefix')) }}",
            url = "{{url('/')}}/",
            currentLanguage = "{{$lang}}",
            imagePath = "{{asset('')}}",
            inputName = null;
    </script>
    <script src="{{ asset('assets/admin/js/editor.js') }}"></script>
@endsection