@extends('layouts.app')
@section('title', 'Bandwidth usage')

@section('content')
    <div class="page-head">
        <div><h1>Bandwidth usage</h1><p>Aggregated consumption per subscriber for the selected period.</p></div>
        <div class="page-actions">
            <form method="POST" action="{{ route('radius.sync-accounting') }}">@csrf
                <button type="submit" class="btn secondary">Sync accounting</button>
            </form>
            <a href="{{ route('reports.export', ['report' => 'bandwidth', 'from' => $from->toDateString(), 'to' => $to->toDateString()]) }}" class="btn">Export CSV</a>
        </div>
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Username, customer…">
        </div>
        <div class="field"><label>From</label><input type="date" name="from" value="{{ $from->toDateString() }}"></div>
        <div class="field"><label>To</label><input type="date" name="to" value="{{ $to->toDateString() }}"></div>
        <div class="field"><label>&nbsp;</label>
            <label class="check"><input type="checkbox" name="top" value="1" @checked(request()->boolean('top'))> Top consumers only</label></div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Apply</button></div>
    </form>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Total consumed', 'value' => human_bytes($totals['bytes']), 'variant' => 'info', 'href' => '#'])
        @include('components.kpi', ['label' => 'Download', 'value' => human_bytes($totals['input']), 'href' => '#'])
        @include('components.kpi', ['label' => 'Upload', 'value' => human_bytes($totals['output']), 'href' => '#'])
        @include('components.kpi', ['label' => 'Peak day', 'value' => $totals['peak_day'], 'delta' => human_bytes($totals['peak_bytes']), 'href' => '#'])
    </div>

    <div class="card mb-2">
        <div class="card-head"><h3>Daily aggregate</h3></div>
        <div class="card-body">
            @include('components.chart', [
                'series' => collect($daily)->map(fn ($p) => [
                    'label' => \Carbon\Carbon::parse($p['date'])->format('d M'),
                    'value' => $p['total_bytes'],
                ])->all(),
                'type' => 'bar', 'format' => 'bytes', 'height' => 210,
            ])
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Per-subscriber consumption</h3>
            <span class="sub">{{ $from->format('d M Y') }} – {{ $to->format('d M Y') }}</span></div>
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Subscriber</th><th>Plan</th><th class="num">Sessions</th><th class="num">Online</th>
                        <th class="num">Download</th><th class="num">Upload</th><th class="num">Total</th><th class="num">Quota used</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($usage as $row)
                        <tr>
                            <td>
                                <span class="mono strong">{{ $row['username'] }}</span>
                                @if ($row['customer'])
                                    <div class="tiny muted"><a href="{{ route('customers.show', $row['customer']) }}">{{ $row['customer_name'] }}</a></div>
                                @endif
                            </td>
                            <td class="small">{{ $row['plan'] ?? '—' }}</td>
                            <td class="num">{{ number_format($row['sessions']) }}</td>
                            <td class="num">{{ $row['hours'] }} h</td>
                            <td class="num">{{ human_bytes($row['input_bytes']) }}</td>
                            <td class="num">{{ human_bytes($row['output_bytes']) }}</td>
                            <td class="num strong">{{ human_bytes($row['total_bytes']) }}</td>
                            <td class="num">
                                @if ($row['quota_gb'])
                                    @php $pct = min(100, ($row['total_bytes'] / ($row['quota_gb'] * 1073741824)) * 100); @endphp
                                    <span class="badge {{ $pct > 90 ? 'danger' : ($pct > 75 ? 'warning' : 'success') }}">
                                        {{ number_format($pct, 1) }}%
                                    </span>
                                @else
                                    <span class="muted">—</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="8">
                            @include('components.empty-state', ['icon' => '&#128200;', 'title' => 'No usage recorded in this period'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection