@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" />--}}

@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="post" action="{{ route('admin.static_pages.store') }}">

        <x-form.input id="ar.name" name='ar[name]' value="{{ old('ar.name') }}"
            title="الاسم باللغة العربية" />
        <x-form.input id="en.name" name='en[name]' value="{{ old('en.name') }}"
            title="الاسم باللغة الإنجليزية" />

        {{--<x-form.textarea id="ar.content" name='ar[content]' value="{{ old('ar.content') }}"--}}
            {{--title="المحتوي باللغة العربية" />--}}
        {{--<x-form.textarea id="en.content" name='en[content]' value="{{ old('en.content') }}"--}}
            {{--title="المحتوي باللغة الإنجليزية" />--}}
        <div class="form-group">
            <label for="ar.content" class="form-label">المحتوي باللغة العربية</label>
            <textarea class="content" id="ar_content" name='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]'></textarea>
        </div>

        <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