@extends('layouts.app')

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

<div class="card shadow-sm mb-3">
    <div class="card-body">
        <form class="row g-2" method="GET" action="{{ route('ips.index') }}">
            <div class="col-12 col-md-4">
                <input class="form-control" name="q" value="{{ $filters['q'] }}" placeholder="IP / sunucu / müşteri ara">
            </div>
            <div class="col-6 col-md-2">
                <select class="form-select" name="status">
                    <option value="">Status (tümü)</option>
                    @foreach($statusOptions as $k => $label)
                        <option value="{{ $k }}" @selected($filters['status'] === $k)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-md-2">
                <input class="form-control" name="provider" value="{{ $filters['provider'] }}" placeholder="Provider">
            </div>
            <div class="col-12 col-md-3">
                <select class="form-select" name="subnet_id">
                    <option value="">Subnet (tümü)</option>
                    @foreach($subnets as $s)
                        <option value="{{ $s->id }}" @selected((int)$filters['subnetId'] === $s->id)>{{ $s->cidr }}{{ $s->name ? ' · '.$s->name : '' }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-12 col-md-1 d-grid">
                <button class="btn btn-outline-dark" type="submit">Filtre</button>
            </div>
        </form>
    </div>
</div>

<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-striped mb-0 align-middle">
            <thead>
                <tr>
                    <th>IP</th>
                    <th>Subnet</th>
                    <th>Status</th>
                    <th>Sunucu</th>
                    <th>Provider</th>
                    <th>Atanan</th>
                    <th class="text-end">İşlem</th>
                </tr>
            </thead>
            <tbody>
                @forelse($ips as $ip)
                    <tr>
                        <td class="fw-semibold">{{ $ip->ip_address }}</td>
                        <td>{{ $ip->subnet?->cidr }}</td>
                        <td>{{ $statusOptions[$ip->status] ?? $ip->status }}</td>
                        <td>{{ $ip->server_name }}</td>
                        <td>{{ $ip->provider }}</td>
                        <td>{{ $ip->assigned_to }}</td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('ips.edit', $ip) }}">Düzenle</a>
                            <form class="d-inline" method="POST" action="{{ route('ips.destroy', $ip) }}" onsubmit="return confirm('IP silinsin mi?')">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" type="submit">Sil</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-muted">Kayıt yok.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

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