@extends('layouts.app', [
    'title' => $communityType === 'expert' ? 'Apply as an Expert' : 'Join Our Community',
    'description' => $communityType === 'expert'
        ? 'Apply to join SEO Kenya\'s practitioner community as an SEO, web design, or CRO specialist.'
        : 'Subscribe to practical SEO and search engineering updates from Kenya\'s top practitioners.',
    'keywords' => 'SEO community Kenya, search engineering Kenya, SEO jobs Kenya, digital marketing community'
])

@section('content')
    @if(session('success'))
        <section class="sk-lead-hero sk-lead-hero--success">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8 text-center">
                        <p class="sk-lead-hero__eyebrow">
                            {{ $communityType === 'expert' ? 'Application received' : 'Subscription received' }}
                        </p>
                        <h1 class="sk-lead-hero__title">Thank you for joining us</h1>
                        <p class="sk-lead-hero__lead">
                            @if($communityType === 'expert')
                                We review practitioner applications carefully. If your profile fits our community standards,
                                we will contact you within a few business days.
                            @else
                                You are on the list. Expect practical SEO and search engineering updates — no fluff,
                                just methods that hold up under competition.
                            @endif
                        </p>
                        <a href="{{ url('/about-us') }}" class="btn btn-primary btn-lg mt-3">Back to About Us</a>
                    </div>
                </div>
            </div>
        </section>
    @else
        <section class="sk-lead-hero sk-lead-hero--community">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9 text-center">
                        <p class="sk-lead-hero__eyebrow">Community</p>
                        <h1 class="sk-lead-hero__title">
                            @if($communityType === 'expert')
                                Apply as an expert
                            @else
                                Join our community
                            @endif
                        </h1>
                        <p class="sk-lead-hero__lead">
                            @if($communityType === 'expert')
                                We are building a network of search engineers and practitioners in Kenya.
                                Tell us who you are and your primary expertise — SEO, web design, CRO, or related.
                            @else
                                Get updates from practitioners who work on crawl efficiency, semantic depth,
                                and conversion systems. Select your primary interest area below.
                            @endif
                        </p>
                        <div class="sk-lead-community-switch">
                            <a href="{{ route('leads.community', array('type' => 'subscribe')) }}"
                               class="sk-lead-community-switch__link {{ $communityType === 'subscribe' ? 'is-active' : '' }}">
                                Subscribe to updates
                            </a>
                            <a href="{{ route('leads.community', array('type' => 'expert')) }}"
                               class="sk-lead-community-switch__link {{ $communityType === 'expert' ? 'is-active' : '' }}">
                                Apply as expert
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="sk-lead-section">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-8">
                        <div class="sk-lead-card">
                            @include('partials.sk-lead-form', [
                                'formAction' => route('leads.community.store'),
                                'formId' => 'communityForm',
                                'prefill' => isset($prefill) ? $prefill : array(),
                                'services' => isset($services) ? $services : \App\Support\ContactLead::SERVICES,
                                'showCompany' => false,
                                'choiceName' => 'expertise',
                                'choiceLabel' => $communityType === 'expert'
                                    ? 'Your primary expertise'
                                    : 'Primary topic you want updates on',
                                'noteLabel' => $communityType === 'expert'
                                    ? 'Brief background (optional)'
                                    : 'Anything else? (optional)',
                                'notePlaceholder' => $communityType === 'expert'
                                    ? 'Years of experience, tools you use, or what you want to contribute — no links.'
                                    : 'Optional — tell us what you are working on. No website links.',
                                'submitLabel' => $communityType === 'expert' ? 'Submit application' : 'Join community',
                                'hiddenFields' => array(
                                    'subtype' => $communityType,
                                ),
                            ])
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif
@endsection