@extends('layouts.admin')

@section('style')
    @parent
    <link rel="stylesheet" href="{{ mix('css/admin-setting-style.css') }}">
    <link rel="stylesheet" href="{{ mix('css/admin-maint-style.css') }}">
@endSection

@section('script')
    @parent
    <script src="{{ mix('js/admin/admin-maint.js') }}"></script>
    <script src="{{ asset('assets/bower/ckeditor/ckeditor.js') }}"></script>
    <script>
        $(function() {
            $('button.btn-convert-editor').on('click', function() {
                const el_btn = $(this);

                el_btn.closest('.form-group').find('textarea').each(function() {
                    if (!this.id) {
                        this.id = this.name;
                    }
                    if (CKEDITOR) {
                        CKEDITOR.replace(this.id);
                    }
                });
                el_btn.remove();
            });
        });
    </script>
@endsection

@section('content')
@php
    $page_title =  __('admin_setting.titleEditTransGroupKey') .' <small>'.  $translation['group'] .'-'. $translation['key'].'</small>';
@endphp

<section class="content">
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary card-outline shadow">
                <div class="card-header">
                    <h3 class="card-title">{{ __('admin_setting.labelDetails') }}</h3>
                </div>

                <div class="card-body">
                    <form class="form-horizontal form-language" method="POST" autocomplete="off"
                        action="{{ route('admin.settings.save.trans_group.item', ['group' => $translation['group'], 'key' => $translation['key']]) }}">
                        @csrf

                        @foreach ($translation['langs'] as $key => $value)
                            <div class="form-group row {{ $errors->has($key) ? 'has-error' : '' }}">
                                <label class="col-sm-2 control-label">
                                    <span>{{ $key }}</span>
                                    <button class="btn btn-xs btn-link btn-convert-editor">Convert To Editor</button>
                                </label>
                                <div class="col-sm-10">
                                    <textarea name="{{ $key }}" class="form-control">{{ $value }}</textarea>

                                    @if($errors->has($key))
                                        <small class="help-block">{{ $errors->first($key) }}</small>
                                    @endif
                                </div>
                            </div>
                        @endforeach

                        <div class="card-footer">
                            <button type="submit" class="btn btn-info float-right">
                                {{ __('admin_setting.btnSave') }}
                            </button>
                        </div>

                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection