@extends('layouts.' . $viewPrefix . '.' . session('layout', 'app'))

@section('title', setting('training_records_page_title', 'Training Records'))

@section('content')
<form role="form" id="updatePageAttributeForm" method="POST"
      action="{{ route($routePrefix . '.trainings.page.attributes') }}">
    @csrf
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="pe-7s-users icon-gradient bg-mean-fruit">
                    </i>
                </div>
                <div>{{ __('Edit Page') }}</div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <button type="submit" class="btn-shadow btn btn-primary">
                        <i class="fas fa-arrow-circle-up"></i>
                        <span>Update Page</span>
                    </button>
                    <a href="{{ route($routePrefix . '.trainings.all') }}" class="btn-shadow btn btn-danger">
                        <span class="btn-icon-wrapper pr-2 opacity-7">
                            <i class="fas fa-arrow-circle-left fa-w-20"></i>
                        </span>
                        {{ __('Back to Records') }}
                    </a>

                </div>


            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12">
            <x-forms.select label="Page for"
                            name="page">
                <option value=""></option>
                @foreach($pages as $name => $slug)
                    <option value="{{ $slug }}" {{ $page === $slug ? 'selected' : '' }}>{{ $name }}</option>
                @endforeach

            </x-forms.select>

            <x-forms.textbox label="Page Title"
                             name="training_records_page_title"
                             value="{{ old('training_records_page_title', setting('training_records_page_title')) }}">
            </x-forms.textbox>

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

            <div class="form-group">
                <label class="form-label" for="training_records_page_content"><i class="fas fa-cog"></i> Page Content</label>
                <textarea
                        name="training_records_page_content"
                        id="training_records_page_content"
                        class="rich-text-editor form-control @error('training_records_page_content') is-invalid @enderror"
                >
                {{ old('training_records_page_content', setting('training_records_page_content')) }}
                </textarea>
                @error('training_records_page_content')
                <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"><i class="fas fa-cog"></i> Page Footer</label>
                <textarea
                        name="training_records_page_footer"
                        id="training_records_page_footer"
                        class="rich-text-editor form-control @error('training_records_page_footer') is-invalid @enderror"
                >
                {{ old('training_records_page_footer', setting('training_records_page_footer')) }}
                </textarea>
                @error('training_records_page_footer')
                <span class="invalid-feedback" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
                @enderror
            </div>
        @if(request()->user()->can('embed', \App\Models\Training::class))
            <div class="form-group">
                <label class="form-label" for="training_records_page_footer"><i class="fas fa-cog"></i> 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>
        @endif
            <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 Page</span>
                </button>
                <a class="btn-shadow btn btn-danger" href="{{ route($routePrefix . '.trainings.all') }}">
                    <span>Cancel</span>
                </a>
            </div>
        </div>
    </div>
</form>
@endsection

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

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