@extends('layouts.app')
@section('styles')

    <!-- INTERNAl Quill css -->
    {{--<link href="{{asset('assets/plugins/quill/quill.snow.css')}}" rel="stylesheet">--}}
    {{--<link href="{{asset('assets/plugins/quill/quill.bubble.css')}}" rel="stylesheet">--}}

    <!-- INTERNAl WYSIWYG Editor css -->
    {{--<link href="{{asset('assets/plugins/wysiwyag/richtext.css')}}" rel="stylesheet" />--}}
    {{--<link href="{{asset('assets/plugins/wysiwyag/richtext-rtl.css')}}" rel="stylesheet" />--}}

@endsection
@section('content')
    <!--Page header-->
    <div class="page-header">
        <div class="page-leftheader">
            <h4 class="page-title mb-0 text-primary">الصفحات الثابته</h4>
        </div>
    </div>
    <!--End Page header-->

    <!-- Row -->
    <x-form.form title="تعديل صفحة" method="put" action="{{ route('admin.static_pages.update', $static_page) }}">
{{--@dd($static_page->translate('en')->content)--}}
        <x-form.input id="ar.name" name='ar[name]' value="{{ $static_page?->translate('ar')?->name }}"
            title="الاسم باللغة العربية" />
        <x-form.input id="en.name" name='en[name]' value="{{ $static_page?->translate('en')?->name }}"
            title="الاسم باللغة الإنجليزية" />
        <div class="form-group">
            <label for="ar.content" class="form-label">المحتوي باللغة العربية</label>
            <textarea class="content" id="ar_content" name='ar[content]'>{{ $static_page?->translate('ar')?->content }}</textarea>
        </div>
        <div class="form-group">
            <label for="en.content" class="form-label">المحتوي باللغة الإنجليزية</label>
            <textarea  class="content" id="en_content" name='en[content]'>{{ $static_page?->translate('en')?->content }}</textarea>
        </div>

        {{--<x-form.textarea id="ar.content" name='ar[content]' value="{{ $static_page->translate('ar')->content }}"--}}
            {{--title="المحتوي باللغة العربية" />--}}
        {{--<x-form.textarea id="en.content" name='en[content]' value="{{ $static_page->translate('en')->content }}"--}}
            {{--title="المحتوي باللغة الإنجليزية" />--}}

        <button type="submit" class="btn btn-primary mt-4 mb-0">حفظ</button>


    </x-form.form>
    <!-- /Row -->
@endsection('content')
@section('scripts')

    {{--<!-- INTERNAL WYSIWYG Editor js -->--}}
    {{--<script src="{{asset('assets/plugins/wysiwyag/jquery.richtext.js')}}"></script>--}}
    {{--<script src="{{asset('assets/js/form-editor.js')}}"></script>--}}

    {{--<!-- INTERNAL quill js -->--}}
    {{--<script src="{{asset('assets/plugins/quill/quill.min.js')}}"></script>--}}
    {{--<script src="{{asset('assets/js/form-editor2.js')}}"></script>--}}
    <script src="https://cdn.ckeditor.com/ckeditor5/37.0.1/classic/ckeditor.js"></script>
    <script>
        ClassicEditor
            .create( document.querySelector( '#en_content' ) )
            .catch( error => {
                console.error( error );
            } );
        ClassicEditor
            .create( document.querySelector( '#ar_content' ) )
            .catch( error => {
                console.error( error );
            } );
    </script>

@endsection