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

{% block title %}{{ variable.name }} - Pychestrate Configuration{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Variable: {{ variable.name }}</h1>
    <p>View variable details</p>
</div>

<div class="card narrow" id="variable-values">
    <p class="mb-sm"><button type="button" class="btn btn-sm btn-secondary" data-reveal-all="#variable-values" aria-pressed="false" data-role="reveal-values">Show values</button> <span class="muted small">Hidden until you ask: values may hold credentials.</span></p>
    <table class="btn-block">
        <tr>
            <th scope="row">Name</th>
            <td>{{ variable.name }}</td>
        </tr>
        <tr>
            <th scope="row">Type</th>
            <td><span class="badge badge-info">{{ variable.var_type | state_words }}</span></td>
        </tr>
        <tr>
            <th scope="row">Value</th>
            <td>
                <span data-role="mask" class="masked">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;</span>
                <pre class="pre-wrap" data-role="secret" hidden>{{ format_value(value=variable.value, var_type=variable.var_type) }}</pre>
            </td>
        </tr>
        <tr>
            <th scope="row">Default</th>
            <td>{% if variable.default_value is not none %}<span data-role="mask" class="masked">&bull;&bull;&bull;&bull;&bull;&bull;&bull;&bull;</span><pre class="pre-wrap" data-role="secret" hidden>{{ format_value(value=variable.default_value, var_type=variable.var_type) }}</pre>{% else %}-{% endif %}</td>
        </tr>
        <tr>
            <th scope="row">Description</th>
            <td>{{ variable.description or '—' }}</td>
        </tr>
        <tr>
            <th scope="row">Updated By</th>
            <td>{{ variable.updated_by or '—' }}</td>
        </tr>
        <tr>
            <th scope="row">Created</th>
            <td>{{ variable.created_at | format_datetime('%Y-%m-%d %H:%M:%S') }}</td>
        </tr>
        <tr>
            <th scope="row">Updated</th>
            <td>{{ variable.updated_at | format_datetime('%Y-%m-%d %H:%M:%S') }}</td>
        </tr>
    </table>
</div>

{% if system_owner %}
<p class="muted small mt" data-role="system-owned-note">This variable belongs to the product: it is changed on the <a href="{{ system_owner.url }}">{{ system_owner.label }}</a> page, which checks what it saves, so it cannot be edited or deleted here.</p>
{% endif %}
<div class="actions-row mt">
    {% if not system_owner %}
    <a href="{{ url_for('config.variable_edit', name=variable.name) }}" class="btn btn-primary">
        {{ ui.icon("edit") }} Edit Variable
    </a>
    {% endif %}
    <a href="{{ url_for('config.variable_history', name=variable.name) }}" class="btn btn-secondary">
        {{ ui.icon("history") }} View History
    </a>
    {% if not system_owner %}
    <form action="{{ url_for('config.variable_delete', name=variable.name) }}" method="post" data-confirm="Delete this variable? Its history is kept.">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-danger">
            {{ ui.icon("delete") }} Delete
        </button>
    </form>
    {% endif %}
    <a href="{{ url_for('config.variable_list') }}" class="btn btn-secondary">Back to List</a>
</div>
{% include "site_shell/_reveal_values.html" %}
{% endblock %}