@extends('layouts.app')

@section('title', 'Landing pages')

@section('content')
<h1>Landing pages</h1>
<p style="margin-bottom:16px;"><a href="{{ route('landing-pages.create') }}" style="padding:8px 16px; background:var(--m3-primary); color:var(--m3-on-primary); border-radius:8px; text-decoration:none;">New page</a></p>
<div class="card">
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Slug</th>
                    <th>Status</th>
                    <th>Updated</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($pages as $page)
                    <tr>
                        <td>{{ $page->title }}</td>
                        <td><code>{{ $page->slug }}</code></td>
                        <td>{{ $page->status }}</td>
                        <td>{{ $page->updated_at->format('M j, Y') }}</td>
                        <td>
                            @if($page->status === 'published')
                                <a href="{{ route('landing.show', ['tenant_id' => $page->tenant_id, 'slug' => $page->slug]) }}" target="_blank" rel="noopener" style="margin-right:8px;">View</a>
                            @endif
                            <a href="{{ route('landing-pages.edit', $page) }}" style="margin-right:8px;">Edit</a>
                            <form method="post" action="{{ route('landing-pages.destroy', $page) }}" style="display:inline;" onsubmit="return confirm('Delete this page?');">@csrf @method('DELETE')<button type="submit" style="background:none;border:none;color:var(--m3-primary);cursor:pointer;padding:0;text-decoration:underline;">Delete</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state">No landing pages yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($pages->hasPages())
        <div class="pagination">{{ $pages->links() }}</div>
    @endif
</div>
@endsection