@extends('layouts.app-mobile')
@section('title', 'Help — Befikreyy App')
@section('apptitle', 'Help & FAQ')

@section('appheaderright')
<a href="{{ route('app.home') }}" class="ah-back" aria-label="Back">‹</a>
@endsection

@section('content')

<div class="app-section app-pad">
    <div class="app-help-hero">
        <div class="ahh-ic">💬</div>
        <h3>How can we help?</h3>
        <p>Browse common questions or message us on WhatsApp for instant support.</p>
        <a href="https://wa.me/{{ $siteWhatsapp }}" target="_blank" class="btn-app btn-app-light btn-app-sm">WhatsApp us →</a>
    </div>

    <details class="faq-app" open>
        <summary>How do I book a service?</summary>
        <div class="fa-body">
            <ol>
                <li>Tap <strong>Services</strong> in the bottom nav.</li>
                <li>Pick a category (Car Wash or Property Care).</li>
                <li>Choose a plan and tap <strong>Book now</strong>.</li>
                <li>Confirm your address, area and slot — done!</li>
            </ol>
        </div>
    </details>

    <details class="faq-app">
        <summary>How does the monthly subscription work?</summary>
        <div class="fa-body">
            <p>You pay a fixed monthly fee. We schedule one full visit per month on your preferred day &amp; time-slot. You can change the slot any time from your dashboard.</p>
        </div>
    </details>

    <details class="faq-app">
        <summary>How does OTP verification work?</summary>
        <div class="fa-body">
            <p>When the partner arrives, they will ask for a 4-digit OTP. Sharing the OTP marks the visit as officially started — and is proof that the partner arrived on site.</p>
            <p><strong>Never share the OTP before the partner has physically arrived.</strong></p>
        </div>
    </details>

    <details class="faq-app">
        <summary>Can I pause or cancel my subscription?</summary>
        <div class="fa-body">
            <p>Yes — open any booking, tap <strong>Manage subscription</strong> and choose Pause or Cancel. Pausing is free up to 60 days/year. Cancellation stops future renewals but doesn't refund the current month.</p>
        </div>
    </details>

    <details class="faq-app">
        <summary>What if I'm not happy with a service?</summary>
        <div class="fa-body">
            <p>Open the booking and tap <strong>Rate this service</strong> — let us know what went wrong. We offer a free re-do or full refund within 2 hours of completion.</p>
        </div>
    </details>

    <details class="faq-app">
        <summary>How do I track my visit in real time?</summary>
        <div class="fa-body">
            <p>When the partner is on the way, you'll see status updates in your booking page: Accepted → On the way → Arrived → In progress → Completed. You'll also get photos at each stage.</p>
        </div>
    </details>

    <div class="app-help-cta">
        <p>Still need help?</p>
        <a href="https://wa.me/{{ $siteWhatsapp }}" target="_blank" class="btn-app btn-app-primary">WhatsApp us</a>
        <a href="tel:{{ $sitePhone }}" class="btn-app btn-app-outline" style="margin-top: 8px;">Call {{ $sitePhone }}</a>
    </div>
</div>

@endsection