@extends('layouts.admin')
@section('title', 'Site copy')
@section('lede', 'These lines are on the public pages. Empty rows are dropped. Restore originals if a change should be undone.')
@section('content')
<form method="post" action="{{ route('admin.copy.update') }}" class="grid max-w-4xl gap-8">
    @csrf
    <section class="desk-card">
        <h2>Hero facts</h2>
        <p class="mt-1 text-sm text-muted">The three short lines under the homepage buttons.</p>
        <div class="mt-4 grid gap-3">
            @foreach($copy['facts'] as $i => $row)
                <div class="grid gap-2 sm:grid-cols-2">
                    <input name="facts[{{ $i }}][title]" value="{{ $row['title'] ?? '' }}" placeholder="90 days">
                    <input name="facts[{{ $i }}][text]" value="{{ $row['text'] ?? '' }}" placeholder="One public method">
                </div>
            @endforeach
        </div>
    </section>
    <section class="desk-card">
        <h2>Homepage principles</h2>
        <div class="mt-4 grid gap-4">
            @foreach($copy['principles'] as $i => $row)
                <div class="grid gap-2 sm:grid-cols-[9rem_1fr]">
                    <select name="principles[{{ $i }}][icon]">
                        @foreach($icons as $icon)
                            <option value="{{ $icon }}" @selected(($row['icon'] ?? '') === $icon)>{{ $icon }}</option>
                        @endforeach
                    </select>
                    <input name="principles[{{ $i }}][title]" value="{{ $row['title'] ?? '' }}" placeholder="Title">
                    <textarea name="principles[{{ $i }}][text]" rows="2" class="sm:col-span-2" placeholder="Line">{{ $row['text'] ?? '' }}</textarea>
                </div>
            @endforeach
        </div>
    </section>
    <section class="desk-card">
        <h2>The leaks</h2>
        <div class="mt-4 grid gap-4">
            @foreach($copy['leaks'] as $i => $row)
                <div class="grid gap-2 sm:grid-cols-[9rem_1fr]">
                    <select name="leaks[{{ $i }}][icon]">
                        @foreach($icons as $icon)
                            <option value="{{ $icon }}" @selected(($row['icon'] ?? '') === $icon)>{{ $icon }}</option>
                        @endforeach
                    </select>
                    <input name="leaks[{{ $i }}][title]" value="{{ $row['title'] ?? '' }}">
                    <textarea name="leaks[{{ $i }}][text]" rows="2" class="sm:col-span-2">{{ $row['text'] ?? '' }}</textarea>
                </div>
            @endforeach
        </div>
    </section>
    <section class="desk-card">
        <h2>Workshop, franchise, Edspire</h2>
        <div class="mt-4 grid gap-3">
            @foreach($copy['compare'] as $i => $row)
                <div class="grid gap-2 sm:grid-cols-4">
                    <input name="compare[{{ $i }}][label]" value="{{ $row['label'] ?? '' }}" placeholder="Label">
                    <input name="compare[{{ $i }}][workshop]" value="{{ $row['workshop'] ?? '' }}" placeholder="Workshop">
                    <input name="compare[{{ $i }}][franchise]" value="{{ $row['franchise'] ?? '' }}" placeholder="Franchise">
                    <input name="compare[{{ $i }}][edspire]" value="{{ $row['edspire'] ?? '' }}" placeholder="Edspire">
                </div>
            @endforeach
        </div>
    </section>
    <section class="desk-card">
        <h2>What gets installed</h2>
        <p class="mt-1 text-sm text-muted">One line each. Shown on the Edspire 90 page.</p>
        <textarea name="installs" rows="6" class="mt-3">{{ implode("\n", $copy['installs']) }}</textarea>
    </section>
    <section class="desk-card">
        <h2>Five domains</h2>
        <div class="mt-4 grid gap-3">
            @foreach($copy['domains'] as $i => $row)
                <div class="grid gap-2">
                    <input name="domains[{{ $i }}][name]" value="{{ $row['name'] ?? '' }}">
                    <textarea name="domains[{{ $i }}][text]" rows="2">{{ $row['text'] ?? '' }}</textarea>
                </div>
            @endforeach
        </div>
    </section>
    <section class="desk-card">
        <h2>Edspire 90 steps</h2>
        <div class="mt-4 grid gap-4">
            @foreach($copy['steps'] as $i => $row)
                <div class="grid gap-2 sm:grid-cols-2">
                    <input name="steps[{{ $i }}][when]" value="{{ $row['when'] ?? '' }}" placeholder="Days 1–14">
                    <input name="steps[{{ $i }}][title]" value="{{ $row['title'] ?? '' }}" placeholder="Baseline">
                    <textarea name="steps[{{ $i }}][text]" rows="2" class="sm:col-span-2">{{ $row['text'] ?? '' }}</textarea>
                </div>
            @endforeach
        </div>
    </section>
    <div class="desk-bar">
        <button class="desk-btn">Publish site copy</button>
        <button class="desk-quiet" name="reset" value="1" onclick="return confirm('Restore the original public lines?')">Restore originals</button>
    </div>
</form>
@endsection