@extends('layouts.admin')
@section('title',$kind==='page'?'Page editor':'Footer editor')
@section('admin-content')
<div class="pe-app" id="pe-app">
<header class="page-editor-toolbar"><a class="pe-exit" href="{{ route('admin.preferences') }}" title="Back to admin">←</a><strong>{{ $kind==='page'?'Page editor':'Footer editor' }}</strong><select id="pe-theme" aria-label="Editing theme"><option value="cat-pastel" @selected($theme==='cat-pastel')>Cat Pastel</option><option value="christmas" @selected($theme==='christmas')>Christmas</option></select><span class="pe-theme-state">{{ $theme===(\App\Services\WebsiteThemes::current()['name'])?'Active theme':'Inactive theme' }}</span><a href="{{ route('admin.page-editor',['kind'=>$kind==='page'?'footer':'page','theme'=>$theme]) }}">{{ $kind==='page'?'Edit footer':'Edit page' }}</a><div class="pe-devices"><button type="button" data-pe="desktop" aria-label="Desktop preview">Desktop</button><button type="button" data-pe="tablet" aria-label="Tablet preview">Tablet</button><button type="button" data-pe="mobile" aria-label="Mobile preview">Mobile</button></div><button type="button" data-pe="undo">↶ Undo</button><button type="button" data-pe="redo">↷ Redo</button><button type="button" data-pe="refresh">Preview</button><button type="button" data-pe="draft">Save draft</button><button type="button" data-pe="publish" class="pe-publish">Publish</button></header>
<div class="page-editor-workspace"><aside class="pe-sidebar"><div class="pe-sidebar-head"><button type="button" id="pe-widgets-toggle">▦ Widgets</button><strong id="pe-selection-label">Edit block</strong></div><div class="pe-tabs" role="tablist"><button type="button" data-pe-tab="content" role="tab" aria-selected="true">Content</button><button type="button" data-pe-tab="style" role="tab" aria-selected="false">Style</button><button type="button" data-pe-tab="advanced" role="tab" aria-selected="false">Advanced</button></div><div class="pe-sidebar-scroll"><div id="pe-widget-panel" hidden><h3>Add a block</h3><div id="pe-add"></div></div><section id="pe-footer-settings">@if($kind==='footer')<h3>Final footer area</h3><p>These columns belong to the bottom footer strip, with the Christmas snow and Santa car integrated.</p><label>Footer columns<select id="pe-columns">@for($i=1;$i<=4;$i++)<option value="{{ $i }}">{{ $i }}</option>@endfor</select></label><div id="pe-widths"></div>@endif</section><div id="pe-properties">Select a block in the canvas.</div></div><div class="pe-sidebar-bottom"><button type="button" id="pe-structure-toggle">☷ Structure</button><button type="button" data-pe="defaults">Restore default</button></div></aside><section class="pe-preview"><iframe id="pe-frame" title="Live design canvas" sandbox="allow-same-origin" referrerpolicy="no-referrer"></iframe></section><aside class="pe-structure" id="pe-structure" hidden><div><strong>Structure</strong><button type="button" id="pe-structure-close" aria-label="Close structure">×</button></div><p>Drag to reorder. Protected functions stay intact.</p><div id="pe-layout"></div></aside></div><p id="pe-status" role="status">Draft · changes appear for visitors only after Publish.</p></div>
<script type="application/json" id="pe-data">{!! json_encode(['kind'=>$kind,'theme'=>$theme,'design'=>$state['design'],'revision'=>$state['revision'],'defaults'=>$defaults,'core'=>$core,'saveUrl'=>route('admin.page-editor.save',$kind),'previewUrl'=>route('admin.page-editor.preview',$kind),'editorUrl'=>route('admin.page-editor',$kind),'canEdit'=>app(\App\Services\TeamAccess::class)->can(auth()->user(),'pages.edit'),'canPublish'=>app(\App\Services\TeamAccess::class)->can(auth()->user(),'pages.publish')],JSON_HEX_TAG|JSON_HEX_AMP|JSON_HEX_APOS|JSON_HEX_QUOT) !!}</script>
@endsection
@push('scripts')<link rel="stylesheet" href="{{ asset('wheel/theme-page-editor.css') }}"><script src="{{ asset('wheel/theme-page-editor.js') }}" defer></script>@endpush