@extends('layouts.admin')

@section('title', 'Add New Page')

@section('content')
<div class="container">
    
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ route('admin.pages.index') }}">Pages</a></li>
            <li class="breadcrumb-item active" aria-current="page">Create Page</li>
        </ol>
    </nav>
    
    <h1 class="mb-4">Create Page</h1>

    <form action="{{ route('admin.pages.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        <div class="mb-3">
            <label for="question" class="form-label">Title</label>
            <input type="text" class="form-control @error('question') is-invalid @enderror" id="title" name="title" value="" required>
            @error('title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="pagesection_id" class="form-label">Page Section</label>
            <select class="form-select" id="pagesection" name="pagesection_id">
                <option value="0">None</option>
                @foreach($pageSections as $section)
                    <option value="{{ $section->id }}">
                        {{ $section->title }}
                    </option>
                @endforeach
            </select>
        </div>
        
        <div class="mb-3">
            <label for="question" class="form-label">Submenu Title</label>
            <input type="text" class="form-control @error('question') is-invalid @enderror" id="submenu_title" name="submenu_title" value="">
            @error('submenu_title')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="question" class="form-label">Order</label>
            <input type="name" step="0" min="0" class="form-control @error('question') is-invalid @enderror" id="order_number" name="order_number" value="" required>
            @error('order_number')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="answer" class="form-label">Content Before</label>
            <textarea class="form-control @error('answer') is-invalid @enderror" id="content_before" name="content_before" rows="10"></textarea>
            @error('content_before')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label for="answer" class="form-label">Content <strong>(required)</strong></label>
            <textarea class="form-control @error('answer') is-invalid @enderror" id="content" name="content" rows="10" required></textarea>
            @error('content')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
        
        <div class="mb-3">
            <label for="image" class="form-label">Upload Image</label>
            <input type="file" class="form-control" id="image" name="image">
        </div>

        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" id="section_homepage" name="section_homepage" value="1">
            <label class="form-check-label" for="section_homepage">
                Is this the section homepage? <small>Only one page per section should be marked as the home page.</small>
            </label>
        </div>        

        <div class="form-check mb-3">
            <input class="form-check-input" type="checkbox" id="hide_from_menu" name="hide_from_menu" value="1">
            <label class="form-check-label" for="hide_from_menu">
                Hide from menu?
            </label>
        </div>

        <button type="submit" class="btn btn-primary">Save</button>
        <a href="{{ route('admin.pages.index') }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>

<!-- Include TinyMCE -->
<!--script src="https://cdn.tiny.cloud/1/o35nrvszar8z284zvothcsrb3ffnhkvvq3e3za5ilc6en51r/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
<script>
    tinymce.init({
        selector: '#content, #content_before',
        plugins: 'advlist autolink lists link image charmap preview anchor',
        toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }',
        setup: function (editor) {
			editor.on('change', function () {
				editor.save(); // Uloží obsah zpět do textarea před odesláním
			});
		}
    });
</script-->
 <script>
$(document).ready(function() {
  $('#content').summernote();
  $('#content_before').summernote();
});
</script>

<script>
     $('#pagesection').select2({
         theme: 'bootstrap4',
         placeholder: 'Select a Page Section',
         allowClear: true
     });
 </script> 
    
@endsection