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

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

{% block content %}
<div class="page-header">
    <h1>Edit Reservation</h1>
    <p>Modify reservation time window</p>
</div>

<div class="card narrow">
    <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        {{ ui.error_summary(errors, error_labels) }}

        <div class="form-group">
            <label for="ro-resource">Resource</label>
            <input type="text" class="form-control" value="{{ reservation.resource_name }}" id="ro-resource" disabled>
        </div>
        
        <div class="form-group">
            <label for="start_time">Start Time *</label>
            <input type="datetime-local" id="start_time" name="start_time" class="form-control" required
                   value="{% if form_data %}{{ form_data.get('start_time', '') }}{% else %}{{ reservation.start_time | input_datetime(viewer_timezone) }}{% endif %}"{{ ui.invalid_attrs(errors, 'start_time', 'reservation-zone-note') }}>
            {{ ui.field_error(errors, 'start_time') }}
        </div>

        <div class="form-group">
            <label for="end_time">End Time *</label>
            <input type="datetime-local" id="end_time" name="end_time" class="form-control" required
                   value="{% if form_data %}{{ form_data.get('end_time', '') }}{% else %}{{ reservation.end_time | input_datetime(viewer_timezone) }}{% endif %}"{{ ui.invalid_attrs(errors, 'end_time', 'reservation-zone-note') }}>
            {{ ui.field_error(errors, 'end_time') }}
            {% include "resources/reservations/_viewer_zone.html" %}
        </div>
        
        <div class="form-group">
            <label for="reservation-mode-readonly">Mode</label>
            {% set mode = reservation.mode %}
            <input type="text" class="form-control" id="reservation-mode-readonly" value="{{ mode }}" disabled aria-describedby="reservation-mode-help">
            <p class="form-text" id="reservation-mode-help">Allocation mode cannot be changed</p>
        </div>

        {% if acting_for_other %}
        <div class="form-group">
            <label for="override_reason">Reason *</label>
            <input type="text" id="override_reason" name="override_reason" class="form-control" required
                   value="{% if form_data %}{{ form_data.get('override_reason', '') }}{% endif %}"{{ ui.invalid_attrs(errors, 'override_reason', 'override_reason-help') }}>
            {{ ui.field_error(errors, 'override_reason') }}
            <p class="form-text" id="override_reason-help">
                This reservation is {{ reservation.username or 'another person' }}&rsquo;s. You may change it as a
                resource manager; your reason and their name are recorded in the audit log. They are not
                notified.
            </p>
        </div>
        {% endif %}
        
        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save Changes
            </button>
            <a href="{{ url_for('resources.reservation_detail', reservation_id=reservation.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}