@extends('layouts.app')
@section('title', $pool->name)

@section('content')
    @php $cap = $pool->capacity; $used = $pool->addresses_count; @endphp

    <div class="page-head">
        <div>
            <h1>{{ $pool->name }}</h1>
            <p>{{ strtoupper($pool->pool_type) }} · {{ $pool->network }}/{{ $pool->cidr ?: $pool->netmask }}</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('ip-pools.edit', $pool) }}" class="btn secondary">Edit</a>
            @if ($pool->addresses()->where('status', 'allocated')->doesntExist())
                <form method="POST" action="{{ route('ip-pools.destroy', $pool) }}"
                      data-confirm="Remove the {{ $pool->name }} pool?">
                    @csrf @method('DELETE')
                    <button class="btn danger" type="submit">Remove</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Capacity', 'value' => number_format($cap), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Addresses tracked', 'value' => number_format($used)])
        @include('components.kpi', ['label' => 'Allocated', 'value' => number_format($breakdown['allocated'] ?? 0),
            'variant' => ($breakdown['allocated'] ?? 0) ? 'warn' : 'good'])
        @include('components.kpi', ['label' => 'Available', 'value' => number_format($breakdown['available'] ?? 0),
            'variant' => 'good'])
    </div>

    <div class="grid grid-2 mb-2">
        <div class="card">
            <div class="card-head"><h3>Add addresses</h3></div>
            <form method="POST" action="{{ route('ip-pools.addresses', $pool) }}">
                @csrf
                <div class="card-body">
                    <div class="grid grid-2">
                        <div class="field">
                            <label>Start IP <span class="req">*</span></label>
                            <input type="text" name="start_ip" class="mono" required
                                   value="{{ old('start_ip', $pool->start_ip) }}" placeholder="10.20.0.2">
                            @error('start_ip')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>End IP</label>
                            <input type="text" name="end_ip" class="mono"
                                   value="{{ old('end_ip', $pool->end_ip) }}" placeholder="10.20.0.254">
                            <span class="hint">Leave blank to add a single address. Max 1024 at a time.</span>
                            @error('end_ip')<span class="err">{{ $message }}</span>@enderror
                        </div>
                        <div class="field">
                            <label>Address class <span class="req">*</span></label>
                            <select name="ip_type" required>
                                @foreach ($ipTypes as $t)
                                    <option value="{{ $t }}" @selected(old('ip_type', 'private') === $t)>{{ title_case_words($t) }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label>Allocation <span class="req">*</span></label>
                            <select name="allocation" required>
                                @foreach ($allocations as $a)
                                    <option value="{{ $a }}" @selected(old('allocation', 'dynamic') === $a)>{{ title_case_words($a) }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
                <div class="card-foot"><button class="btn" type="submit">Add to pool</button></div>
            </form>
        </div>

        <div class="card">
            <div class="card-head"><h3>Configuration</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Gateway</dt><dd class="mono">{{ $pool->gateway ?: '—' }}</dd>
                    <dt>DNS</dt><dd class="mono">{{ $pool->dns_primary ?: '—' }}{{ $pool->dns_secondary ? ', '.$pool->dns_secondary : '' }}</dd>
                    <dt>Next server (TFTP)</dt><dd class="mono">{{ $pool->next_server ?: '—' }}</dd>
                    <dt>Lease time</dt><dd>{{ $pool->lease_time }} seconds</dd>
                    <dt>Range</dt><dd class="mono">{{ $pool->start_ip ?: '—' }} — {{ $pool->end_ip ?: '—' }}</dd>
                    <dt>Status</dt>
                    <dd><span class="badge {{ $pool->is_active ? 'success' : 'muted' }}">
                        <span class="dot"></span>{{ $pool->is_active ? 'Active' : 'Inactive' }}</span></dd>
                </dl>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head">
            <h3>Addresses</h3>
            <span class="badge muted">{{ $addresses->total() }}</span>
        </div>
        <div class="card-body" style="padding:0;">
            @if ($addresses->isEmpty())
                @include('components.empty-state', [
                    'icon' => '&#127760;',
                    'title' => 'No addresses in this pool yet',
                    'message' => 'Add a range above. Addresses start as available and are bound to a service when allocated.',
                ])
            @else
                <table class="data">
                    <thead>
                    <tr>
                        <th>Address</th><th>Class</th><th>Allocation</th><th>Service</th>
                        <th>MAC</th><th>Hostname</th><th>Status</th><th style="width:26%;">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($addresses as $address)
                        <tr>
                            <td class="mono">{{ $address->ip_address }}</td>
                            <td class="small">{{ title_case_words($address->ip_type) }}</td>
                            <td class="small">{{ title_case_words($address->allocation) }}</td>
                            <td class="small">
                                @if ($address->service)
                                    <a class="mono" href="{{ route('services.show', $address->service) }}">{{ $address->service->service_number }}</a>
                                    <div class="tiny muted">{{ $address->service->customer?->display_name }}</div>
                                @else <span class="muted">—</span> @endif
                            </td>
                            <td class="small mono">{{ $address->mac_address ?: '—' }}</td>
                            <td class="small">{{ $address->hostname ?: '—' }}</td>
                            <td><span class="badge {{ status_color(match ($address->status) {
                                    'allocated' => 'active', 'available' => 'up', default => $address->status }) }}">
                                    <span class="dot"></span>{{ title_case_words($address->status) }}</span></td>
                            <td class="nowrap">
                                @if ($address->status === 'allocated')
                                    <form method="POST" action="{{ route('ip-addresses.release', $address) }}"
                                          data-confirm="Release {{ $address->ip_address }}?" style="display:inline;">
                                        @csrf
                                        <button class="btn xs secondary" type="submit">Release</button>
                                    </form>
                                @else
                                    <form method="POST" action="{{ route('ip-addresses.allocate', $address) }}" class="inline-form">
                                        @csrf
                                        <input type="number" name="service_id" placeholder="Service id" min="1" required style="width:104px;">
                                        <button class="btn xs" type="submit"
                                                @disabled($address->status === 'retired' || $address->status === 'blocked')>Allocate</button>
                                    </form>
                                @endif
                                <form method="POST" action="{{ route('ip-addresses.destroy', $address) }}"
                                      data-confirm="Remove {{ $address->ip_address }} from the pool?" style="display:inline;">
                                    @csrf @method('DELETE')
                                    <button class="btn xs danger" type="submit"
                                            @disabled($address->status === 'allocated')>Del</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            @endif
        </div>
        @if ($addresses->hasPages())<div class="card-foot">{{ $addresses->links('partials.pagination') }}</div>@endif
    </div>
@endsection