@extends('layouts.app')

@section('content')
    <article class="active text">
        <header>
            <h2 class="h2 article-title">Update Page</h2>
        </header>
        <section>
            <span class="float-end">
                <a href="{{ route('admin.page.index') }}"><i class="fa-solid fa-left-long"> Back</i></a>
            </span>
            @if($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form action="{{ route('admin.page.update', ['page'=>$page]) }}" method="POST">
                @csrf
                {{ method_field('PUT') }}
                <div class="form-group mb-3">
                    <label for="slug">{{ __('Slug') }}</label>
                    <input id="slug" name="slug" class="form-control" type="text" value="{{ old('slug', $page->slug) }}" @if($page->slug==='/') disabled @endif required>
                </div>
                <div class="form-group mb-3">
                    <label for="title">{{ __('Title') }}</label>
                    <input id="title" name="title" class="form-control" value="{{ old('title', $page->title) }}" required>
                </div>
                <div class="form-group mb-3">
                    <label for="meta_title">{{ __('Meta Title') }}</label>
                    <input id="meta_title" name="meta_title" class="form-control" type="text" value="{{ old('meta_title', $page->meta_title) }}">
                </div>
                <div class="form-group mb-3">
                    <label for="meta_description">{{ __('Meta Description') }}</label>
                    <textarea id="meta_description" name="meta_description" class="form-control" rows="3">{{ old('meta_description', $page->meta_description) }}</textarea>
                </div>
                <div class="form-group mb-3">
                    <label for="canonical_url">{{ __('Canonical URL') }}</label>
                    <input id="canonical_url" name="canonical_url" class="form-control" type="url" value="{{ old('canonical_url', $page->canonical_url) }}">
                </div>
                <div class="form-check mb-3">
                    <input type="checkbox" class="form-check-input" id="in_menu" name="in_menu" @checked(old('in_menu', $page->in_menu))>
                    <label class="form-check-label" for="in_menu">{{ __('In Menu?') }}</label>
                </div>
                <div class="form-check mb-3">
                    <input type="checkbox" class="form-check-input" id="published" name="published" @if($page->slug==='/') disabled @endif @checked(old('published', $page->published))>
                    <label class="form-check-label" for="published">{{ __('Published?') }}</label>
                </div>
                <div class="form-group mb-3">
                    <label for="content">{{ __('Content') }}</label>
                    <textarea id="content" name="content" class="form-control border-1 border-dark" required>{{ old('content', $page->content) }}</textarea>
                </div>
                <button id="submitPage" type="submit" class="btn btn-primary">{{ __('Update Page') }}</button>
            </form>
        </section>
    </article>
@endsection

@section('script')
{{--    <script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/6.6.2/tinymce.min.js" integrity="sha512-lLE5tUMZXmDmyGWI5KDlFemVusXiALcU1lPibL4xkPbPvuOXfXcdoeU3KBDxWp18/KOzrfKkgsscN1t9740ciA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>--}}
{{--    <script>--}}
{{--        tinymce.init({--}}
{{--            selector: 'textarea#content',--}}
{{--            plugins: 'linkchecker autolink link',--}}
{{--            toolbar: 'undo redo | styles | bold italic | alignleft aligncenter alignright alignjustify | link',--}}
{{--        });--}}
{{--    </script>--}}
@endsection