@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($option ?? ''  && $option->id)
            @method('PUT')
        @endif
        @csrf

        <div class="row w-100">
            <div class="form-group col">
                <label>{{ meta('cat_option_id', $lang) ?? __('options.cat_option_id') }} </label>
                <select name="cat_option_id" class="form-control {{ $errors->has('cat_option_id') ? 'is-invalid' : '' }}">
                    <option value="">{{__('options.cat_option_id')}}</option>
                    @foreach($notificationCategories as $category)
                        <option {{old('cat_option_id', $option->cat_option_id ?? null) == $category->id ? 'selected' : '' }} value="{{ $category->id }}">
                            {{ $category->currentDescription->title ?? "" }}
                        </option>
                    @endforeach
                </select>
            </div> <!-- end of form-group -->
            <div class="form-group col">
                <label>{{ meta('role', $lang) ?? __('options.role') }} </label>
                <select name="role" class="form-control {{ $errors->has('role') ? 'is-invalid' : '' }}">
                    <option value="">{{__('options.role')}}</option>
                    @foreach(getUsersRoles(false) as $role)
                        <option {{old('role', $option->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) ?? __('options.type_key') }} </label>
                <select name="type_key" class="form-control {{ $errors->has('type_key') ? 'is-invalid' : '' }}">
                    <option value="">{{__('options.type_key')}}</option>
                    @foreach($notificationTypes as $type)
                        <option {{old('type_key', $option->type_key ?? null) == $type->id ? 'selected' : '' }} value="{{ $type->id }}">
                            {{ $type->currentDescription->title ?? "" }}
                        </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) ?? __("options.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) ?? __("options.title") }}" value='{{ old("title_{$language->local}", $option[$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) ?? __("options.$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) ?? __("options.$moduleField") }}"
                           value='{{ old($moduleField."_{$language->local}", $option[$language->local]->{$moduleField} ?? "") }}'/>
                </div>
            @endforeach
        @endforeach --}}

        @foreach(languages() as $language)
            <div class="form-group col-lg-6">
                <label>{{ meta('description', $language->local) ?? __("options.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) ?? __("options.description")}}">{{ old("description_{$language->local}", $option[$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

        {{--
        <div class="form-group col-lg-12">
            <label>{{ meta('item_number', $lang) ?? __("options.item_number") }} </label>
            <input type="text"
                   class="form-control {{ $errors->has('item_number') ? 'is-invalid' : '' }}"
                   name="item_number"
                   placeholder="{{ meta('item_number', $lang) ?? __("options.item_number") }}"
                   value='{{ old("item_number", $option->item_number ?? "") }}'/>
        </div> <!-- end of form-group -->

        <div class="form-group col-lg-12">
            <label>{{ meta('item_name', $lang) ?? __("options.item_name") }} </label>
            <input type="text"
                   class="form-control {{ $errors->has('item_name') ? 'is-invalid' : '' }}"
                   name="item_name"
                   placeholder="{{ meta('item_name', $lang) ?? __("options.item_name") }}"
                   value='{{ old("item_name", $option->item_name ?? "") }}'/>
        </div> <!-- end of form-group -->

        @for($i = 2; $i <= $maxItemNames; $i++)
            <div class="form-group col-lg-12">
                <label>{{ meta('item_name'.$i, $lang) ?? __("options.item_name$i") }} </label>
                <input type="text"
                       class="form-control {{ $errors->has('item_name'.$i) ? 'is-invalid' : '' }}"
                       name="item_name{{ $i }}"
                       placeholder="{{ meta('item_name'.$i, $lang) ?? __("options.item_name$i") }}"
                       value='{{ old("item_name$i", $option->{'item_name'.$i} ?? "") }}'/>
            </div> <!-- end of form-group -->
        @endfor

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

        <div class="row w-100">
            <div class="form-group col">
                <label>{{ meta('status', $lang) ?? __("options.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', $option->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) ?? __("options.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', $option->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) ?? __('options.sort') }} </label>
                <input type="number" min="0"
                       class="form-control {{ $errors->has('sort') ? 'is-invalid' : '' }}"
                       name="sort"
                       placeholder="{{ meta('sort', $lang) ?? __('options.sort') }}"
                       value='{{ old("sort", $option->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