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

{% block title %}{{ resource.name }} - Pychestrate Resources{% endblock %}

{% block content %}
<div class="page-header">
    <h1>{{ resource.name }}</h1>
    <p>Resource details and allocation status</p>
</div>

<div class="detail-grid">
    <div>
        <div class="card">
            <h2 class="card-header">Resource Information</h2>
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <tr>
                    <th scope="row" class="w-sm">ID</th>
                    <td>{{ resource.id }}</td>
                </tr>
                <tr>
                    <th scope="row">Name</th>
                    <td>{{ resource.name }}</td>
                </tr>
                <tr>
                    <th scope="row">Type</th>
                    <td>{{ resource.resource_type }}</td>
                </tr>
                <tr>
                    <th scope="row">Pool</th>
                    <td>{{ resource.pool_name | display }}</td>
                </tr>
                <tr>
                    <th scope="row">Description</th>
                    <td>{{ resource.description or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Health Status</th>
                    <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>
                </tr>
                <tr>
                    <th scope="row">Capacity</th>
                    <td>{{ resource.current_allocations }}/{{ resource.capacity }} allocated</td>
                </tr>
                <tr>
                    <th scope="row">Tags</th>
                    <td>
                        {% for tag in resource.tags %}
                        <span class="badge badge-info">{{ tag }}</span>
                        {% else %}
                        <span class="muted">No tags</span>
                        {% endfor %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">Created</th>
                    <td>{{ resource.created_at | local_datetime(true, '—') }}</td>
                </tr>
                <tr>
                    <th scope="row">Updated</th>
                    <td>{{ resource.updated_at | local_datetime(true, '—') }}</td>
                </tr>
            </table></div>
        </div>

        {% if resource.metadata %}
        <div class="card">
            <h2 class="card-header">Metadata</h2>
            <pre class="pre-block">{{ resource.metadata | tojson(indent=2) }}</pre>
        </div>
        {% endif %}

        <div class="card">
            <h2 class="card-header">Active Allocations</h2>
            {% if active_allocations %}
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">User</th>
                        <th scope="col">Job ID</th>
                        <th scope="col">Mode</th>
                        <th scope="col">Check Out Time</th>
                        <th scope="col">Expected Check In</th>
                        <th scope="col"><span class="visually-hidden">Actions</span></th>
                    </tr>
                </thead>
                <tbody>
                    {% for alloc in active_allocations %}
                    <tr>
                        <td><a href="{{ url_for('resources.allocation_detail', allocation_id=alloc.id) }}">{{ alloc.id }}</a></td>
                        <td>{{ alloc.username or '—' }}</td>
                        <td>{{ alloc.job_id or '—' }}</td>
                        <td>{{ ui.status_badge(alloc.mode) }}</td>
                        <td>{{ alloc.checkout_time | local_datetime(true, '—') }}</td>
                        <td>{{ alloc.expected_checkin | local_datetime(true, '—') }}</td>
                        <td>
                            {% if alloc.user_id|string == current_user_id|string %}
                            <form action="{{ url_for('resources.allocation_checkin', allocation_id=alloc.id) }}" method="post" data-confirm="Check this resource back in?" data-confirm-tone="neutral">
                                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                                <button type="submit" class="btn btn-sm btn-secondary">Check in</button>
                            </form>
                            {% elif can_manage %}
                            <a href="{{ url_for('resources.allocation_detail', allocation_id=alloc.id) }}" class="btn btn-sm btn-secondary">Force check in&hellip;</a>
                            {% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table></div>
            {% else %}
            <p class="muted">No active allocations</p>
            {% endif %}
        </div>

        <div class="card">
            <h2 class="card-header">Upcoming Reservations</h2>
            {% if upcoming_reservations %}
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">User</th>
                        <th scope="col">Job ID</th>
                        <th scope="col">Mode</th>
                        <th scope="col">Start Time</th>
                        <th scope="col">End Time</th>
                    </tr>
                </thead>
                <tbody>
                    {% for res in upcoming_reservations %}
                    <tr>
                        <td><a href="{{ url_for('resources.reservation_detail', reservation_id=res.id) }}">{{ res.id }}</a></td>
                        <td>{{ res.username or '—' }}</td>
                        <td>{{ res.job_id or '—' }}</td>
                        <td>{{ res.mode | state_words }}</td>
                        <td>{{ res.start_time | local_datetime(false, '—') }}</td>
                        <td>{{ res.end_time | local_datetime(false, '—') }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table></div>
            {% else %}
            <p class="muted">No upcoming reservations</p>
            {% endif %}
        </div>
    </div>

    <div>
        <div class="card">
            <h2 class="card-header">Actions</h2>
            <div class="stack">
                {% if can_manage %}
                <a href="{{ url_for('resources.resource_edit', resource_id=resource.id) }}" class="btn btn-secondary">
                    {{ ui.icon("edit") }} Edit Resource
                </a>
                {% endif %}
                <a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}" class="btn btn-secondary">
                    {{ ui.icon("monitor_heart") }} Health History
                </a>
                {% if can_manage %}
                <form action="{{ url_for('resources.resource_delete', resource_id=resource.id) }}" method="post" data-confirm-type="{{ resource.name }}" data-confirm="{% if active_allocations %}This resource has {{ active_allocations | length }} active allocation(s) -- deletion will fail until they are checked in. {% elif upcoming_reservations %}Its {{ upcoming_reservations | length }} upcoming reservation(s) will be cancelled. {% endif %}Its allocation, reservation and health history is deleted with it. Delete this resource?">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-danger btn-block">
                        {{ ui.icon("delete") }} Delete Resource
                    </button>
                </form>
                {% endif %}
            </div>
        </div>

        {% set status = resource.health_status %}
        {% if status in ['online', 'degraded'] %}
        {% if resource.current_allocations < resource.capacity %}
        <div class="card">
            <h2 class="card-header">Check Out Resource</h2>
            {% if next_reservation_by_other %}
            <p class="alert alert-warning" role="status" data-role="reserved-notice">
                Reserved by {{ next_reservation_by_other.username or 'someone else' }} from
                {{ next_reservation_by_other.start_time | local_datetime(false, '—') }} to
                {{ next_reservation_by_other.end_time | local_datetime(false, '—') }}.
                Check it out with a timeout that ends before then; a request that runs into a reservation is refused.
            </p>
            {% endif %}
            <form method="post" action="{{ url_for('resources.resource_checkout', resource_id=resource.id) }}">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

                <div class="form-group">
                    <label for="job_id">Job ID (optional)</label>
                    <input type="text" id="job_id" name="job_id" class="form-control">
                </div>

                <div class="form-group">
                    <label for="mode">Allocation Mode</label>
                    <select id="mode" name="mode" class="form-control">
                        <option value="exclusive">Exclusive</option>
                        <option value="shared">Shared</option>
                    </select>
                </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" aria-describedby="timeout_minutes-help">
                    <p id="timeout_minutes-help" class="form-text">Leave empty for no timeout</p>
                </div>

                <div class="form-group">
                    <label for="reason">Reason</label>
                    <input type="text" id="reason" name="reason" class="form-control">
                </div>

                <button type="submit" class="btn btn-success btn-block">
                    {{ ui.icon("assignment_turned_in") }} Check Out
                </button>
            </form>
        </div>
        {% elif my_allocation %}
        <div class="card">
            <h2 class="card-header">Check Out Resource</h2>
            <p class="alert alert-info" role="status" data-role="checkout-held-by-you">
                You have this checked out, since {{ my_allocation.checkout_time | local_datetime(false, '—') }}{% if my_allocation.expected_checkin %}, until {{ my_allocation.expected_checkin | local_datetime(false, '—') }}{% endif %}.
                <a href="{{ url_for('resources.allocation_detail', allocation_id=my_allocation.id) }}">Open your allocation</a> to check it in.
            </p>
            {% if resource.current_allocations > 1 %}
            <p class="muted" style="margin: 0;">{{ resource.current_allocations - 1 }} other allocation{{ 's' if resource.current_allocations != 2 else '' }} {{ 'are' if resource.current_allocations != 2 else 'is' }} also active.</p>
            {% endif %}
        </div>
        {% else %}
        <div class="card">
            <h2 class="card-header">Check Out Resource</h2>
            <p style="color: var(--pyc-color-on-surface-muted); margin: 0;" data-role="checkout-at-capacity">
                At capacity: held by
                {% for allocation in active_allocations %}{{ allocation.username or 'someone' }}{% if allocation.expected_checkin %} (until {{ allocation.expected_checkin | local_datetime(false, '—') }}){% endif %}{% if not loop.last %}, {% endif %}{% endfor %}.
                Checking out becomes available when an allocation is checked in.
            </p>
        </div>
        {% endif %}
        {% else %}
        <div class="card">
            <h2 class="card-header">Check Out Resource</h2>
            <p class="alert alert-warning" role="status" data-role="checkout-blocked">
                Checking out is blocked: this resource is {% if status == 'maintenance' %}in maintenance{% else %}{{ status }}{% endif %}{% if blocking_transition %} since {{ blocking_transition.timestamp | local_datetime(false, '—') }}{% if blocking_transition.username %} (set by {{ blocking_transition.username }}){% endif %}{% endif %}.
                {% if blocking_transition and blocking_transition.reason %}Reason: {{ blocking_transition.reason }}.{% endif %}
                {% if can_manage %}Change its status under <a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">Health</a> to allow checking out again.{% else %}Ask a lab manager to bring it back online.{% endif %}
            </p>
        </div>
        {% endif %}
    </div>
</div>
{% include "site_shell/_local_times.html" %}
{% endblock %}