@extends('layout.app')

@section('title', 'Mikrotik Queues')

@section('content')
<x-material-page-header 
    title="Mikrotik Queues" 
    :breadcrumbs="[
        ['name' => 'Mikrotik', 'url' => route('mikrotik.index')],
        ['name' => 'Queues']
    ]"
/>

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                <div class="card-header pb-0 pt-3">
                    <h6 class="mb-0">Daftar Mikrotik Queues</h6>
                </div>
                <div class="card-body pt-0">
                    @if(isset($error))
                        <div class="alert alert-danger">
                            <i class="material-symbols-rounded me-2" style="font-size: 20px; vertical-align: middle;">error</i>{{ $error }}
                        </div>
                    @else
                        <div class="table-responsive">
                            <table class="table align-items-center mb-0">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Target</th>
                                        <th>Upload Limit</th>
                                        <th>Download Limit</th>
                                        <th>Upload Max</th>
                                        <th>Download Max</th>
                                        <th>Disabled</th>
                                        <th>Comment</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($queues ?? [] as $queue)
                                        <tr>
                                            <td>{{ $queue['name'] ?? '-' }}</td>
                                            <td>{{ $queue['target'] ?? '-' }}</td>
                                            <td>{{ $queue['limit-at'] ?? '-' }}</td>
                                            <td>{{ $queue['max-limit'] ?? '-' }}</td>
                                            <td>{{ $queue['upload'] ?? '-' }}</td>
                                            <td>{{ $queue['download'] ?? '-' }}</td>
                                            <td>
                                                <span class="badge badge-sm bg-gradient-{{ ($queue['disabled'] ?? 'yes') === 'no' ? 'success' : 'danger' }}">
                                                    {{ ($queue['disabled'] ?? 'yes') === 'no' ? 'Active' : 'Disabled' }}
                                                </span>
                                            </td>
                                            <td>{{ $queue['comment'] ?? '-' }}</td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="8" class="text-center">No queues found</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
</div>
@endsection