@extends('layout.app')
@section('content')
    <h1>{{ $nas->id }}. {{ $nas->shortname }} ({{ $nas->nasname }})</h1>
    <p>
        <span class="badge badge-danger">&nbsp;&nbsp;</span> Not in software
        <span class="badge badge-warning ml-3">&nbsp;&nbsp;</span> Disabled on MikroTik
    </p>
    <table class="table table-bordered table-striped" id="secretsTable" style="width: 100% !important;">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">SL</th>
                <th scope="col">Name</th>
                <th scope="col">Password</th>
                <th scope="col">Profile</th>
                <th scope="col">Caller ID</th>
                <th scope="col">Disabled</th>
                <th scope="col">Last Logged Out</th>
                <th scope="col">Last Disconnect Reason</th>
            </tr>
        </thead>
        <tbody>
            @php $serial = 0; @endphp
            @foreach ($secrets as $secret)
                @if ($secret['service'] == 'pptp')
                    @continue
                @endif
                @php
                    $serial++;
                    $inSoftware = isset($clientUserIds[mb_strtolower($secret['name'] ?? '')]);
                @endphp
                <tr class="{{ !$inSoftware ? 'table-danger' : ($secret['disabled'] == 'true' ? 'table-warning' : '') }}">
                    <th scope="row">{{ $secret['.id'] }}</th>
                    <th>{{ $serial }}</th>
                    <td>{{ $secret['name'] }}</td>
                    <td>{{ $secret['password'] }}</td>
                    <td>{{ $secret['profile'] }}</td>
                    <td>{{ $secret['caller-id'] }}</td>
                    <td>{{ $secret['disabled'] }}</td>
                    <td>{{ $secret['last-logged-out'] }}</td>
                    <td>{{ $secret['last-disconnect-reason'] ?? '' }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
@endsection

@section('ajax')
    <script>
        $(function() {
            $('#secretsTable').DataTable({
                pageLength: 25,
                lengthMenu: [
                    [10, 25, 50, 100, -1],
                    [10, 25, 50, 100, 'All']
                ],
                order: [
                    [1, 'asc']
                ]
            });
        });
    </script>
@endsection