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

{% block title %}Resources - Pychestrate Resources{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Resources</h1>
    <p>Manage trackable assets for allocation</p>
</div>


<div class="filter-bar">
    <form method="get" class="actions-row">
        <input type="text" name="search" class="form-control w-md" placeholder="Search name, description, metadata..."
               aria-label="Search resources by name, description or metadata"
               value="{{ search }}">

        <select name="availability" class="form-control w-sm" aria-label="Filter by availability">
            <option value="">Any availability</option>
            <option value="available" {% if selected_availability == 'available' %}selected{% endif %}>Available now</option>
            <option value="in_use" {% if selected_availability == 'in_use' %}selected{% endif %}>In use</option>
        </select>

        <select name="pool_id" class="form-control w-sm" aria-label="Filter by pool">
            <option value="">All Pools</option>
            {% for pool in pools %}
            <option value="{{ pool.id }}" {% if selected_pool_id == pool.id %}selected{% endif %}>{{ pool.name }}</option>
            {% endfor %}
        </select>

        <select name="resource_type" class="form-control w-sm" aria-label="Filter by resource type">
            <option value="">All Types</option>
            <option value="device" {% if selected_resource_type == 'device' %}selected{% endif %}>Device</option>
            <option value="ip_address" {% if selected_resource_type == 'ip_address' %}selected{% endif %}>IP Address</option>
            <option value="port" {% if selected_resource_type == 'port' %}selected{% endif %}>Port</option>
            <option value="credential" {% if selected_resource_type == 'credential' %}selected{% endif %}>Credential</option>
            <option value="generic" {% if selected_resource_type == 'generic' %}selected{% endif %}>Generic</option>
        </select>

        <select name="health_status" class="form-control w-sm" aria-label="Filter by health status">
            <option value="">All Status</option>
            <option value="online" {% if selected_health_status == 'online' %}selected{% endif %}>Online</option>
            <option value="offline" {% if selected_health_status == 'offline' %}selected{% endif %}>Offline</option>
            <option value="degraded" {% if selected_health_status == 'degraded' %}selected{% endif %}>Degraded</option>
            <option value="maintenance" {% if selected_health_status == 'maintenance' %}selected{% endif %}>Maintenance</option>
        </select>

        {% if all_tags %}
        <details class="pyc-filter-details">
            <summary class="btn btn-secondary">Tags{% if selected_tags %} ({{ selected_tags | length }}){% endif %}</summary>
            <fieldset class="pyc-checkbox-group">
                <legend class="visually-hidden">Filter by tags</legend>
                {% for tag in all_tags %}
                <label><input type="checkbox" name="tags" value="{{ tag.name }}" {% if tag.name in selected_tags %}checked{% endif %}> {{ tag.name }}</label>
                {% endfor %}
            </fieldset>
        </details>
        {% endif %}
        <button type="submit" class="btn btn-secondary">
            {{ ui.icon("filter_list") }} Filter
        </button>

        <a href="{{ url_for('resources.resource_list') }}" class="btn btn-secondary">Clear</a>
    </form>

    <div class="push-end">
        <a href="{{ csv_url }}" class="btn btn-secondary" data-role="download-csv" title="Every device the filters match, not one page">
            {{ ui.icon("download") }} Download CSV
        </a>
        {% if can_manage %}
        <a href="{{ url_for('resources.resource_import') }}" class="btn btn-secondary" data-role="import-resources">
            {{ ui.icon("add_circle") }} Import
        </a>
        <a href="{{ url_for('resources.resource_create') }}" class="btn btn-primary">
            {{ ui.icon("add") }} Create Resource
        </a>
        {% endif %}
    </div>
</div>

<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">Pool</th>
            <th scope="col">Health</th>
            <th scope="col">Availability</th>
            <th scope="col">Tags</th>
            {% if can_manage %}<th scope="col">Actions</th>{% endif %}
        </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>{{ resource.pool_name | display }}</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>
                {% set who = holders.get(resource.id, []) if holders else [] %}
                {% set free = resource.capacity - resource.current_allocations %}
                {% if free > 0 and resource.health_status in ['online', 'degraded'] %}
                <span class="badge badge-success">Available</span>
                {% if resource.capacity > 1 %}<span class="muted small">{{ free }} of {{ resource.capacity }} free</span>{% endif %}
                <form action="{{ url_for('resources.resource_checkout', resource_id=resource.id) }}" method="post" data-confirm="Check out {{ resource.name }}? It is yours until you check it back in." data-confirm-tone="neutral">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <input type="hidden" name="mode" value="exclusive">
                    <button type="submit" class="btn btn-sm btn-primary">Check out</button>
                </form>
                {% elif free > 0 %}
                <span class="badge badge-secondary">Unavailable</span>
                <span class="muted small">{{ resource.health_status | capitalize }}</span>
                {% else %}
                <span class="badge badge-warning">In use</span>
                {% if who %}
                <span class="small">by {{ who[0].username or 'someone' }}{% if who | length > 1 %} +{{ who | length - 1 }}{% endif %}{% if who[0].expected_checkin %} until {{ who[0].expected_checkin | format_datetime('%Y-%m-%d %H:%M', '') }}{% endif %}</span>
                {% endif %}
                {% endif %}
            </td>
            <td>
                {% for tag in resource.tags[:3] %}
                <span class="badge badge-info">{{ tag }}</span>
                {% endfor %}
                {% if resource.tags|length > 3 %}
                <span class="badge badge-secondary">+{{ resource.tags|length - 3 }}</span>
                {% endif %}
            </td>
            {% if can_manage %}
            <td>
                <div class="row-actions">
                <a href="{{ url_for('resources.resource_edit', resource_id=resource.id) }}" class="btn btn-sm btn-secondary">Edit</a>
                <form action="{{ url_for('resources.resource_delete', resource_id=resource.id) }}" method="post" data-confirm-type="{{ resource.name }}" data-confirm="Delete the resource &quot;{{ resource.name | e }}&quot;? Its allocation, reservation and health history is deleted with it. This cannot be undone.">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-sm btn-quiet-danger">Delete</button>
                </form>
                </div>
            </td>
            {% endif %}
        </tr>
        {% else %}
        <tr>
            {% if filters_active %}
            <td colspan="{{ 7 if can_manage else 6 }}" class="muted center">
                No resources match the current filters.
                <a href="{{ url_for('resources.resource_list') }}">Clear filters</a>
            </td>
            {% else %}
            <td colspan="{{ 7 if can_manage else 6 }}" class="muted center">
                No resources found.
                {% if can_manage %}<a href="{{ url_for('resources.resource_create') }}">Create one</a>{% endif %}
            </td>
            {% endif %}
        </tr>
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('resources.resource_list', page, total_pages, {'per_page': per_page, 'pool_id': selected_pool_id, 'resource_type': (selected_resource_type or none), 'health_status': (selected_health_status or none), 'availability': (selected_availability or none), 'search': (search or none), 'tags': (selected_tags or none)}, total=total) }}
{% endblock %}