@if(!auth()->user()?->isAdmin())
    <div class="search-card">
        <p class="empty-state">Admin privileges required to edit landing content.</p>
    </div>
@else
    @php
        $landingTab = request('landing_tab', 'hero');
        $tabs = [
            'hero' => 'Hero',
            'stats' => 'Stats',
            'services-block' => 'Services block',
            'service-cards' => 'Service cards',
            'contact' => 'Contact',
            'login-panel' => 'Login panel',
        ];
    @endphp
    <div class="user-management-section">
        <h2 class="section-title">Landing page content</h2>
        <p style="margin-bottom: 16px;">
            <a href="{{ url('/') }}" target="_blank" rel="noopener">View landing page ↗</a>
            <a href="{{ route('login') }}" target="_blank" rel="noopener" style="margin-left: 1rem;">View login page ↗</a>
        </p>

        @if(session('success'))
            <div class="alert alert-success" style="margin-bottom: 16px;">{{ session('success') }}</div>
        @endif
        @if(session('error'))
            <div class="alert alert-error" style="margin-bottom: 16px;">{{ session('error') }}</div>
        @endif

        <div class="tab-nav" style="margin-bottom: 20px;">
            @foreach($tabs as $id => $label)
                <a href="{{ url('/dashboard?section=landing&landing_tab=' . $id) }}" class="tab-button {{ $landingTab === $id ? 'active' : '' }}">{{ $label }}</a>
            @endforeach
        </div>

        <div class="search-card">
            @if($landingTab === 'hero')
                <h3 class="section-title">Hero</h3>
                @if($landingHero)
                    <form method="post" action="{{ route('dashboard.landing.hero') }}">
                        @csrf
                        <div class="form-grid">
                            <div class="form-group">
                                <label class="form-label">Title</label>
                                <input type="text" class="form-input" name="title" value="{{ old('title', $landingHero->title) }}" required>
                            </div>
                            <div class="form-group">
                                <label class="form-label">Subtitle</label>
                                <input type="text" class="form-input" name="subtitle" value="{{ old('subtitle', $landingHero->subtitle) }}" required>
                            </div>
                            <div class="form-group" style="grid-column: 1 / -1;">
                                <label class="form-label">Banner text</label>
                                <input type="text" class="form-input" name="banner_text" value="{{ old('banner_text', $landingHero->banner_text) }}">
                            </div>
                            <div class="form-group" style="grid-column: 1 / -1;">
                                <label class="form-label">Background image URL</label>
                                <input type="url" class="form-input" name="background_image_url" value="{{ old('background_image_url', $landingHero->background_image_url) }}">
                            </div>
                        </div>
                        <div class="button-group"><button type="submit" class="btn btn-primary">Save hero</button></div>
                    </form>
                @else
                    <p>Landing hero table not found. Run migrations.</p>
                @endif
            @endif

            @if($landingTab === 'stats')
                <h3 class="section-title">Stats</h3>
                <form method="post" action="{{ route('dashboard.landing.stats.create') }}" style="margin-bottom: 24px;">
                    @csrf
                    <div class="form-grid">
                        <div class="form-group">
                            <label class="form-label">Label</label>
                            <input type="text" class="form-input" name="label" required>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Value</label>
                            <input type="text" class="form-input" name="value" required>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Sort order</label>
                            <input type="number" class="form-input" name="sort_order" value="0">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Add stat</button>
                </form>
                <table class="overview-table">
                    <thead><tr><th>Label</th><th>Value</th><th>Sort</th><th>Actions</th></tr></thead>
                    <tbody>
                        @foreach($landingStats ?? [] as $s)
                            <tr>
                                <td>{{ $s->label }}</td>
                                <td>{{ $s->value }}</td>
                                <td>{{ $s->sort_order }}</td>
                                <td>
                                    <form method="post" action="{{ route('dashboard.landing.stats.update', $s->id) }}" style="display:inline;">
                                        @csrf
                                        <input type="text" name="label" value="{{ $s->label }}" placeholder="Label" size="12">
                                        <input type="text" name="value" value="{{ $s->value }}" placeholder="Value" size="12">
                                        <button type="submit" class="btn btn-primary" style="padding:4px 8px;">Update</button>
                                    </form>
                                    <form method="post" action="{{ route('dashboard.landing.stats.delete', $s->id) }}" style="display:inline;" onsubmit="return confirm('Delete this stat?');">
                                        @csrf
                                        <button type="submit" class="btn btn-secondary" style="padding:4px 8px;">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif

            @if($landingTab === 'services-block')
                <h3 class="section-title">Services block</h3>
                @if($landingServicesBlock)
                    <form method="post" action="{{ route('dashboard.landing.services-block') }}">
                        @csrf
                        <div class="form-grid">
                            <div class="form-group">
                                <label class="form-label">Title</label>
                                <input type="text" class="form-input" name="title" value="{{ old('title', $landingServicesBlock->title) }}">
                            </div>
                            <div class="form-group" style="grid-column: 1 / -1;">
                                <label class="form-label">Body text</label>
                                <textarea class="form-input" name="body_text" rows="4">{{ old('body_text', $landingServicesBlock->body_text) }}</textarea>
                            </div>
                            <div class="form-group">
                                <label class="form-label">Image URL</label>
                                <input type="url" class="form-input" name="image_url" value="{{ old('image_url', $landingServicesBlock->image_url) }}">
                            </div>
                            @foreach([1,2,3] as $i)
                                <div class="form-group">
                                    <label class="form-label">Button {{ $i }} label</label>
                                    <input type="text" class="form-input" name="button_{{ $i }}_label" value="{{ old('button_'.$i.'_label', $landingServicesBlock->{'button_'.$i.'_label'}) }}">
                                </div>
                                <div class="form-group">
                                    <label class="form-label">Button {{ $i }} URL</label>
                                    <input type="url" class="form-input" name="button_{{ $i }}_url" value="{{ old('button_'.$i.'_url', $landingServicesBlock->{'button_'.$i.'_url'}) }}">
                                </div>
                            @endforeach
                        </div>
                        <div class="button-group"><button type="submit" class="btn btn-primary">Save services block</button></div>
                    </form>
                @else
                    <p>Services block table not found.</p>
                @endif
            @endif

            @if($landingTab === 'service-cards')
                <h3 class="section-title">Service cards</h3>
                <form method="post" action="{{ route('dashboard.landing.service-cards.create') }}" style="margin-bottom: 24px;">
                    @csrf
                    <div class="form-grid">
                        <div class="form-group">
                            <label class="form-label">Title</label>
                            <input type="text" class="form-input" name="title" required>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Description</label>
                            <input type="text" class="form-input" name="description">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Link URL</label>
                            <input type="url" class="form-input" name="link_url">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Sort order</label>
                            <input type="number" class="form-input" name="sort_order" value="0">
                        </div>
                    </div>
                    <button type="submit" class="btn btn-primary">Add card</button>
                </form>
                <table class="overview-table">
                    <thead><tr><th>Title</th><th>Description</th><th>Link</th><th>Actions</th></tr></thead>
                    <tbody>
                        @foreach($landingServiceCards ?? [] as $c)
                            <tr>
                                <td>{{ $c->title }}</td>
                                <td>{{ Str::limit($c->description, 40) }}</td>
                                <td>{{ Str::limit($c->link_url, 30) }}</td>
                                <td>
                                    <form method="post" action="{{ route('dashboard.landing.service-cards.update', $c->id) }}" style="display:inline;">
                                        @csrf
                                        <input type="text" name="title" value="{{ $c->title }}" size="14">
                                        <button type="submit" class="btn btn-primary" style="padding:4px 8px;">Update</button>
                                    </form>
                                    <form method="post" action="{{ route('dashboard.landing.service-cards.delete', $c->id) }}" style="display:inline;" onsubmit="return confirm('Delete this card?');">
                                        @csrf
                                        <button type="submit" class="btn btn-secondary" style="padding:4px 8px;">Delete</button>
                                    </form>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @endif

            @if($landingTab === 'contact')
                <h3 class="section-title">Contact</h3>
                @if($landingContact)
                    <form method="post" action="{{ route('dashboard.landing.contact') }}">
                        @csrf
                        <div class="form-grid">
                            <div class="form-group">
                                <label class="form-label">Phone</label>
                                <input type="text" class="form-input" name="phone" value="{{ old('phone', $landingContact->phone) }}">
                            </div>
                            <div class="form-group">
                                <label class="form-label">Email</label>
                                <input type="email" class="form-input" name="email" value="{{ old('email', $landingContact->email) }}">
                            </div>
                            <div class="form-group" style="grid-column: 1 / -1;">
                                <label class="form-label">Address</label>
                                <textarea class="form-input" name="address" rows="2">{{ old('address', $landingContact->address) }}</textarea>
                            </div>
                        </div>
                        <div class="button-group"><button type="submit" class="btn btn-primary">Save contact</button></div>
                    </form>
                @else
                    <p>Contact table not found.</p>
                @endif
            @endif

            @if($landingTab === 'login-panel')
                <h3 class="section-title">Login page – right panel</h3>
                <p style="color: var(--text-muted); margin-bottom: 16px;">This content appears on the right side of the login page. Use <strong>**text**</strong> in the description for bold.</p>
                <form method="post" action="{{ route('dashboard.landing.login-panel') }}">
                    @csrf
                    <div class="form-grid">
                        <div class="form-group" style="grid-column: 1 / -1;">
                            <label class="form-label">Title</label>
                            <input type="text" class="form-input" name="title" value="{{ old('title', $loginPanel?->title ?? 'Access Everywhere') }}" placeholder="e.g. Access Everywhere">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Word to highlight (in title)</label>
                            <input type="text" class="form-input" name="title_highlight" value="{{ old('title_highlight', $loginPanel?->title_highlight ?? 'Everywhere') }}" placeholder="e.g. Everywhere">
                        </div>
                        <div class="form-group">
                            <label class="form-label">Background color</label>
                            <input type="text" class="form-input" name="background_color" value="{{ old('background_color', $loginPanel?->background_color ?? '#eff6ff') }}" placeholder="#eff6ff">
                        </div>
                        <div class="form-group" style="grid-column: 1 / -1;">
                            <label class="form-label">Central image URL (optional)</label>
                            <input type="url" class="form-input" name="central_image_url" value="{{ old('central_image_url', $loginPanel?->central_image_url ?? '') }}" placeholder="URL of icon or image for the circle">
                        </div>
                        <div class="form-group" style="grid-column: 1 / -1;">
                            <label class="form-label">Description (use **bold** for emphasis)</label>
                            <textarea class="form-input" name="description" rows="3" placeholder="e.g. Compatible with **dashboard** and **boundary search**.">{{ old('description', $loginPanel?->description ?? '') }}</textarea>
                        </div>
                    </div>
                    <div class="button-group"><button type="submit" class="btn btn-primary">Save login panel</button></div>
                </form>
            @endif
        </div>
    </div>
@endif