@extends('layouts.app')

@section('content')

<div class="container mt-4">

    <h3>🟢 Live Online Users (MikroTik)</h3>

    <table class="table table-dark table-striped mt-3">
        <thead>
            <tr>
                <th>User</th>
                <th>Customer Name</th>
                <th>IP</th>
                <th>Uptime</th>
                <th>Download</th>
                <th>Upload</th>
            </tr>
        </thead>

        <tbody>
            @forelse($users as $user)
                <tr>
                    <td>{{ $user['name'] ?? '' }}</td>
                    <td>{{ $user['customer_name'] ?? 'N/A' }}</td>
                    <td>{{ $user['address'] ?? '' }}</td>
                    <td>{{ $user['uptime'] ?? '' }}</td>
                    <td>{{ $user['bytes-out'] ?? '' }}</td>
                    <td>{{ $user['bytes-in'] ?? '' }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="5">No active users found</td>
                </tr>
            @endforelse
        </tbody>
    </table>

</div>

@endsection