@extends('admin.layout.master')
@section('css')
    <link rel="stylesheet" href="{{asset('assets/admin/css/table.css')}}">
@stop
@section('body')
    <div class="row">
        <div class="col-md-12">
            <div class="tile">
                <h3 class="tile-title ">{{$page_title}}
                    <a href="{{route('custom-pages.index')}}" class="btn btn-success btn-md pull-right ">
                        <i class="fa fa-eye"></i> Back
                    </a>
                </h3>
                <div class="tile-body">
                    @if(isset($page))
                        <form role="form" method="POST" action="{{route('custom-pages.update',$page->id)}}"
                              name="editForm" enctype="multipart/form-data">
                            {{ method_field('PUT') }}
                            @endif
                            <form role="form" method="POST" action="{{route('custom-pages.store')}}" name="editForm"
                                  enctype="multipart/form-data">
                                {{ csrf_field() }}

                                <div class="row">
                                    <div class="col-md-12">
                                        <h6> Title</h6>
                                        <div class="input-group">
                                            <input type="text" class="form-control input-lg"
                                                   value="@if(isset($page)){{$page->title}}@else{{ old('title') }}@endif"
                                                   name="title" required>
                                            <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-font"></i>
                                            </span>
                                            </div>
                                        </div>
                                        @if ($errors->has('title'))
                                            <div class="error">{{ $errors->first('title') }}</div>
                                        @endif
                                    </div>
                                    <div class="col-md-12 mt-3">
                                        <h6> Subtitle</h6>
                                        <div class="input-group">
                                            <input type="text" class="form-control input-lg"
                                                   value="@if(isset($page)){{$page->subtitle}}@else{{ old('subtitle') }}@endif"
                                                   name="subtitle">
                                            <div class="input-group-append">
                                        <span class="input-group-text">
                                            <i class="fa fa-font"></i>
                                            </span>
                                            </div>
                                        </div>
                                        @if ($errors->has('subtitle'))
                                            <div class="error">{{ $errors->first('subtitle') }}</div>
                                        @endif
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Content</h6>
                                        <textarea name="content" rows="6" class="form-control my-editor">
                                            @if(isset($page)){{$page->content}}@else{{ old('content') }}@endif
                                        </textarea>
                                        @if ($errors->has('content'))
                                            <div class="error">{{ $errors->first('content') }}</div>
                                        @endif
                                    </div>

                                </div>
                                <br>
                                <div class="row">
                                    <hr/>
                                    <div class="col-md-12 ">
                                        <button class="btn btn-primary btn-block btn-lg">Save</button>
                                    </div>
                                </div>
                            </form>
                </div>
            </div>
        </div>
    </div>

@stop

@section('script')
    <script src="{{ asset('assets/admin/js/tinymce/tinymce.min.js') }}" type="text/javascript"></script>
    <script>
        var editor_config = {
            path_absolute: "/",
            selector: "textarea.my-editor",
            plugins: [
                "advlist autolink lists link image charmap print preview hr pagebreak",
                "searchreplace wordcount visualblocks visualchars code",
                "insertdatetime media nonbreaking save table contextmenu directionality",
                "emoticons paste textcolor colorpicker textpattern"
            ],
            toolbar: 'undo redo | styleselect | forecolor bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media preview',
            relative_urls: false,
            height: 350,
            language: '{{ app()->getLocale() }}',
        };

        tinymce.init(editor_config);
    </script>
@stop