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

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

{% block content %}
<div class="page-header">
    <h1>{{ pool.name }}</h1>
    <p>Resource pool details and contents</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 }}
                        {% if pool.is_default %}
                        <span class="badge badge-info">Default</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">Description</th>
                    <td>{{ pool.description or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Resource Count</th>
                    <td>{{ pool.resource_count }}</td>
                </tr>
                <tr>
                    <th scope="row">Created</th>
                    <td>{{ pool.created_at | format_datetime('%Y-%m-%d %H:%M:%S', '—') }}</td>
                </tr>
                <tr>
                    <th scope="row">Created By</th>
                    <td data-role="pool-created-by">{{ pool.created_by_name or ('a user who no longer exists' if pool.created_by else '-') }}</td>
                </tr>
            </table></div>
        </div>

        <div class="card">
            <h2 class="card-header">Resources in Pool</h2>
            {% if resources %}
            {% if resource_total > resources | length %}
            <p style="color: var(--pyc-color-on-surface-muted); margin-top: 0;">Showing {{ resources | length }} of {{ resource_total }} resources</p>
            {% endif %}
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Name</th>
                        <th scope="col">Type</th>
                        <th scope="col">Health</th>
                        <th scope="col">Capacity</th>
                    </tr>
                </thead>
                <tbody>
                    {% for resource in resources %}
                    <tr>
                        <td><a href="{{ url_for('resources.resource_detail', resource_id=resource.id) }}">{{ resource.name }}</a></td>
                        <td>{{ resource.resource_type }}</td>
                        <td>
                            {% set status = resource.health_status %}
                            {% if status == 'online' %}
                            <span class="badge badge-success">Online</span>
                            {% elif status == 'offline' %}
                            <span class="badge badge-danger">Offline</span>
                            {% elif status == 'degraded' %}
                            <span class="badge badge-warning">Degraded</span>
                            {% elif status == 'maintenance' %}
                            <span class="badge badge-secondary">Maintenance</span>
                            {% else %}
                            <span class="badge badge-secondary">{{ status | capitalize }}</span>
                            {% endif %}
                        </td>
                        <td>{{ resource.current_allocations }}/{{ resource.capacity }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table></div>

            {{ ui.pagination('resources.pool_detail', page, total_pages, {'pool_id': pool.id, 'per_page': per_page}, total=resource_total) }}
            {% else %}
            <p class="muted">No resources in this pool</p>
            {% endif %}
        </div>
    </div>

    <div>
        {% if can_manage and addable_resources %}
        <div class="card">
            <h2 class="card-header">Add existing resources</h2>
            <form method="post" action="{{ url_for('resources.pool_add_resources', pool_id=pool.id) }}">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <div class="form-group">
                    <label for="resource_ids">Resources to move into this pool</label>
                    <select id="resource_ids" name="resource_ids" class="form-control" multiple size="8" aria-describedby="resource_ids-help">
                        {% for item in addable_resources %}
                        <option value="{{ item.id }}">{{ item.name }} ({{ item.pool_name or 'no pool' }})</option>
                        {% endfor %}
                    </select>
                    <p id="resource_ids-help" class="form-text">Hold Ctrl or Cmd to choose several. A resource keeps its history and its allocations; one whose name is already in this pool stays where it is.</p>
                </div>
                <button type="submit" class="btn btn-secondary btn-block">{{ ui.icon("add") }} Add to this pool</button>
            </form>
        </div>
        {% endif %}

        {% if can_manage and resource_total > 0 and other_pools %}
        <div class="card">
            <h2 class="card-header">Move resources out</h2>
            <form method="post" action="{{ url_for('resources.pool_move_resources', pool_id=pool.id) }}"
                  data-confirm="Move all {{ resource_total }} resource(s) of this pool to the pool you chose?">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                <div class="form-group">
                    <label for="target_pool_id">Move all {{ resource_total }} resource(s) to</label>
                    <select id="target_pool_id" name="target_pool_id" class="form-control" required aria-describedby="target_pool_id-help">
                        <option value="">Choose a pool...</option>
                        {% for other in other_pools %}
                        <option value="{{ other.id }}">{{ other.name }}</option>
                        {% endfor %}
                    </select>
                    <p id="target_pool_id-help" class="form-text">Empty this pool without deleting its devices, so it can be deleted.</p>
                </div>
                <button type="submit" class="btn btn-secondary btn-block">{{ ui.icon("arrow_forward") }} Move resources</button>
            </form>
        </div>
        {% endif %}

        {% if can_manage %}
        <div class="card">
            <h2 class="card-header">Actions</h2>
            <div class="stack">
                <a href="{{ url_for('resources.resource_create') }}?pool_id={{ pool.id }}" class="btn btn-primary">
                    {{ ui.icon("add") }} Add Resource
                </a>
                {% if not pool.is_default %}
                <form action="{{ url_for('resources.pool_delete', pool_id=pool.id) }}" method="post" data-confirm-type="{{ pool.name }}" data-confirm="{% if pool.resource_count > 0 %}This pool contains {{ pool.resource_count }} resource(s) -- deletion will fail until the pool is empty. {% endif %}Delete this pool?">
                    <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>
                {% endif %}
            </div>
        </div>
        {% endif %}
    </div>
</div>
{% endblock %}