@extends('layouts.app')

@section('title', 'Settings — Home Page Content')
@section('page-title', 'Home Page Content')

@section('content')

<div class="d-flex align-items-center justify-content-between mb-4">
    <div>
        <h4 class="fw-bold mb-0">Home Page Content</h4>
        <div class="text-muted small">Every editable heading, description, and stat shown on the public home page</div>
    </div>
</div>

<form action="{{ route('admin.settings.home-content.update') }}" method="POST">
    @csrf @method('PATCH')

    <div class="card border-0 shadow-sm">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Hero Section</h5>
            <div class="text-muted small mb-3">Shown above the property search at the top of the home page.</div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_hero_heading">Heading</label>
                <input type="text" name="home_hero_heading" id="home_hero_heading"
                       class="form-control @error('home_hero_heading') is-invalid @enderror"
                       value="{{ old('home_hero_heading', $content['home_hero_heading']) }}" required maxlength="255">
                @error('home_hero_heading')<div class="invalid-feedback">{{ $message }}</div>@enderror
                <div class="form-text">A literal <code>&lt;br&gt;</code> can be used to force a line break, e.g. "Find your place in &lt;br&gt; Indore."</div>
            </div>

            <div class="mb-2">
                <label class="form-label fw-medium" for="home_hero_description">Description</label>
                <textarea name="home_hero_description" id="home_hero_description" rows="3"
                          class="form-control @error('home_hero_description') is-invalid @enderror"
                          maxlength="500" required>{{ old('home_hero_description', $content['home_hero_description']) }}</textarea>
                @error('home_hero_description')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Recently Listed Section</h5>
            <div class="text-muted small mb-3">The property grid shown below the search, listing the newest properties.</div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_recently_listed_heading">Heading</label>
                <input type="text" name="home_recently_listed_heading" id="home_recently_listed_heading"
                       class="form-control @error('home_recently_listed_heading') is-invalid @enderror"
                       value="{{ old('home_recently_listed_heading', $content['home_recently_listed_heading']) }}" required maxlength="60">
                @error('home_recently_listed_heading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_recently_listed_subheading">Sub Heading</label>
                <input type="text" name="home_recently_listed_subheading" id="home_recently_listed_subheading"
                       class="form-control @error('home_recently_listed_subheading') is-invalid @enderror"
                       value="{{ old('home_recently_listed_subheading', $content['home_recently_listed_subheading']) }}" required maxlength="100">
                @error('home_recently_listed_subheading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-2">
                <label class="form-label fw-medium" for="home_recently_listed_description">Section Description <span class="text-muted small">(optional)</span></label>
                <textarea name="home_recently_listed_description" id="home_recently_listed_description" rows="2"
                          class="form-control @error('home_recently_listed_description') is-invalid @enderror"
                          maxlength="500">{{ old('home_recently_listed_description', $content['home_recently_listed_description']) }}</textarea>
                @error('home_recently_listed_description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                <div class="form-text">Left blank by default — the section shows no description text at all until this is filled in.</div>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Shop by Price Section</h5>
            <div class="text-muted small mb-3">The budget tiles ("Under ₹25L", "₹1 Cr &amp; up", ...).</div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_budget_heading">Heading</label>
                <input type="text" name="home_budget_heading" id="home_budget_heading"
                       class="form-control @error('home_budget_heading') is-invalid @enderror"
                       value="{{ old('home_budget_heading', $content['home_budget_heading']) }}" required maxlength="60">
                @error('home_budget_heading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-2">
                <label class="form-label fw-medium" for="home_budget_subheading">Sub Heading</label>
                <input type="text" name="home_budget_subheading" id="home_budget_subheading"
                       class="form-control @error('home_budget_subheading') is-invalid @enderror"
                       value="{{ old('home_budget_subheading', $content['home_budget_subheading']) }}" required maxlength="100">
                @error('home_budget_subheading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Explore Properties by City Section</h5>
            <div class="text-muted small mb-3">The city chips (only shown once at least one city has listings).</div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_cities_heading">Heading</label>
                <input type="text" name="home_cities_heading" id="home_cities_heading"
                       class="form-control @error('home_cities_heading') is-invalid @enderror"
                       value="{{ old('home_cities_heading', $content['home_cities_heading']) }}" required maxlength="100">
                @error('home_cities_heading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-2">
                <label class="form-label fw-medium" for="home_cities_subheading">Sub Heading</label>
                <input type="text" name="home_cities_subheading" id="home_cities_subheading"
                       class="form-control @error('home_cities_subheading') is-invalid @enderror"
                       value="{{ old('home_cities_subheading', $content['home_cities_subheading']) }}" required maxlength="100">
                @error('home_cities_subheading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Testimonials Section</h5>
            <div class="text-muted small mb-3">Only shown once at least one active testimonial exists.</div>

            <div class="mb-3">
                <label class="form-label fw-medium" for="home_testimonials_heading">Heading</label>
                <input type="text" name="home_testimonials_heading" id="home_testimonials_heading"
                       class="form-control @error('home_testimonials_heading') is-invalid @enderror"
                       value="{{ old('home_testimonials_heading', $content['home_testimonials_heading']) }}" required maxlength="60">
                @error('home_testimonials_heading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="mb-2">
                <label class="form-label fw-medium" for="home_testimonials_subheading">Sub Heading</label>
                <input type="text" name="home_testimonials_subheading" id="home_testimonials_subheading"
                       class="form-control @error('home_testimonials_subheading') is-invalid @enderror"
                       value="{{ old('home_testimonials_subheading', $content['home_testimonials_subheading']) }}" required maxlength="100">
                @error('home_testimonials_subheading')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm mt-4">
        <div class="card-body p-4" style="max-width:700px">
            <h5 class="fw-bold mb-1">Footer SEO Content</h5>
            <div class="text-muted small mb-3">
                Rendered immediately above the footer on every public page. Left blank by default — the whole
                section is hidden on the frontend until this is filled in.
            </div>

            <textarea name="footer_seo_content" class="form-control @error('footer_seo_content') is-invalid @enderror"
                      rows="4">{{ old('footer_seo_content', $footerSeoContent) }}</textarea>
            @error('footer_seo_content')<div class="invalid-feedback">{{ $message }}</div>@enderror
            <div class="form-text text-muted">
                Plain text (no rich formatting) — line breaks are preserved when displayed on the frontend.
            </div>
        </div>
    </div>

    <button type="submit" class="btn btn-primary mt-4">
        <i class="bi bi-check-lg me-1"></i> Save Home Page Content
    </button>
</form>

{{--
    Its own independent <form>/route (admin.settings.company.stats.update,
    still owned by CompanySettingController — unchanged), deliberately
    separate from the form above so saving one never blanks the other's
    fields (same reasoning as Company Settings' own standalone forms). This
    card moved here from the Company Settings page so every piece of home
    page content can be managed from one place.
--}}
<div class="card border-0 shadow-sm mt-4">
    <div class="card-body p-4" style="max-width:600px">
        <h5 class="fw-bold mb-1">Homepage Statistics</h5>
        <div class="text-muted small mb-3">The 3-tile stats row shown on the public homepage, just below the search form.</div>

        <form action="{{ route('admin.settings.company.stats.update') }}" method="POST">
            @csrf @method('PATCH')

            @for ($n = 1; $n <= 3; $n++)
                <div class="row g-2 mb-3">
                    <div class="col-sm-4">
                        <label class="form-label fw-medium" for="stat_{{ $n }}_value">Statistic {{ $n }} Value</label>
                        <input type="text" name="stat_{{ $n }}_value" id="stat_{{ $n }}_value"
                               class="form-control @error('stat_' . $n . '_value') is-invalid @enderror"
                               value="{{ old('stat_' . $n . '_value', $stats[$n]['value']) }}" required maxlength="20"
                               placeholder="e.g. 27+">
                        @error('stat_' . $n . '_value')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="col-sm-8">
                        <label class="form-label fw-medium" for="stat_{{ $n }}_label">Statistic {{ $n }} Text</label>
                        <input type="text" name="stat_{{ $n }}_label" id="stat_{{ $n }}_label"
                               class="form-control @error('stat_' . $n . '_label') is-invalid @enderror"
                               value="{{ old('stat_' . $n . '_label', $stats[$n]['label']) }}" required maxlength="60"
                               placeholder="e.g. Years Serving Indore">
                        @error('stat_' . $n . '_label')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            @endfor

            <button type="submit" class="btn btn-primary">
                <i class="bi bi-check-lg me-1"></i> Save Statistics
            </button>
        </form>
    </div>
</div>

@endsection