@extends('layouts.admin')
@section('title',$kind==='page'?'Page editor':'Footer editor')
@section('admin-content')
<div class="eyebrow">VISUAL WEBSITE EDITOR</div><h1>{{ $kind==='page'?'Page editor':'Footer editor' }}.</h1>
<div class="page-editor-toolbar"><label>Editing theme<select id="pe-theme"><option value="cat-pastel" @selected($theme==='cat-pastel')>Cat Pastel</option><option value="christmas" @selected($theme==='christmas')>Christmas</option></select></label><strong>{{ $theme===(\App\Services\WebsiteThemes::current()['name'])?'Active theme':'Inactive theme' }}</strong><a href="{{ route('admin.page-editor',['kind'=>$kind==='page'?'footer':'page','theme'=>$theme]) }}">{{ $kind==='page'?'Edit footer':'Edit page' }}</a><button type="button" data-pe="undo">Undo</button><button type="button" data-pe="redo">Redo</button><button type="button" data-pe="desktop">Desktop</button><button type="button" data-pe="mobile">Mobile</button><button type="button" data-pe="defaults">Restore default</button><button type="button" data-pe="draft">Save draft</button><button type="button" data-pe="publish">Publish</button></div>
<p id="pe-status" role="status">Changes remain in draft until published. Click a block in the preview to edit it.</p>
<div class="page-editor-workspace"><aside class="panel"><h2>Blocks</h2><p>Drag cards to reorder; use Alt + arrow keys or Move up/down. Click a block type to add.</p><div id="pe-add"></div><div id="pe-layout"></div></aside><section class="pe-preview"><iframe id="pe-frame" title="Live design preview" sandbox="allow-same-origin" referrerpolicy="no-referrer"></iframe></section><aside class="panel"><h2>Settings</h2>@if($kind==='footer')<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<div id="pe-properties">Select a block.</div></aside></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