@extends('layouts.app')

@section('title', 'Settings — Landing Pages')
@section('page-title', 'Landing Pages')

@section('content')

<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Landing Pages</h4>
        <div class="text-muted small">SEO overrides for category pages (e.g. /flats-in-indore-for-sale). Only one override per type/city/purpose combination.</div>
    </div>
    <a href="{{ route('admin.settings.landing-pages.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i> Add Landing Page
    </a>
</div>

<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th>Type</th>
                    <th>City</th>
                    <th>Purpose</th>
                    <th>Page URL</th>
                    <th class="text-center">SEO Override</th>
                    <th>Last Updated</th>
                    <th class="text-center">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($landingPages as $lp)
                <tr>
                    <td class="fw-medium">{{ $lp->property_type ? ($typeLabels[$lp->property_type] ?? $lp->property_type) : 'Any type' }}</td>
                    <td>{{ $lp->city ?: 'Any city' }}</td>
                    <td>{{ $lp->purpose === 'for_rent' ? 'Rent' : ($lp->purpose === 'for_sale' ? 'Sale' : 'Any purpose') }}</td>
                    <td>
                        <a href="{{ $landingPageUrls[$lp->id] }}" target="_blank" rel="noopener" class="small">
                            {{ $landingPageUrls[$lp->id] }} <i class="bi bi-box-arrow-up-right"></i>
                        </a>
                    </td>
                    <td class="text-center">
                        @if(!empty($lp->seo_title))
                            <span class="badge bg-success bg-opacity-10 text-success">Configured</span>
                        @else
                            <span class="badge bg-secondary bg-opacity-10 text-secondary">Not set</span>
                        @endif
                    </td>
                    <td class="text-muted small">{{ $lp->updated_at->format('d M Y, h:i A') }}</td>
                    <td class="text-center">
                        <a href="{{ route('admin.settings.landing-pages.edit', $lp) }}" class="btn btn-sm btn-outline-primary me-1" title="Edit">
                            <i class="bi bi-pencil"></i>
                        </a>
                        <form action="{{ route('admin.settings.landing-pages.destroy', $lp) }}" method="POST" class="d-inline"
                              data-confirm="Delete this landing page override? This cannot be undone.">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-outline-danger" title="Delete">
                                <i class="bi bi-trash"></i>
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="text-center text-muted py-4">No landing page overrides yet — category pages will use auto-generated titles/descriptions.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection