@php
    $formAction = $formAction ?? url('/book-consultation');
    $formId = $formId ?? 'skLeadForm';
    $choiceName = $choiceName ?? 'service';
    $choiceLabel = $choiceLabel ?? 'Which service do you need?';
    $selectedChoice = old($choiceName, isset($prefill[$choiceName]) ? $prefill[$choiceName] : '');
    $showCompany = $showCompany ?? true;
    $submitLabel = $submitLabel ?? 'Request consultation';
    $noteLabel = $noteLabel ?? 'Anything we should know before we call?';
    $notePlaceholder = $notePlaceholder ?? 'Brief context only — no website links. We will schedule a call.';
    $noteRequired = $noteRequired ?? false;
@endphp

<form action="{{ $formAction }}" method="POST" id="{{ $formId }}" class="sk-lead-form" novalidate>
    @csrf

    <input type="text" name="website" value="" tabindex="-1" autocomplete="off" class="sk-lead-form__honeypot" aria-hidden="true">

    <input type="hidden" name="source" value="{{ old('source', isset($prefill['source']) ? $prefill['source'] : '') }}">
    <input type="hidden" name="intent" value="{{ old('intent', isset($prefill['intent']) ? $prefill['intent'] : 'free_discovery') }}">
    @if(!empty($prefill['plan']))
        <input type="hidden" name="plan" value="{{ old('plan', $prefill['plan']) }}">
    @endif
    @if(!empty($hiddenFields))
        @foreach($hiddenFields as $hiddenName => $hiddenValue)
            <input type="hidden" name="{{ $hiddenName }}" value="{{ old($hiddenName, $hiddenValue) }}">
        @endforeach
    @endif

    @if(session('error'))
        <div class="alert alert-danger sk-lead-form__alert" role="alert">
            {{ session('error') }}
        </div>
    @endif

    @if($errors->any())
        <div class="alert alert-danger sk-lead-form__alert" role="alert">
            Please correct the highlighted fields and try again.
        </div>
    @endif

    <fieldset class="sk-lead-form__section">
        <legend class="sk-lead-form__legend">Your details</legend>
        <div class="row g-3">
            <div class="col-md-6">
                <label class="sk-lead-form__label" for="{{ $formId }}_name">Full name</label>
                <input type="text"
                       id="{{ $formId }}_name"
                       name="name"
                       class="form-control sk-lead-form__input @error('name') is-invalid @enderror"
                       value="{{ old('name') }}"
                       required
                       autocomplete="name"
                       placeholder="Your name">
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            @if($showCompany)
            <div class="col-md-6">
                <label class="sk-lead-form__label" for="{{ $formId }}_company">Company <span class="sk-lead-form__optional">(optional)</span></label>
                <input type="text"
                       id="{{ $formId }}_company"
                       name="company"
                       class="form-control sk-lead-form__input @error('company') is-invalid @enderror"
                       value="{{ old('company') }}"
                       autocomplete="organization"
                       placeholder="Business or brand name">
                @error('company')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            @endif
            <div class="col-md-6">
                <label class="sk-lead-form__label" for="{{ $formId }}_email">Email</label>
                <input type="email"
                       id="{{ $formId }}_email"
                       name="email"
                       class="form-control sk-lead-form__input @error('email') is-invalid @enderror"
                       value="{{ old('email') }}"
                       required
                       autocomplete="email"
                       placeholder="you@company.com">
                @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="sk-lead-form__label" for="{{ $formId }}_phone">Phone</label>
                <input type="tel"
                       id="{{ $formId }}_phone"
                       name="phone"
                       class="form-control sk-lead-form__input @error('phone') is-invalid @enderror"
                       value="{{ old('phone') }}"
                       required
                       autocomplete="tel"
                       placeholder="+254 7XX XXX XXX">
                @error('phone')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
    </fieldset>

    <fieldset class="sk-lead-form__section">
        <legend class="sk-lead-form__legend">{{ $choiceLabel }}</legend>
        <div class="sk-choice-grid" role="radiogroup" aria-label="{{ $choiceLabel }}">
            @foreach($services as $value => $label)
                <label class="sk-choice-card {{ $selectedChoice === $value ? 'is-selected' : '' }}">
                    <input type="radio"
                           name="{{ $choiceName }}"
                           value="{{ $value }}"
                           class="sk-choice-card__input"
                           {{ $selectedChoice === $value ? 'checked' : '' }}
                           required>
                    <span class="sk-choice-card__body">
                        <span class="sk-choice-card__title">{{ $label }}</span>
                        <span class="sk-choice-card__mark" aria-hidden="true"></span>
                    </span>
                </label>
            @endforeach
        </div>
        @error($choiceName)<div class="text-danger small mt-2">{{ $message }}</div>@enderror
    </fieldset>

    <fieldset class="sk-lead-form__section">
        <legend class="sk-lead-form__legend">{{ $noteLabel }}</legend>
        <label class="visually-hidden" for="{{ $formId }}_note">{{ $noteLabel }}</label>
        <textarea id="{{ $formId }}_note"
                  name="note"
                  rows="4"
                  class="form-control sk-lead-form__input @error('note') is-invalid @enderror"
                  placeholder="{{ $notePlaceholder }}"
                  {{ $noteRequired ? 'required' : '' }}>{{ old('note') }}</textarea>
        <p class="sk-lead-form__hint">No links please — we will reach out to schedule a call.</p>
        @error('note')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
    </fieldset>

    <div class="sk-lead-form__actions">
        <button type="submit" class="btn btn-primary btn-lg w-100">{{ $submitLabel }}</button>
        <p class="sk-lead-form__privacy mb-0">We respond within 2 business hours. Your details are kept confidential.</p>
    </div>
</form>

<script>
document.addEventListener('DOMContentLoaded', function () {
    var form = document.getElementById(@json($formId));
    if (!form) return;

    form.querySelectorAll('.sk-choice-card__input').forEach(function (input) {
        input.addEventListener('change', function () {
            form.querySelectorAll('.sk-choice-card').forEach(function (card) {
                card.classList.remove('is-selected');
            });
            if (input.checked && input.closest('.sk-choice-card')) {
                input.closest('.sk-choice-card').classList.add('is-selected');
            }
        });
    });
});
</script>