@extends('layouts.app')

@section('title','Dashboard Offline')

@section('content')
<div class="container-fluid">

    <div class="alert alert-warning">
        <strong>Mode Offline Aktif</strong><br>
        Anda sedang menggunakan e-Bansos tanpa koneksi internet.
        Data akan disinkronkan otomatis saat online.
    </div>

    <h4 class="fw-bold mb-3">Dashboard Offline</h4>

    <div class="card shadow-sm border-0 mb-3">
        <div class="card-body">
            <p class="mb-1">
                <strong>User :</strong>
                {{ session('offline_user.username') ?? '-' }}
            </p>
            <p class="mb-0">
                <strong>Role :</strong>
                {{ strtoupper(session('offline_user.role') ?? '-') }}
            </p>
        </div>
    </div>

    <div class="card shadow-sm border-0">
        <div class="card-body">
            <h6 class="fw-bold">Akses Offline</h6>
            <ul class="mb-0">
                <li>Input data lapangan</li>
                <li>Usulan / Sanggah</li>
                <li>Foto & lokasi (GPS)</li>
            </ul>
        </div>
    </div>

</div>
@endsection