@extends('layouts.admin')
@section('title', 'AI Landing Pages')
@section('content')
<h1 class="text-2xl font-bold mb-6">AI Landing Page Maker</h1>

<form method="POST" action="{{ route('admin.landing-pages.generate') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-3 max-w-lg mb-8">
    @csrf
    <h2 class="font-semibold">Generate New</h2>
    <select name="product_id" required class="w-full border rounded-lg px-3 py-2">
        <option value="">Select a product</option>
        @foreach(\App\Models\Product::orderBy('title')->get() as $p)<option value="{{ $p->id }}">{{ $p->title }}</option>@endforeach
    </select>
    <input type="color" name="theme_color" value="#111111" class="w-full h-10 border rounded-lg">
    <button class="bg-brand text-white px-5 py-2 rounded-lg text-sm font-semibold">Generate with AI</button>
    <p class="text-xs text-gray-500">Pulls the product's description + linked video and drafts all 12 sections. Requires an AI key in Settings.</p>
</form>

<div class="bg-white rounded-xl shadow-sm overflow-x-auto"><table class="w-full text-sm">
<thead><tr class="text-left text-gray-500 border-b bg-gray-50"><th class="p-3">Product</th><th>URL</th><th>Published</th><th></th></tr></thead>
<tbody>@foreach($pages as $page)
<tr class="border-b"><td class="p-3">{{ $page->product->title }}</td><td><a href="{{ route('landing.show', $page->slug) }}" target="_blank" class="text-brand">/lp/{{ $page->slug }}</a></td>
<td>{{ $page->is_published ? 'Yes' : 'No' }}</td>
<td class="p-2 space-x-2"><a href="{{ route('admin.landing-pages.edit', $page) }}" class="text-brand">Edit</a>
<form method="POST" action="{{ route('admin.landing-pages.publish', $page) }}" class="inline">@csrf<button class="text-sm">{{ $page->is_published ? 'Unpublish' : 'Publish' }}</button></form></td></tr>
@endforeach</tbody></table></div>
@endsection