@extends('backend.settings.page-attributes.layout')

@section('title','Page Attributes Settings')

@section('page-attributes-content')
    <form role="form" id="updatePageAttributeForm" method="POST"
          action="{{ route('app.settings.page-attributes.update', $page->id) }}">
    @csrf
        <x-forms.textbox label="{{ $page->name . ' Page Title' }}"
                         name="{{ $page->slug . '_page_title' }}"
                         value="{{ old($page->slug . '_page_title', setting($page->slug . '_page_title')) }}">
        </x-forms.textbox>

        <div class="form-group">
            <label class="form-label" for="{{ $page->slug . '_page_header' }}"><i class="fas fa-cog"></i>{{ $page->name }} Page Header</label>
            <textarea
                    name="{{ $page->slug . '_page_header' }}"
                    id="{{ $page->slug . '_page_header' }}"
                    class="rich-text-editor form-control @error($page->slug . '_page_header') is-invalid @enderror"
            >
                {{ old($page->slug . '_page_header', setting($page->slug . '_page_header')) }}
            </textarea>
            @error($page->slug . '_page_header')
            <span class="invalid-feedback" role="alert">
                <strong>{{ $message }}</strong>
            </span>
            @enderror
        </div>

        <div class="form-group">
            <label class="form-label" for="{{ $page->slug . '_page_content' }}"><i class="fas fa-cog"></i>{{ $page->name }} Page Content</label>
            <textarea
                    name="{{ $page->slug . '_page_content' }}"
                    id="{{ $page->slug . '_page_content' }}"
                    class="rich-text-editor form-control @error($page->slug . '_page_content') is-invalid @enderror"
            >
                {{ old($page->slug . '_page_content', setting($page->slug . '_page_content')) }}
                </textarea>
            @error($page->slug . '_page_content')
            <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label class="form-label" for="{{ $page->slug . '_page_footer' }}"><i class="fas fa-cog"></i>{{ $page->name }} Page Footer</label>
            <textarea
                    name="{{ $page->slug . '_page_footer' }}"
                    id="{{ $page->slug . '_page_footer' }}"
                    class="rich-text-editor form-control @error($page->slug . '_page_footer') is-invalid @enderror"
            >
                {{ old($page->slug . '_page_footer', setting($page->slug . '_page_footer')) }}
                </textarea>
            @error($page->slug . '_page_footer')
            <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>

        <div class="form-group">
            <label class="form-label" for="training_records_page_footer">{{ $page->name }} Installation Code</label>
            <div class="page-installation-code">
                <div class="position-relative">
                    <textarea id="installation-code" rows="12" readonly class="copy-area form-control pt-4">{{ $embed }}</textarea>
                    <button  type="button" id="copyit" class="btn-shadow btn btn-xs btn-outline-dark position-absolute" onclick="InstallationCode.copy('.copy-area', this)"><i class="fas fa-clipboard"></i> Copy</button>
                </div>
            </div>
        </div>

        <div class="form-group mt-3 d-grid gap-2 d-block d-sm-inline-block">
            <button type="submit" class="btn-shadow btn btn-primary">
                <i class="fas fa-arrow-circle-up"></i>
                <span>Update Attributes</span>
            </button>
            <a class="btn-shadow btn btn-danger" href="{{ route('app.settings.page-attributes.all') }}">
                <span>Cancel</span>
            </a>
        </div>
    </form>
@endsection

@push('js')
    <script src="{{ url(asset('tinymce/js/tinymce.min.js')) }}" referrerpolicy="origin"></script>

    <script>
        AppTinyMCE.init({selector: 'textarea.rich-text-editor'});
    </script>
@endpush