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

{% block title %}Allocation {{ allocation.id }} - Pychestrate Resources{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Allocation #{{ allocation.id }}</h1>
    <p>Allocation details for {{ allocation.resource_name }}</p>
</div>

<div class="detail-grid">
    <div>
        <div class="card">
            <h2 class="card-header">Allocation Information</h2>
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <tr>
                    <th scope="row" class="w-sm">ID</th>
                    <td>{{ allocation.id }}</td>
                </tr>
                <tr>
                    <th scope="row">Resource</th>
                    <td><a href="{{ url_for('resources.resource_detail', resource_id=allocation.resource_id) }}">{{ allocation.resource_name }}</a></td>
                </tr>
                <tr>
                    <th scope="row">Resource Type</th>
                    <td>{{ allocation.resource_type }}</td>
                </tr>
                <tr>
                    <th scope="row">User</th>
                    <td>{{ allocation.username or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Job ID</th>
                    <td>{{ allocation.job_id or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Reason</th>
                    <td data-role="allocation-reason">{{ allocation.reason or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Mode</th>
                    <td>
                        {% set mode = allocation.mode %}
                        {% if mode == 'exclusive' %}
                        <span class="badge badge-info">Exclusive</span>
                        {% else %}
                        <span class="badge badge-info">Shared</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">Status</th>
                    <td>
                        {% set status = allocation.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>
                        {% else %}
                        <span class="badge badge-secondary">{{ status }}</span>
                        {% endif %}
                    </td>
                </tr>
                {% if allocation.forced_by or allocation.force_reason %}
                <tr>
                    <th scope="row">Forced by</th>
                    <td data-role="forced-by">{{ allocation.forced_by or '—' }}</td>
                </tr>
                <tr>
                    <th scope="row">Reason given</th>
                    <td data-role="force-reason">{{ allocation.force_reason or '—' }}</td>
                </tr>
                {% endif %}
                <tr>
                    <th scope="row">Check Out Time</th>
                    <td>{{ allocation.checkout_time | local_datetime(true, '—') }}</td>
                </tr>
                <tr>
                    <th scope="row">Expected Check In</th>
                    <td>{{ allocation.expected_checkin | local_datetime(true, '—') }}</td>
                </tr>
                <tr>
                    <th scope="row">Actual Check In</th>
                    <td>{{ allocation.actual_checkin | local_datetime(true, '—') }}</td>
                </tr>
                <tr>
                    <th scope="row">Duration</th>
                    <td>{% if allocation.duration_minutes is not none %}{{ allocation.duration_minutes }} minutes{% else %}-{% endif %}</td>
                </tr>
            </table></div>
        </div>
        
        {% if allocation.metadata %}
        <div class="card">
            <h2 class="card-header">Resource Metadata (at check out)</h2>
            <pre class="pre-block">{{ allocation.metadata | tojson(indent=2) }}</pre>
        </div>
        {% endif %}
    </div>
    
    <div>
        {% set status = allocation.status %}
        {% if status == 'active' and (allocation.user_id == current_user_id or can_manage) %}
        <div class="card">
            <h2 class="card-header">Actions</h2>
            <div class="stack">
                {% if allocation.user_id == current_user_id %}
                <form action="{{ url_for('resources.allocation_checkin', allocation_id=allocation.id) }}" method="post" data-confirm="Check in this resource?" data-confirm-tone="neutral">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-warning btn-block">
                        {{ ui.icon("assignment_return") }} Check In
                    </button>
                </form>
                {% elif can_manage %}
                <form action="{{ url_for('resources.allocation_force_checkin', allocation_id=allocation.id) }}" method="post">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <div class="form-group">
                        <label for="reason">Reason for force check in</label>
                        <input type="text" id="reason" name="reason" class="form-control" required placeholder="Reason for force check in">
                    </div>
                    <button type="submit" class="btn btn-danger btn-block" data-confirm="Force check in this resource?">
                        {{ ui.icon("warning") }} Force Check In
                    </button>
                </form>
                {% endif %}
            </div>
        </div>
        {% endif %}
        
        <div class="card">
            <h2 class="card-header">Navigation</h2>
            <div class="stack">
                <a href="{{ url_for('resources.resource_detail', resource_id=allocation.resource_id) }}" class="btn btn-secondary">
                    {{ ui.icon("devices") }} View Resource
                </a>
                <a href="{{ url_for('resources.allocation_list') }}" class="btn btn-secondary">
                    {{ ui.icon("assignment") }} Active Allocations
                </a>
                <a href="{{ url_for('resources.allocation_history') }}" class="btn btn-secondary">
                    {{ ui.icon("history") }} Allocation History
                </a>
            </div>
        </div>
    </div>
</div>
{% include "site_shell/_local_times.html" %}
{% endblock %}