@extends('layouts.app')

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <h1 class="h3 mb-0">Subnets</h1>
    <a class="btn btn-primary" href="{{ route('subnets.create') }}">Subnet Ekle (/24)</a>
</div>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-striped mb-0">
            <thead>
                <tr>
                    <th>CIDR</th>
                    <th>Ad</th>
                    <th>Provider</th>
                    <th>Lokasyon</th>
                    <th class="text-end">İşlem</th>
                </tr>
            </thead>
            <tbody>
                @forelse($subnets as $s)
                    <tr>
                        <td class="fw-semibold">{{ $s->cidr }}</td>
                        <td>{{ $s->name }}</td>
                        <td>{{ $s->provider }}</td>
                        <td>{{ $s->location }}</td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-dark" href="{{ route('subnets.show', $s) }}">Detay</a>
                            <form class="d-inline" method="POST" action="{{ route('subnets.destroy', $s) }}" onsubmit="return confirm('Subnet silinsin mi? Bağlı IP’ler de silinir.')">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" type="submit">Sil</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-muted">Henüz subnet yok.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="mt-3">{{ $subnets->links() }}</div>
@endsection