{# partials/header.html — Hero section
   Context:
     report_config (dict) — from CONFIG/REPORT_CONFIG/report.yaml
     profile_data  (str)  — user label shown in the header
     title         (str)  — report title
     current_date  (str)  — execution date/time string
     env_label     (str)  — environment tag, e.g. "DEV" (optional)
#}

<div class="report-hero" style="position:relative">
    <span id="hero-status-badge"></span>

    <div class="hero-info">
        {% if report_config.project.logo_src %}
        <img class="hero-logo-img"
             src="{{ report_config.project.logo_src }}"
             alt="Logo"
             onerror="this.style.display='none'">
        {% endif %}
        <div>
            <h1 class="hero-title">{{ report_config.project.name or title }}</h1>
            <p class="hero-desc">{{ report_config.project.subtitle }}</p>
            <p class="hero-exec">Executed by {{ profile_data | default("Automation Engineer") }}</p>
            <p class="hero-exec" style="margin-top:0.125rem;opacity:0.7">Executed on {{ current_date }}</p>
            {% set _env = environment | default(env_label, true) %}
            {% if _env %}
            <div class="hero-meta">
                <span class="meta-badge env-badge">{{ _env }}</span>
            </div>
            {% endif %}
        </div>
    </div>

    {% if note_key %}
    <div class="run-note-wrap">
        <span class="run-note-icon">&#9998;</span>
        <textarea id="run-note" class="run-note" rows="1"
                  placeholder="Add a note about this run..."
                  oninput="saveNote('{{ note_key }}', this.value)"></textarea>
    </div>
    <script>
    (function(){
        try{var v=localStorage.getItem('{{ note_key }}');var el=document.getElementById('run-note');if(v&&el)el.value=v}catch(e){}
    }());
    </script>
    {% endif %}
</div>