@extends('layouts.app')

@section('title', 'Edit landing page')

@section('content')
<h1>Edit landing page</h1>
<div class="card">
    <form method="post" action="{{ route('landing-pages.update', $page) }}">
        @csrf
        @method('PUT')
        <label style="display:block; margin-bottom:8px; font-weight:500;">Title</label>
        <input type="text" name="title" value="{{ old('title', $page->title) }}" required maxlength="255" style="width:100%; max-width:480px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('title')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-bottom:8px; font-weight:500;">Slug (URL path)</label>
        <input type="text" name="slug" value="{{ old('slug', $page->slug) }}" required pattern="[a-z0-9\-]+" style="width:100%; max-width:480px; padding:8px 12px; margin-bottom:16px; border:1px solid var(--m3-outline); border-radius:8px;">
        @error('slug')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror
        <p style="margin:-8px 0 16px; font-size:0.875rem; color:var(--m3-outline);">Public URL: /l/{{ $page->tenant_id }}/<strong>{{ $page->slug }}</strong></p>

        <label style="display:block; margin-bottom:8px; font-weight:500;">Content (HTML allowed)</label>
        <textarea name="content" rows="12" style="width:100%; max-width:640px; padding:8px 12px; border:1px solid var(--m3-outline); border-radius:8px;">{{ old('content', $page->content) }}</textarea>
        @error('content')<span style="color:#c62828;font-size:0.875rem;">{{ $message }}</span>@enderror

        <label style="display:block; margin-top:16px; margin-bottom:8px; font-weight:500;">Status</label>
        <select name="status" style="padding:8px 12px; border:1px solid var(--m3-outline); border-radius:8px;">
            <option value="draft" {{ old('status', $page->status) === 'draft' ? 'selected' : '' }}>Draft</option>
            <option value="published" {{ old('status', $page->status) === 'published' ? 'selected' : '' }}>Published</option>
        </select>

        <p style="margin-top:24px;"><button type="submit" style="padding:10px 20px; border-radius:8px; background:var(--m3-primary); color:var(--m3-on-primary); border:none; cursor:pointer;">Update</button> <a href="{{ route('landing-pages.index') }}" style="margin-left:8px;">Cancel</a></p>
    </form>
</div>
@endsection