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

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

{% block content %}
<div class="page-header">
    <h1>Reservations</h1>
    <p>Resource reservations</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>

        <select name="status" class="form-control w-md" aria-label="Filter by status">
            {% for choice in status_filters %}
            <option value="{{ choice.key }}" {% if selected_reservation_status == choice.key %}selected{% endif %}>{{ choice.label }}</option>
            {% endfor %}
        </select>

        <input type="datetime-local" name="start_after" class="form-control w-md" value="{{ start_after }}" aria-label="Starting after" aria-describedby="reservation-zone-note">
        <span>to</span>
        <input type="datetime-local" name="end_before" class="form-control w-md" value="{{ end_before }}" aria-label="Ending before" aria-describedby="reservation-zone-note">

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

        <a href="{{ url_for('resources.reservation_list') }}" class="btn btn-secondary">Clear</a>
        {% include "resources/reservations/_viewer_zone.html" %}
    </form>

    <div class="push-end">
        <a href="{{ csv_url }}" class="btn btn-secondary" data-role="download-csv" title="Every reservation the filters match, not one page">
            {{ ui.icon("download") }} Download CSV
        </a>
        <a href="{{ url_for('resources.availability_calendar') }}" class="btn btn-secondary" data-role="open-calendar">
            {{ ui.icon("calendar_today") }} Availability
        </a>
        <a href="{{ url_for('resources.reservation_create') }}" class="btn btn-primary">
            {{ ui.icon("add") }} Create Reservation
        </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">Start Time</th>
            <th scope="col">End Time</th>
            <th scope="col">Mode</th>
            <th scope="col">Status</th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for res in reservations %}
        <tr>
            <td><a href="{{ url_for('resources.reservation_detail', reservation_id=res.id) }}">{{ res.id }}</a></td>
            <td><a href="{{ url_for('resources.resource_detail', resource_id=res.resource_id) }}">{{ res.resource_name }}</a></td>
            <td>{{ res.username or '—' }}</td>
            <td>{{ res.job_id or '—' }}</td>
            <td>{{ res.start_time | local_datetime }}</td>
            <td>{{ res.end_time | local_datetime }}</td>
            <td>
                {% set mode = res.mode %}
                {% if mode == 'exclusive' %}
                <span class="badge badge-info">Exclusive</span>
                {% else %}
                <span class="badge badge-info">Shared</span>
                {% endif %}
            </td>
            <td>
                {% if res.status == 'pending' %}
                <span class="badge badge-warning">Pending</span>
                {% elif res.status == 'active' %}
                <span class="badge badge-success">Active</span>
                {% elif res.status == 'completed' %}
                <span class="badge badge-secondary">Completed</span>
                {% elif res.status == 'cancelled' %}
                <span class="badge badge-danger">Cancelled</span>
                {% else %}
                <span class="badge badge-secondary">{{ res.status }}</span>
                {% endif %}
            </td>
            <td>
                {% if res.status == 'pending' and (res.user_id | string) == (current_user_id | string) %}
                <a href="{{ url_for('resources.reservation_edit', reservation_id=res.id) }}" class="btn btn-sm btn-secondary">Edit</a>
                <form action="{{ url_for('resources.reservation_cancel', reservation_id=res.id) }}" method="post" data-confirm="Cancel this reservation?">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-sm btn-danger">Cancel</button>
                </form>
                {% elif res.status == 'pending' and can_manage %}
                <a href="{{ url_for('resources.reservation_edit', reservation_id=res.id) }}" class="btn btn-sm btn-secondary">Edit</a>
                <form action="{{ url_for('resources.reservation_cancel', reservation_id=res.id) }}" method="post" style="display:inline; white-space: nowrap;">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <input type="text" name="reason" class="form-control" required
                           placeholder="Reason" aria-label="Reason for cancelling this reservation"
                           style="width: 140px; display: inline-block; padding: 4px 8px;">
                    <button type="submit" class="btn btn-sm btn-danger" data-confirm="Cancel this person's reservation? Your reason is recorded in the audit log; they are not notified.">Cancel</button>
                </form>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            {% if filters_active %}
            <td colspan="9" class="muted center">
                No reservations match the current filters.
                {% if selected_reservation_status == 'open' %}
                Finished ones are hidden:
                <a href="{{ url_for('resources.reservation_list', status='all', resource_id=selected_resource_id, start_after=(start_after or none), end_before=(end_before or none), tz=(viewer_timezone or none)) }}" data-role="show-finished">show them too</a>.
                {% endif %}
                <a href="{{ url_for('resources.reservation_list') }}">Clear filters</a>
            </td>
            {% else %}
            <td colspan="9" class="muted center">
                No pending or active reservations.
                <a href="{{ url_for('resources.reservation_create') }}">Create one</a>
                or <a href="{{ url_for('resources.reservation_list', status='all') }}">show finished ones too</a>.
            </td>
            {% endif %}
        </tr>
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('resources.reservation_list', page, total_pages, {'per_page': per_page, 'resource_id': selected_resource_id, 'start_after': (start_after or none), 'end_before': (end_before or none), 'status': selected_reservation_status, 'tz': (viewer_timezone or none)}, total=total) }}
{% include "site_shell/_local_times.html" %}
{% endblock %}