@extends('layouts.admin')
@section('title', 'Additional sections for '.$entry->title)
@section('page_heading', 'Content sections')
@section('content')
<a class="text-link" href="{{ route('admin.content.edit', [$kind,$entry]) }}">← Edit {{ $entry->title }}</a>
<span class="eyebrow" style="display:flex;margin-top:26px">Flexible page builder</span><h2>Extend {{ $entry->title }} with your own sections.</h2><p class="admin-intro">Create as many sections as you need without developer work. Choose an image, heading, useful copy, layout, optional action, display order and whether visitors can see it. Lower display orders appear first. Every addition is saved through a confirmation dialogue.</p>
<div class="admin-panel"><div class="admin-toolbar"><h3>Page sections ({{ $sections->count() }})</h3><a class="text-link" href="{{ route('admin.content.preview', $entry) }}" target="_blank" rel="noopener">Preview saved sections ↗</a></div>
<div class="cms-section-list">@forelse($sections as $section)<div class="cms-section-row"><div>@if($section->image_url)<img src="{{ $section->image_url }}" alt="" loading="lazy">@endif</div><div><strong>{{ $section->heading }}</strong><p>{{ \Illuminate\Support\Str::limit($section->body, 110) }}</p><span class="status {{ $section->published ? '' : 'draft' }}">{{ $section->published ? 'Published' : 'Draft' }}</span><small> Order {{ $section->sort_order }} · {{ ucfirst($section->layout) }}</small></div><div class="actions"><a href="{{ route('admin.content.sections.edit', [$kind,$entry,$section]) }}">Edit</a><form method="post" action="{{ route('admin.content.sections.destroy', [$kind,$entry,$section]) }}" data-confirm="Remove the section '{{ $section->heading }}'? This removes it from the public page; the uploaded image file will remain in storage for recovery.">@csrf @method('DELETE')<button type="submit">Delete</button></form></div></div>@empty<p>No additional sections yet. Use the editor below to create your first one.</p>@endforelse</div>
</div>
<form class="admin-form admin-form-wide" method="post" enctype="multipart/form-data" action="{{ $editing ? route('admin.content.sections.update', [$kind,$entry,$editing]) : route('admin.content.sections.store', [$kind,$entry]) }}">
@csrf @if($editing)@method('PUT')@endif
<h3>{{ $editing ? 'Edit existing section' : 'Create a new section' }}</h3>
<div class="form-grid"><div class="form-field"><label for="eyebrow">Small eyebrow label</label><input class="form-input" id="eyebrow" name="eyebrow" maxlength="150" value="{{ old('eyebrow',$editing?->eyebrow) }}" placeholder="e.g. Finishes to explore"></div><div class="form-field"><label for="heading">Section heading *</label><input class="form-input" id="heading" name="heading" required maxlength="200" value="{{ old('heading',$editing?->heading) }}" placeholder="What makes this stone a great choice?"></div></div>
<div class="form-field"><label for="section_body">Detailed section content</label><textarea class="form-input" id="section_body" name="body" rows="7" maxlength="12000">{{ old('body',$editing?->body) }}</textarea><small>Useful paragraphs, not HTML. Content is displayed safely and line breaks are preserved.</small></div>
<div class="form-field"><label for="section_image">Section photograph</label>@if($editing?->image_url)<img class="admin-image-preview" src="{{ $editing->image_url }}" alt="Current section image">@endif<input class="form-input" name="image" id="section_image" type="file" accept=".jpg,.jpeg,.png,.webp"><small>Optional · up to 8 MB. An existing image remains until you replace it.</small></div>
<div class="form-field"><label for="image_alt">Describe photograph for accessibility</label><input class="form-input" id="image_alt" name="image_alt" maxlength="220" value="{{ old('image_alt',$editing?->image_alt) }}"></div>
<div class="form-grid"><div class="form-field"><label for="button_text">Optional link button label</label><input class="form-input" id="button_text" name="button_text" maxlength="100" value="{{ old('button_text',$editing?->button_text) }}" placeholder="Ask about this finish"></div><div class="form-field"><label for="button_url">Optional button destination</label><input class="form-input" id="button_url" name="button_url" maxlength="500" value="{{ old('button_url',$editing?->button_url) }}" placeholder="/quote or https://..."><small>Use a path starting with / or a complete https:// link.</small></div></div>
<div class="form-grid"><div class="form-field"><label for="layout">Visual layout *</label><select class="form-input" name="layout" id="layout"><option value="split" @selected(old('layout',$editing?->layout ?? 'split')==='split')>Editorial split — image beside text</option><option value="wide" @selected(old('layout',$editing?->layout)==='wide')>Wide content — full width</option><option value="spotlight" @selected(old('layout',$editing?->layout)==='spotlight')>Spotlight — highlighted card</option></select></div><div class="form-field"><label for="line_height">Line height override (em)</label><input class="form-input" type="number" min="1" max="2.5" step="0.05" id="line_height" name="line_height" value="{{ old('line_height',$editing?->line_height) }}" placeholder="Inherit site default"></div></div>
<div class="form-grid"><div class="form-field"><label for="sort_order">Display order *</label><input class="form-input" id="sort_order" name="sort_order" type="number" min="-1000" max="1000" required value="{{ old('sort_order',$editing?->sort_order ?? 10) }}"></div><div class="form-field"><label for="published">Who can see this section?</label><select class="form-input" id="published" name="published"><option value="0" @selected((string)old('published',$editing?->published ? '1':'0')==='0')>Draft (only CMS)</option><option value="1" @selected((string)old('published',$editing?->published ? '1':'0')==='1')>Published (public page)</option></select></div></div>
@if($errors->any())<div class="alert" role="alert">{{ $errors->first() }}</div>@endif
<div class="admin-buttons"><button class="button button-dark" type="submit">{{ $editing ? 'Save section' : 'Create section' }} ↗</button>@if($editing)<a class="button button-outline" href="{{ route('admin.content.sections.index',[$kind,$entry]) }}">Cancel editing</a>@endif</div>
</form>
@endsection