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

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

{% block content %}
{% set typed = form_data or {} %}
{% set current_status = typed.get('status') or resource.health_status %}
<div class="page-header">
    <h1>{{ resource.name }} - Health</h1>
    <p>Health status and transition history</p>
</div>

<div class="detail-grid">
    <div>
        <div class="card">
            <h2 class="card-header">Current Status</h2>
            <div style="display: flex; align-items: center; gap: 20px; padding: 20px 0;">
                {% set status = resource.health_status %}
                {% if status == 'online' %}
                <span class="health-online pyc-icon-large" aria-hidden="true">{{ ui.icon("check_circle") }}</span>
                <div>
                    <div class="stat-value text-success">Online</div>
                    <div class="muted">Resource is healthy and available for allocation</div>
                </div>
                {% elif status == 'offline' %}
                <span class="health-offline pyc-icon-large" aria-hidden="true">{{ ui.icon("cancel") }}</span>
                <div>
                    <div style="font-size: 1.5rem; font-weight: 600; color: var(--pyc-color-on-error-surface);">Offline</div>
                    <div class="muted">Resource is unavailable - allocations blocked</div>
                </div>
                {% elif status == 'degraded' %}
                <span class="health-degraded pyc-icon-large" aria-hidden="true">{{ ui.icon("warning") }}</span>
                <div>
                    <div style="font-size: 1.5rem; font-weight: 600; color: var(--pyc-color-on-warning-surface);">Degraded</div>
                    <div class="muted">Resource is partially functional - allocations allowed</div>
                </div>
                {% elif status == 'maintenance' %}
                <span class="health-maintenance pyc-icon-large" aria-hidden="true">{{ ui.icon("build") }}</span>
                <div>
                    <div class="stat-value muted">Maintenance</div>
                    <div class="muted">Resource is under maintenance - allocations blocked</div>
                </div>
                {% else %}
                <span class="health-maintenance pyc-icon-large" aria-hidden="true">{{ ui.icon("help_outline") }}</span>
                <div>
                    <div class="stat-value muted">{{ status | capitalize }}</div>
                    <div class="muted">Unrecognized health status</div>
                </div>
                {% endif %}
            </div>
        </div>
        
        {% if config %}
        <div class="card">
            <h2 class="card-header">Health Check Configuration</h2>
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <tr>
                    <th scope="row" class="w-sm">Enabled</th>
                    <td>
                        {% if config.enabled %}
                        <span class="badge badge-success">Yes</span>
                        {% else %}
                        <span class="badge badge-secondary">No</span>
                        {% endif %}
                    </td>
                </tr>
                <tr>
                    <th scope="row">Probe URL</th>
                    <td>{{ config.probe_url or '—' }}</td>
                </tr>
                {% if config.probe_command %}
                <tr>
                    <th scope="row">Probe Command</th>
                    <td><code>{{ config.probe_command }}</code> — not run: command probes are no longer supported. Reconfigure this check with a probe URL.</td>
                </tr>
                {% endif %}
                <tr>
                    <th scope="row">Last check</th>
                    <td>
                        {% if config.last_check_time %}
                        {{ config.last_check_time | format_datetime('%Y-%m-%d %H:%M:%S', '—') }}
                        {% if config.last_check_result == true %}
                        <span class="badge badge-success" data-role="last-check-result">Passed</span>
                        {% elif config.last_check_result == false %}
                        <span class="badge badge-danger" data-role="last-check-result">Failed</span>
                        {% else %}
                        <span class="badge badge-secondary" data-role="last-check-result">Not run</span>
                        {% endif %}
                        {% if config.last_check_message %}
                        <div class="muted" data-role="last-check-message">{{ config.last_check_message }}</div>
                        {% endif %}
                        {% else %}
                        <span class="muted">Not checked yet</span>
                        {% endif %}
                    </td>
                </tr>
                {% if config.enabled and config.check_requested_at %}
                <tr>
                    <th scope="row">Queued check</th>
                    <td data-role="queued-check">
                        A check was requested at {{ config.check_requested_at | format_datetime('%Y-%m-%d %H:%M:%S', '—') }} and is waiting for the background worker.
                        <a href="{{ url_for('resources.health_detail', resource_id=resource.id) }}">Refresh</a> to see the result.
                        {% if check_queue_stale %}
                        <div class="text-danger" data-role="queued-check-stale">It has waited longer than expected. Check that the housekeeping worker is running.</div>
                        {% endif %}
                    </td>
                </tr>
                {% endif %}
                <tr>
                    <th scope="row">Interval</th>
                    <td>{{ config.interval_seconds }} seconds</td>
                </tr>
                <tr>
                    <th scope="row">Timeout</th>
                    <td>{{ config.timeout_seconds }} seconds</td>
                </tr>
                <tr>
                    <th scope="row">Failure Threshold</th>
                    <td>{{ config.failure_threshold }} consecutive failures</td>
                </tr>
                <tr>
                    <th scope="row">Success Threshold</th>
                    <td>{{ config.success_threshold }} consecutive successes</td>
                </tr>
            </table></div>
        </div>
        {% endif %}
        
        <div class="card">
            <h2 class="card-header">Health Transition History</h2>
            {% if history %}
            <div class="table-scroll" tabindex="0"><table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Timestamp</th>
                        <th scope="col">From</th>
                        <th scope="col">To</th>
                        <th scope="col">Reason</th>
                        <th scope="col">Triggered By</th>
                    </tr>
                </thead>
                <tbody>
                    {% for transition in history %}
                    <tr>
                        <td>{{ transition.timestamp | format_datetime('%Y-%m-%d %H:%M:%S', '—') }}</td>
                        <td>
                            {% if transition.old_status == 'online' %}
                            <span class="badge badge-success">Online</span>
                            {% elif transition.old_status == 'offline' %}
                            <span class="badge badge-danger">Offline</span>
                            {% elif transition.old_status == 'degraded' %}
                            <span class="badge badge-warning">Degraded</span>
                            {% else %}
                            <span class="badge badge-secondary">{{ transition.old_status }}</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if transition.new_status == 'online' %}
                            <span class="badge badge-success">Online</span>
                            {% elif transition.new_status == 'offline' %}
                            <span class="badge badge-danger">Offline</span>
                            {% elif transition.new_status == 'degraded' %}
                            <span class="badge badge-warning">Degraded</span>
                            {% else %}
                            <span class="badge badge-secondary">{{ transition.new_status }}</span>
                            {% endif %}
                        </td>
                        <td>{{ transition.reason or '—' }}</td>
                        <td>{{ transition.triggered_by }}{% if transition.username %} <span class="muted" data-role="triggered-by-user">({{ transition.username }})</span>{% endif %}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table></div>
            
            {{ ui.pagination('resources.health_detail', page, total_pages, {'resource_id': resource.id, 'per_page': per_page}, total=total) }}
            {% else %}
            <p class="muted">No health transitions recorded</p>
            {% endif %}
        </div>
    </div>
    
    <div>
        {% if can_manage %}
        <div class="card">
            <h2 class="card-header">Update Status</h2>
            {{ ui.error_summary(errors, error_labels) }}
            <form method="post" action="{{ url_for('resources.health_update', resource_id=resource.id) }}" data-confirm="Change the health status? Offline and maintenance block new checkouts of this resource.">
                <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                
                <div class="form-group">
                    <label for="status">New Status</label>
                    <select id="status" name="status" class="form-control" required{{ ui.invalid_attrs(errors, "status") }}>
                        <option value="online" {% if current_status == 'online' %}selected{% endif %}>Online</option>
                        <option value="offline" {% if current_status == 'offline' %}selected{% endif %}>Offline</option>
                        <option value="degraded" {% if current_status == 'degraded' %}selected{% endif %}>Degraded</option>
                        <option value="maintenance" {% if current_status == 'maintenance' %}selected{% endif %}>Maintenance</option>
                    </select>
                    {{ ui.field_error(errors, "status") }}
                </div>
                
                <div class="form-group">
                    <label for="reason">Reason</label>
                    <input type="text" id="reason" name="reason" class="form-control" required minlength="3" placeholder="Why the status is changing (recorded in the audit trail)" value="{{ typed.get('reason', '') }}"{{ ui.invalid_attrs(errors, "reason") }}>
                    {{ ui.field_error(errors, "reason") }}
                </div>
                
                <button type="submit" class="btn btn-primary btn-block">
                    {{ ui.icon("update") }} Update Status
                </button>
            </form>
        </div>
        {% endif %}
        
        <div class="card">
            <h2 class="card-header">Actions</h2>
            <div class="stack">
                {% if can_manage %}
                <a href="{{ url_for('resources.health_config', resource_id=resource.id) }}" class="btn btn-secondary">
                    {{ ui.icon("settings") }} Configure Health Check
                </a>
                <form method="post" action="{{ url_for('resources.health_run_check', resource_id=resource.id) }}" data-busy-label="Queuing health check&hellip;">
                    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                    <button type="submit" class="btn btn-secondary btn-block">
                        {{ ui.icon("play_arrow") }} Run Health Check
                    </button>
                </form>
                {% endif %}
                <a href="{{ url_for('resources.resource_detail', resource_id=resource.id) }}" class="btn btn-secondary">
                    {{ ui.icon("devices") }} View Resource
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}