@extends('layouts.app-mobile-partner')
@section('title', 'Contact — Partner App')
@section('apptitle', 'Contact')

@section('appheaderright')
<a href="{{ route('pa.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>Partner success team</h3>
        <p>Reach out — we typically respond within minutes.</p>
    </div>

    <a href="https://wa.me/{{ $siteWhatsapp }}" target="_blank" class="channel-card">
        <div class="cc-icon cc-wa">💬</div>
        <div class="cc-tx">
            <strong>WhatsApp</strong>
            <span>Fastest — usually within minutes</span>
        </div>
        <span class="caret">›</span>
    </a>
    <a href="tel:{{ $sitePhone }}" class="channel-card">
        <div class="cc-icon cc-tel">📞</div>
        <div class="cc-tx">
            <strong>{{ $sitePhone }}</strong>
            <span>Mon–Sat · 8 AM – 10 PM</span>
        </div>
        <span class="caret">›</span>
    </a>
    <a href="mailto:{{ $siteEmail }}" class="channel-card">
        <div class="cc-icon cc-mail">✉</div>
        <div class="cc-tx">
            <strong>{{ $siteEmail }}</strong>
            <span>Replies within 24 hours</span>
        </div>
        <span class="caret">›</span>
    </a>

    <h3 class="app-detail-h3">Office</h3>
    <div class="bk-detail-card">
        <div class="bk-detail-row bk-detail-address">
            <span>Address</span>
            <strong>{{ $siteAddress }}</strong>
        </div>
    </div>

    <h3 class="app-detail-h3">Office hours</h3>
    <div class="hours-app">
        <div class="hours-app-row"><span>Mon – Sat</span><span>8 AM – 10 PM</span></div>
        <div class="hours-app-row"><span>Sunday</span><span>Emergency WA only</span></div>
    </div>
</div>
@endsection