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

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

{% block content %}
<div class="page-header">
    <h1>Allocation History</h1>
    <p>Historical record of resource allocations</p>
</div>


<div class="filter-bar">
    <form method="get" class="actions-row">
        <select name="resource_id" class="form-control w-md" aria-label="Filter by resource">
            <option value="">All Resources</option>
            {% for resource in resources %}
            <option value="{{ resource.id }}" {% if selected_resource_id == resource.id %}selected{% endif %}>{{ resource.name }}</option>
            {% endfor %}
        </select>

        <input type="date" name="start_date" class="form-control w-sm" value="{{ start_date }}" aria-label="Filter from date">
        <span>to</span>
        <input type="date" name="end_date" class="form-control w-sm" value="{{ end_date }}" aria-label="Filter to date">

        <button type="submit" class="btn btn-secondary">
            {{ ui.icon("filter_list") }} Filter
        </button>

        <a href="{{ url_for('resources.allocation_history') }}" 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 allocation the filters match, not one page">
            {{ ui.icon("download") }} Download CSV
        </a>
        <a href="{{ url_for('resources.allocation_list') }}" class="btn btn-secondary">
            {{ ui.icon("assignment") }} Active Allocations
        </a>
    </div>
</div>

{% if resource_total > resources | length %}
<p class="muted">
    Resource filter shows the first {{ resources | length }} of {{ resource_total }} resources.
</p>
{% endif %}

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">ID</th>
            <th scope="col">Resource</th>
            <th scope="col">User</th>
            <th scope="col">Job ID</th>
            <th scope="col">Mode</th>
            <th scope="col">Status</th>
            <th scope="col">Check Out</th>
            <th scope="col">Check In</th>
            <th scope="col">Duration</th>
        </tr>
    </thead>
    <tbody>
        {% for alloc in allocations %}
        <tr>
            <td><a href="{{ url_for('resources.allocation_detail', allocation_id=alloc.id) }}">{{ alloc.id }}</a></td>
            <td><a href="{{ url_for('resources.resource_detail', resource_id=alloc.resource_id) }}">{{ alloc.resource_name }}</a></td>
            <td>{{ alloc.username or '—' }}{% if alloc.reason %}<div class="muted" data-role="allocation-reason">{{ alloc.reason }}</div>{% endif %}</td>
            <td>{{ alloc.job_id or '—' }}</td>
            <td>
                {% set mode = alloc.mode %}
                {% if mode == 'exclusive' %}
                <span class="badge badge-info">Exclusive</span>
                {% else %}
                <span class="badge badge-info">Shared</span>
                {% endif %}
            </td>
            <td>
                {% set status = alloc.status %}
                {% if status == 'active' %}
                <span class="badge badge-success">Active</span>
                {% elif status == 'released' %}
                <span class="badge badge-secondary">Released</span>
                {% elif status == 'expired' %}
                <span class="badge badge-warning">Expired</span>
                {% elif status == 'forced' %}
                <span class="badge badge-danger">Forced</span>
                {% if alloc.forced_by %}<div class="muted" data-role="forced-by">by {{ alloc.forced_by }}{% if alloc.force_reason %}: {{ alloc.force_reason }}{% endif %}</div>{% endif %}
                {% else %}
                <span class="badge badge-secondary">{{ status }}</span>
                {% endif %}
            </td>
            <td>{{ alloc.checkout_time | local_datetime(false, '—') }}</td>
            <td>{{ alloc.actual_checkin | local_datetime(false, '—') }}</td>
            <td>{% if alloc.duration_minutes is not none %}{{ alloc.duration_minutes }} min{% else %}-{% endif %}</td>
        </tr>
        {% else %}
        {% if filters_active %}
        <tr>
            <td colspan="9" class="muted center">
                No allocation history matches the current filters.
                <a href="{{ url_for('resources.allocation_history') }}">Clear filters</a>
            </td>
        </tr>
        {% else %}
        {{ ui.empty_state("No allocation history found", colspan=9) }}
        {% endif %}
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('resources.allocation_history', page, total_pages, {'per_page': per_page, 'resource_id': selected_resource_id, 'user_id': selected_user_id, 'start_date': (start_date or none), 'end_date': (end_date or none)}, total=total) }}
{% include "site_shell/_local_times.html" %}
{% endblock %}