@extends('backend.app')

@section('title', 'Dynamic Page Edit')

@push('style')
@endpush
@section('content')
    <div class="app-content content ">
        <!-- General setting Form section start -->
        <div class="card">
            <div class="card-header bg-primary text-white">
                <div class="d-flex justify-content-between align-items-center w-100">
                    <div>
                        <h3 class="card-title mb-0">Dynamic Page Edit</h3>
                        <small class="text-white-50">Edit the title and content (CKEditor enabled)</small>
                    </div>
                    <div>
                        <a href="{{ route('dynamicpages.index') }}" class="btn btn-light btn-sm" type="button">
                            <i class="fa fa-arrow-left me-1"></i> Manage Pages
                        </a>
                    </div>
                </div>
            </div>
            <div class="card-body py-4">

                <form action="{{ route('dynamicpages.update', $data->id) }}" method="POST" class="tm-form">
                    @csrf
                    <div class="form-field-wrapper">
                        {{-- page title input field --}}
                        <div class="form-group">
                            <label for="page_title">Page Title</label>
                            <input type="text" name="page_title"
                                class="form-control @error('page_title') is-invalid @enderror" required
                                placeholder="Enter page title here"
                                value="{{ old('page_title') ?? ($data->page_title ?? '') }}">
                            @error('page_title')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>
                    <div class="form-field-wrapper">
                        {{-- page_content input field --}}
                        <div class="form-group">
                            <label for="page_content">Page Content</label>
                            <textarea name="page_content" class="ck-editor form-control @error('page_content') is-invalid @enderror"
                                id="page_content">{{ old('page_content') ?? ($data->page_content ?? '') }}</textarea>
                            @error('page_content')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    <div class="col-12 mt-3">
                        @if(!empty($data->updated_at))
                            <div class="mb-3 text-muted">Last updated: {{ $data->updated_at->format('d M, Y H:i') }}</div>
                        @endif
                        <div class="text-end">
                            <button type="submit" class="btn btn-primary mr-1">Update</button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
@endsection
@push('script')

    {{-- Ck Editor --}}
    {{-- <script src="{{ asset('backend/plugins/tinymc/tinymce.min.js') }}"></script> --}}

    @include('backend.partials.ckeditor')

@endpush