@extends('admin.layouts.master')
@section('css')
    <style>
        .ck-editor__editable
        {
            min-height: 300px !important;
        }
    </style>
@endsection
@section('content')
    <div class="col-lg-12">
    {!! Form::open(array('route' => \App\Helpers\Helper::adminPrefix(). '.store', 'name' => 'user-form',
    'id' => 'user-form', 'autocomplete' => 'off')) !!}
    <div class="card card-primary card-outline">
        <div class="card-header">
            <h3 class="card-title">{{ __('Create') }} {{ \App\Helpers\Helper::pagePrefix(2) }}</h3>
            <div class="card-tools">
                <div class="btn-group">
                    <button class="btn btn-primary" type="submit"><i class="fa fa-check-circle"></i> Save</button>
                    <a class="btn btn-danger" href="{!! route(\App\Helpers\Helper::adminPrefix()) !!}">
                        <i class="fa fa-times-circle"></i> Cancel
                    </a>
                </div>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col">
                    <div class="form-group">
                        {!! Form::label('lang_id', 'Language :', ['class' => 'control-label']) !!}
                        {!! Form::select('lang_id', \App\Helpers\Helper::language(false), old('lang_id'),
                            ['class' => $errors->has('lang_id') ? 'form-control is-invalid' : 'form-control', 'id' => 'role_id']) !!}
                        @if ($errors->has('lang_id'))
                            <span class="help-block invalid-feedback">
                                <strong>{{ $errors->first('lang_id') }}</strong>
                            </span>
                        @endif
                    </div>
                    <div class="form-group">
                        {!! Form::label('title', 'Title :', ['class' => 'control-label']) !!}
                        {!! Form::text('title', old('title'), ['class' => $errors->has('title') ? 'form-control is-invalid' : 'form-control',
                        'id' => 'title', 'placeholder' => 'Page title']) !!}
                        @if ($errors->has('title'))
                            <span class="help-block invalid-feedback">
                            <strong>{{ $errors->first('title') }}</strong>
                        </span>
                        @endif
                    </div>
                </div>
                <div class="col">
                    <div class="form-group">
                        {!! Form::label('status', 'Active :', ['class' => 'control-label']) !!}
                        <div class="input-group">
                            <div class="icheck-success d-inline mr-3">
                                {!! Form::radio('status', '1', old('status', true), ['id' => 'statuson']) !!}
                                {!! Form::label('statuson', 'Yes') !!}
                            </div>
                            <div class="icheck-danger d-inline">
                                {!! Form::radio('status', '0', old('status', false), ['id' => 'statusoff']) !!}
                                {!! Form::label('statusoff', 'No') !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                {!! Form::label('description', 'Description :', ['class' => 'control-label']) !!}
                {!! Form::textarea('description', old('description'), ['class' => $errors->has('description') ? 'form-control is-invalid' : 'form-control',
                'id' => 'description', 'placeholder' => 'Description', 'rows' => 12]) !!}
                @if ($errors->has('description'))
                    <span class="help-block invalid-feedback">
                        <strong>{{ $errors->first('description') }}</strong>
                    </span>
                @endif
            </div>
        </div>
    </div>
    {!! Form::close() !!}
    </div>
@endsection
@section('script')
    <script src="https://cdn.ckeditor.com/ckeditor5/12.4.0/classic/ckeditor.js"></script>
    <script>
        $(function() {
            ClassicEditor
                .create( document.querySelector( '#description' ))
                .then( editor => {
                    //console.log( editor );
                } )
                .catch( error => {
                    console.error( error );
                } );
        });
    </script>
@endsection