@extends('layouts.admin')
@section('title', 'Edit Landing Page')
@section('content')
<h1 class="text-2xl font-bold mb-6">Edit Landing Page — {{ $page->product->title }}</h1>
<div class="grid md:grid-cols-2 gap-6">
    <form method="POST" action="{{ route('admin.landing-pages.update', $page) }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3">
        @csrf @method('PUT')
        <label class="text-sm font-medium">Theme Colour</label>
        <input type="color" name="theme_color" value="{{ $page->theme_color }}" class="w-full h-10 border rounded-lg">
        <label class="text-sm font-medium">Sections JSON (edit any text directly)</label>
        <textarea name="sections_json" rows="24" class="w-full border rounded-lg px-3 py-2 font-mono text-xs">{{ json_encode($page->sections, JSON_PRETTY_PRINT) }}</textarea>
        <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Save</button>
    </form>
    <div>
        <a href="{{ route('landing.show', $page->slug) }}" target="_blank" class="text-brand text-sm">Open live page ↗</a>
        <iframe src="{{ route('landing.show', $page->slug) }}" class="w-full h-[80vh] border rounded-xl mt-2"></iframe>
    </div>
</div>
@endsection