@extends('layouts.admin')
@section('title', 'Edit '. $pages[$page])
@section('page_heading', $pages[$page])
@section('content')
<a href="{{ route('admin.pages.index') }}" class="text-link">← All editable pages</a>
<h2>Update {{ strtolower($pages[$page]) }}.</h2><p class="admin-intro">Changes publish immediately when saved. Text is plain text, with no HTML required. Uploaded images are stored in your website media library. Check the preview link after saving.</p>
<form method="post" action="{{ route('admin.pages.update', $page) }}" enctype="multipart/form-data" class="admin-form admin-form-wide">@csrf @method('PUT')
@php($previousGroup = '')
@foreach($fields as $key=>$field)
    @php([$label, $type, $default] = $field)
    @php($parts = explode(' · ', $label, 2))
    @if($previousGroup !== $parts[0])<h3 class="form-subheading">{{ $parts[0] }}</h3>@php($previousGroup = $parts[0])@endif
    <div class="page-field-row"><div class="form-field"><label for="page-{{ $key }}">{{ $parts[1] ?? $label }}</label>
        @if($type === 'area')
            <textarea class="form-input" id="page-{{ $key }}" name="copy[{{ $key }}]" maxlength="5000" rows="4">{{ old('copy.'.$key, $values[$key]) }}</textarea>
        @elseif($type === 'image')
            <img class="admin-image-preview" src="{{ \App\Models\SiteSetting::mediaUrl($values[$key]) }}" alt="Current image for {{ $label }}" loading="lazy">
            <input class="form-input" type="file" id="page-{{ $key }}" name="images[{{ $key }}]" accept=".jpg,.jpeg,.png,.webp"><small>Optional replacement. JPG, PNG or WebP up to 8 MB.</small>
        @elseif($type === 'line_height')
            <input class="form-input" id="page-{{ $key }}" name="copy[{{ $key }}]" type="number" min="1" max="2.5" step="0.01" value="{{ old('copy.'.$key, $values[$key]) }}">
        @elseif($type === 'toggle')
            <select class="form-input" id="page-{{ $key }}" name="copy[{{ $key }}]"><option value="1" @selected((string) old('copy.'.$key, $values[$key]) === '1')>Visible</option><option value="0" @selected((string) old('copy.'.$key, $values[$key]) === '0')>Hidden</option></select>
        @else
            <input class="form-input" id="page-{{ $key }}" name="copy[{{ $key }}]" type="text" maxlength="255" value="{{ old('copy.'.$key, $values[$key]) }}">
        @endif
        @error(($type === 'image' ? 'images.' : 'copy.').$key)<div class="form-error">{{ $message }}</div>@enderror
    </div><label class="reset-field"><input type="checkbox" name="reset[{{ $key }}]" value="1"> Revert this field to its original content</label></div>
@endforeach
<div class="admin-buttons"><button type="submit" class="button button-dark">Publish page updates ↗</button><a href="{{ $page === 'global' ? route('home') : ($page === 'products' ? route('materials') : ($page === 'services' ? route('services') : ($page === 'blog' ? route('journal') : ($page === 'gallery' ? route('gallery') : route(in_array($page, ['privacy','terms','projects','about','contact','quote']) ? $page : 'home'))))) }}" target="_blank" rel="noopener" class="button button-outline">Preview public page</a></div>
</form>
@endsection