@extends('layouts.app')
@section('title', 'CoA / Disconnect history')

@section('content')
    <div class="page-head">
        <div><h1>CoA &amp; Disconnect-Message history</h1>
            <p>Every RFC 3576 packet sent to the estate, with the NAS response.</p></div>
        <button type="button" class="btn" data-modal="coa-modal">Send CoA / DM</button>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Sent today', 'value' => $counts['today'], 'variant' => 'info', 'href' => '#'])
        @include('components.kpi', ['label' => 'Acknowledged', 'value' => $counts['ack'], 'variant' => 'good', 'href' => route('radius.disconnects', ['status' => 'ack'])])
        @include('components.kpi', ['label' => 'NAK / failed', 'value' => $counts['failed'], 'variant' => 'bad', 'href' => route('radius.disconnects', ['status' => 'nak'])])
        @include('components.kpi', ['label' => 'Success rate', 'value' => percent($counts['success_rate']), 'variant' => 'good', 'href' => '#'])
    </div>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr><th>When</th><th>Username</th><th>Type</th><th>Purpose</th><th>NAS</th><th>Port</th>
                        <th>Result</th><th>Response</th><th>Sent by</th></tr>
                    </thead>
                    <tbody>
                    @forelse ($requests as $req)
                        <tr>
                            <td class="small nowrap">{{ $req->created_at->format('d M H:i:s') }}</td>
                            <td class="mono">{{ $req->username }}</td>
                            <td><span class="badge info">{{ $req->type }}</span></td>
                            <td class="small">{{ title_case_words($req->purpose) }}</td>
                            <td class="mono tiny">{{ $req->nas_ip }}</td>
                            <td class="num">{{ $req->nas_port }}</td>
                            <td><span class="badge {{ $req->status === 'ack' ? 'success' : ($req->status === 'nak' ? 'warning' : 'danger') }}">
                                <span class="dot"></span>{{ $req->status }}</span></td>
                            <td class="small">{{ $req->response_detail ? \Illuminate\Support\Str::limit($req->response_detail, 60) : '—' }}</td>
                            <td class="small">{{ $req->user?->name ?? 'System' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="9">
                            @include('components.empty-state', ['icon' => '&#9889;', 'title' => 'No packets sent yet',
                                'message' => 'CoA and DM requests appear here with the NAS response code.',
                                'action' => '<button type="button" class="btn sm" data-modal="coa-modal">Send CoA / DM</button>'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($requests->hasPages())<div class="card-foot">{{ $requests->links('partials.pagination') }}</div>@endif
    </div>

    <div class="modal-backdrop" id="coa-modal">
        <div class="modal">
            <form method="POST" action="{{ route('radius.send') }}">
                @csrf
                <div class="modal-head"><h3>Send CoA or Disconnect-Message</h3>
                    <button type="button" class="modal-close" data-modal-close>&times;</button></div>
                <div class="modal-body">
                    <div class="form-grid cols-1">
                        <div class="field"><label>Type <span class="req">*</span></label>
                            <select name="type" required>
                                <option value="DM">Disconnect-Message</option>
                                <option value="CoA">Change-of-Authorization</option>
                            </select></div>
                        <div class="field"><label>Username <span class="req">*</span></label>
                            <input type="text" name="username" class="mono" required></div>
                        <div class="field"><label>NAS IP</label>
                            <input type="text" name="nas_ip" class="mono" placeholder="Auto-detect from the live session"></div>
                        <div class="field"><label>Purpose</label>
                            <select name="purpose">
                                @foreach (['manual','speed_change','suspension','password_reset','quota_exceeded','maintenance'] as $p)
                                    <option value="{{ $p }}">{{ title_case_words($p) }}</option>
                                @endforeach
                            </select></div>
                    </div>
                </div>
                <div class="modal-foot">
                    <button type="button" class="btn secondary" data-modal-close>Cancel</button>
                    <button type="submit" class="btn">Send packet</button>
                </div>
            </form>
        </div>
    </div>
@endsection