{{-- Extends layout --}}
@extends('layout.default')

{{-- Content --}}
@section('content')
<form method="post" action="{{ route('website-pages.store') }}" class="card card-custom" enctype="multipart/form-data">
        @csrf

        <div class="card-header">
            <h3 class="card-title">New - Website Page</h3>
        </div>

        <div class="card-body">
            <div class="row">
                <div class="col-12 col-lg-6">
                    <div class="form-group">
                        <label><b>Menu Name</b></label>
                        <input class="form-control" type="text" name="menu_name" value="{{ old('menu_name') }}" placeholder="Name of Menu Navigation" required>
                    </div>
                </div>
                <div class="col-12 col-lg-6">
                    <label><b>Menu Icon</b></label>
                    <div class="row">
                        <div class="col-12 col-lg-auto">
                            <img class="img-fluid bg-light p-3" id="menu-icon-image" src="" width="48" alt="Menu Icon">
                        </div>
                        <div class="col-12 col-lg">
                            <div class="custom-file">
                                <input class="custom-file-input" type="file" name="menu_icon" id="menu-icon" accept="image/x-png,image/gif,image/jpeg,image/jpg">
                                <label class="custom-file-label" for="menu-icon">Choose File</label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label><b>Meta Title</b></label>
                <input class="form-control" type="text" name="meta_title" value="{{ old('title') }}" placeholder="Most search engines use a maximum of 60 chars for the title." required>
            </div>
            
            <div class="form-group">
                <label><b>Meta Keywords</b></label>
                <input class="form-control" type="text" name="meta_keywords" value="{{ old('keywords') }}" placeholder="Keywords (comma separated)" required>
            </div>

            <div class="form-group">
                <label for="description"><b>Meta Description</b></label>
                <textarea class="form-control" name="meta_description" spellcheck="false" placeholder="Most search engines use a maximum of 160 chars for the description.">{{ old('description') }}</textarea>
            </div>

            <div class="form-group">
                <label><b>Content Article</b></label>
                <textarea class="form-control-editor" id="article" name="content_article" spellcheck="false" placeholder="Website Page Article">{{ old('article') }}</textarea>
            </div>
        </div>

        <div class="card-footer">
            <button type="submit" class="btn btn-primary font-weight-bold">Create</button>
        </div>
    </form>
{{-- <script src="{{ asset('js/pages/features/miscellaneous/sweetalert2.js') }}"></script> --}}
{{-- <script src="{{ asset('js/pages/crud/ktdatatable/base/html-table.js') }}" type="text/javascript"></script> --}}
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
  <script type="text/javascript">
  tinymce.init({
    selector: '#article'
  });
  </script>
@endsection