@extends('layout.app')

@section('title', 'Pengaturan Radius')

@section('content')
<x-material-page-header 
    title="Pengaturan Radius" 
    :breadcrumbs="[
        ['name' => 'Pengaturan', 'url' => route('pengaturan.dashboard')],
        ['name' => 'Radius']
    ]"
/>

<div class="container-fluid py-4">
    @if(session('success'))
        <div class="alert alert-success text-white alert-dismissible fade show" role="alert">
            <span class="alert-icon"><i class="material-symbols-rounded me-2" style="font-size: 20px; vertical-align: middle;">check_circle</i></span>
            <span class="alert-text"><strong>Success!</strong> {{ session('success') }}</span>
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="card my-4">
        <div class="card-header pb-0 pt-3">
            <h6 class="mb-0">Tambah NAS</h6>
        </div>
        <div class="card-body pt-0">
        <form action="{{ route('pengaturan.radius') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-md-3">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">Nama</label>
                        <input name="name" class="form-control" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">IP Address</label>
                        <input name="ip_address" class="form-control" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">Secret</label>
                        <input name="secret" class="form-control" required>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">Type</label>
                        <input name="type" class="form-control" value="other">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">Ports</label>
                        <input type="number" name="ports" class="form-control" value="1812">
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="input-group input-group-outline mb-3">
                        <label class="form-label">Deskripsi</label>
                        <input name="description" class="form-control">
                    </div>
                </div>
            </div>
            <div class="text-end">
                <button class="btn bg-gradient-primary mb-0" type="submit">Simpan</button>
            </div>
        </form>
        </div>
    </div>

    <div class="card my-4">
        <div class="card-header pb-0 pt-3">
            <h6 class="mb-0">Daftar NAS</h6>
        </div>
        <div class="card-body">
        <div class="table-responsive">
            <table class="table table-striped align-middle">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Nama</th>
                        <th>IP</th>
                        <th>Type</th>
                        <th>Ports</th>
                        <th>Deskripsi</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($nases as $nas)
                        <tr>
                            <td>{{ $nas->id }}</td>
                            <td>{{ $nas->name }}</td>
                            <td>{{ $nas->ip_address }}</td>
                            <td>{{ $nas->type }}</td>
                            <td>{{ $nas->ports }}</td>
                            <td>{{ $nas->description ?? '-' }}</td>
                            <td>
                                <form action="{{ route('pengaturan.radius') }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus NAS ini?')">
                                    @csrf
                                    @method('DELETE')
                                    <input type="hidden" name="nas_id" value="{{ $nas->id }}">
                                    <button class="btn btn-sm bg-gradient-danger mb-0" type="submit">Hapus</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted">Belum ada NAS</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        {{ $nases->links() }}
    </div>
</div>
</div>
@endsection