{% extends "resources/base.html" %}
{% import "site_shell/_macros.html" as ui %}

{% block title %}IP Pool - {{ pool.name }} - Pychestrate Resources{% endblock %}

{% block content %}
{% set typed = form_data or {} %}
<div class="page-header">
    <h1>{{ pool.name }}</h1>
    <p>IP pool details and allocations</p>
</div>

<div class="detail-grid">
    <div>
        <div class="card">
            <h2 class="card-header">Pool Information</h2>
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <tr>
                    <th scope="row" class="w-sm">ID</th>
                    <td>{{ pool.id }}</td>
                </tr>
                <tr>
                    <th scope="row">Name</th>
                    <td>{{ pool.name }}</td>
                </tr>
                <tr>
                    <th scope="row">CIDR</th>
                    <td><code>{{ pool.cidr }}</code></td>
                </tr>
                <tr>
                    <th scope="row">IP Version</th>
                    <td>{{ pool.ip_version }}</td>
                </tr>
                <tr>
                    <th scope="row">Gateway</th>
                    <td>{{ pool.gateway or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">DNS Servers</th>
                    <td>{{ pool.dns_servers | join(', ') if pool.dns_servers else '-' }}</td>
                </tr>
                <tr>
                    <th scope="row">Reserved Addresses</th>
                    <td>
                        {#- Never handed out: the gateway and in-range DNS
                            servers (reserved automatically), then the
                            pool's reserved list. #}
                        {% for address, role in pool.infrastructure_ips.items() %}
                        <div><code>{{ address }}</code> <span class="muted small">({{ role }})</span></div>
                        {% endfor %}
                        {% for address in pool.reserved_ips if address not in pool.infrastructure_ips %}
                        <div><code>{{ address }}</code></div>
                        {% endfor %}
                        {% if not pool.infrastructure_ips and not pool.reserved_ips %}{{ none | display }}{% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">Description</th>
                    <td>{{ pool.description or '—' }}</td>
                </tr>
            </table></div>
        </div>
        
        <div class="card">
            <h2 class="card-header">Pool Statistics</h2>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr)); gap: 15px; text-align: center;">
                <div>
                    <div class="stat-value" title="{{ pool.total_addresses }}">{{ pool.total_addresses | humanize_count }}</div>
                    <div class="muted small">Total</div>
                </div>
                <div>
                    <div class="stat-value text-success" title="{{ pool.available_count }}">{{ pool.available_count | humanize_count }}</div>
                    <div class="muted small">Available</div>
                </div>
                <div>
                    <div style="font-size: 1.5rem; font-weight: 600; color: var(--pyc-color-accent);">{{ pool.allocated_count | humanize_count }}</div>
                    <div class="muted small">Allocated</div>
                </div>
                <div>
                    <div class="stat-value muted">{{ pool.reserved_count | humanize_count }}</div>
                    <div class="muted small">Reserved</div>
                </div>
            </div>
        </div>
        
        <div class="card">
            <h2 class="card-header">Active Allocations</h2>
            {% if allocations %}
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">IP Address</th>
                        <th scope="col">Held by</th>
                        <th scope="col">Job ID</th>
                        <th scope="col">Reason</th>
                        <th scope="col">Check Out Time</th>
                        <th scope="col">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    {% for alloc in allocations %}
                    <tr>
                        <td><code>{{ alloc.ip_address }}</code></td>
                        <td>{{ alloc.username or 'Unknown' }}{% if (alloc.user_id | string) == (current_user_id | string) %} <span class="muted">(you)</span>{% endif %}</td>
                        <td>{{ alloc.job_id or '—' }}</td>
                        <td>{{ alloc.reason or '—' }}</td>
                        <td>{{ alloc.checkout_time | format_datetime('%Y-%m-%d %H:%M', '—') }}</td>
                        <td>
                            {% if (alloc.user_id | string) == (current_user_id | string) %}
                            <form action="{{ url_for('resources.ip_pool_checkin', pool_id=pool.id) }}" method="post">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                                <input type="hidden" name="allocation_id" value="{{ alloc.id }}">
                                <button type="submit" class="btn btn-sm btn-warning" data-confirm="Check in this IP?" data-confirm-tone="neutral">Check In</button>
                            </form>
                            {% elif can_manage %}
                            <form action="{{ url_for('resources.ip_pool_checkin', pool_id=pool.id) }}" method="post" style="display:inline; white-space: nowrap;">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                                <input type="hidden" name="allocation_id" value="{{ alloc.id }}">
                                <input type="text" name="reason" class="form-control" required
                                       placeholder="Reason" aria-label="Reason for releasing this address"
                                       style="width: 140px; display: inline-block; padding: 4px 8px;">
                                <button type="submit" class="btn btn-sm btn-danger" data-confirm="Release this address for {{ alloc.username or 'its holder' }}? Your reason is recorded in the audit log; they are not notified.">Release</button>
                            </form>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table></div>
            {% else %}
            <p class="muted">No active allocations</p>
            {% endif %}
        </div>
        
        {% if available_ips %}
        <div class="card">
            <h2 class="card-header">Available IPs (Preview)</h2>
            <div class="actions-row">
                {% for ip in available_ips %}
                <code style="background: var(--pyc-color-surface-elevated); padding: 4px 8px; border-radius: 4px;">{{ ip }}</code>
                {% endfor %}
                {% if pool.available_count > 10 %}
                <span class="muted">... and {{ (pool.available_count - 10) | humanize_count }} more</span>
                {% endif %}
            </div>
        </div>
        {% endif %}
    </div>
    
    <div>
        {% if can_manage %}
        <div class="card">
            <h2 class="card-header">Actions</h2>
            <div class="stack">
                <a href="{{ url_for('resources.ip_pool_edit', pool_id=pool.id) }}" class="btn btn-secondary">
                    {{ ui.icon("edit") }} Edit Pool
                </a>
                <form action="{{ url_for('resources.ip_pool_delete', pool_id=pool.id) }}" method="post" data-confirm-type="{{ pool.name }}" data-confirm="Delete the IP pool &quot;{{ pool.name | e }}&quot;? This cannot be undone.">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-danger btn-block">
                        {{ ui.icon("delete") }} Delete Pool
                    </button>
                </form>
            </div>
        </div>
        {% endif %}
        
        {% if pool.available_count > 0 %}
        <div class="card">
            <h2 class="card-header">Check Out IP</h2>
            {{ ui.error_summary(errors, error_labels) }}
            <form method="post" action="{{ url_for('resources.ip_pool_checkout', pool_id=pool.id) }}">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                
                <div class="form-group">
                    <label for="count">Number of IPs</label>
                    <input type="number" id="count" name="count" class="form-control" min="1" max="{{ pool.available_count }}" value="{{ typed.get('count') or 1 }}"{{ ui.invalid_attrs(errors, "count") }}>
                    {{ ui.field_error(errors, "count") }}
                </div>
                
                <div class="form-group">
                    <label for="specific_ip">Specific IP (optional)</label>
                    <input type="text" id="specific_ip" name="specific_ip" class="form-control" placeholder="Leave empty for auto-assign" value="{{ typed.get('specific_ip', '') }}"{{ ui.invalid_attrs(errors, "specific_ip") }}>
                    {{ ui.field_error(errors, "specific_ip") }}
                </div>
                
                <div class="form-group">
                    <label for="job_id">Job ID (optional)</label>
                    <input type="text" id="job_id" name="job_id" class="form-control" value="{{ typed.get('job_id', '') }}">
                </div>
                
                <div class="form-group">
                    <label for="timeout_minutes">Timeout (minutes)</label>
                    <input type="number" id="timeout_minutes" name="timeout_minutes" class="form-control" min="1" value="{{ typed.get('timeout_minutes', '') }}"{{ ui.invalid_attrs(errors, "timeout_minutes") }}>
                    {{ ui.field_error(errors, "timeout_minutes") }}
                </div>
                
                <div class="form-group">
                    <label for="reason">Reason</label>
                    <input type="text" id="reason" name="reason" class="form-control" value="{{ typed.get('reason', '') }}">
                </div>
                
                <button type="submit" class="btn btn-success btn-block">
                    {{ ui.icon("assignment_turned_in") }} Check Out
                </button>
            </form>
        </div>
        {% else %}
        <div class="card">
            <h2 class="card-header">Check Out IP</h2>
            <p class="muted">This pool is at capacity: every usable address is reserved or checked out. Check an address back in{% if can_manage %}, or <a href="{{ url_for('resources.ip_pool_create') }}">create another pool</a>{% else %}, or ask a lab manager to add another pool{% endif %}, to make room. A pool's range cannot be changed once it is made.</p>
        </div>
        {% endif %}
        
        {% if allocations %}
        <div class="card">
            <h2 class="card-header">Bulk Check In by Job</h2>
            <form method="post" action="{{ url_for('resources.ip_pool_checkin', pool_id=pool.id) }}">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                
                <div class="form-group">
                    <label for="bulk_job_id">Job ID</label>
                    <input type="text" id="bulk_job_id" name="job_id" class="form-control" required>
                </div>
                
                <button type="submit" class="btn btn-warning btn-block">
                    {{ ui.icon("assignment_return") }} Check In All Job IPs
                </button>
            </form>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}