{% from "_datetime_picker_field.html" import datetime_picker_field %}
{% set header_metrics = metrics if metrics is defined else [] %}
{% set header_eyebrow = preview_eyebrow if preview_eyebrow is defined else 'Mission Ops' %}
{% set time_action = header_time_action if header_time_action is defined else None %}
{% set time_submit_label = header_time_submit_label if header_time_submit_label is defined else 'Apply Time' %}
{% set time_field_id = header_time_field_id if header_time_field_id is defined else 'page-header-sim-time' %}
{% set hidden_fields = header_hidden_fields if header_hidden_fields is defined else [] %}

<section class="panel mission-page-header">
    <div class="mission-page-header-copy">
        <p class="eyebrow">{{ header_eyebrow }}</p>
        <h1>{{ preview_title }}</h1>
    </div>

    <div class="mission-page-header-metrics">
        {% for metric in header_metrics %}
        <article class="summary-card compact mission-summary-card">
            <span class="summary-label">{{ metric.label }}</span>
            <strong>{{ metric.value }}</strong>
        </article>
        {% endfor %}

        <article class="summary-card compact mission-summary-card mission-summary-card-time">
            <span class="summary-label">Current Simulation Time</span>
            <strong>{{ simulation_time_display or simulation_time }}</strong>
        </article>
    </div>

    <div class="mission-page-header-controls">
        {% if time_action and simulation_time_input %}
        <form method="get" action="{{ time_action }}" class="mission-page-time-form">
            {% for field in hidden_fields %}
            <input type="hidden" name="{{ field.name }}" value="{{ field.value }}">
            {% endfor %}
            {{ datetime_picker_field('Edit Time', 'sim_time', simulation_time_input, field_id=time_field_id, wrapper_class='mission-page-inline-datetime') }}
            <button class="secondary-button" type="submit">{{ time_submit_label }}</button>
        </form>
        {% endif %}
    </div>
</section>