@extends('layouts.client')
@section('title', 'Support')
@section('content')
<div class="support-page">
    <h1 class="client-page-title">Support</h1>
    <p class="client-page-sub">
        Need help? Reach our team on WhatsApp or Telegram — pick the option you prefer.
    </p>

    @if($whatsapp || $telegram)
    <div class="support-channels">
        @if($whatsapp)
        <a href="https://wa.me/{{ preg_replace('/[^0-9]/', '', $whatsapp) }}"
           target="_blank"
           rel="noopener noreferrer"
           class="client-btn client-btn-whatsapp support-channel-btn">
            <span class="support-channel-btn__icon" aria-hidden="true">💬</span>
            Chat on WhatsApp
        </a>
        @endif

        @if($telegram)
        <a href="https://t.me/{{ ltrim($telegram, '@') }}"
           target="_blank"
           rel="noopener noreferrer"
           class="client-btn client-btn-telegram support-channel-btn">
            <span class="support-channel-btn__icon" aria-hidden="true">✈️</span>
            Chat on Telegram
        </a>
        @endif
    </div>
    @else
    <p class="client-page-sub support-page-empty">Support contact not configured yet. Please check back later.</p>
    @endif
</div>
@endsection
