@extends('layouts.tomchat', [
    'pageTitle' => 'tomCHAT Offline',
    'bodyClass' => 'tomchat-offline-page',
])

@section('content')
    <main class="offline-shell">
        <section class="offline-card">
            <span class="offline-badge">tomCHAT PWA</span>
            <h1>Koneksi sedang offline.</h1>
            <p>
                tomCHAT belum bisa menjangkau server. Cek koneksi internet, lalu buka ulang aplikasi atau refresh halaman.
            </p>
            <a class="tomchat-button brand" href="{{ route('member.obrolan') }}">
                Coba buka obrolan
            </a>
        </section>
    </main>
@endsection