{# Selection of contents as filled in by Product Manager together with Marketing. 
   https://excentis.atlassian.net/wiki/spaces/BPK/pages/22740993/Reporting+Redesign+V2
   https://www.figma.com/file/rBEjySRxm0bm7Pjl4Qq2KI/ByteBlower-Report-Design-2023?type=design&node-id=0-1&mode=design
#}
<div class="section scenario-info">
    <h1>Scenario info</h1>
    <div class="info-container">
        <!-- left part of info -->
        <ul class="info-list">
            <li><span class="info-name">Project  </span>{{project_name}}  </li>
            <li><span class="info-name">Scenario </span>{{scenario_name}} </li>
            <li><span class="info-name">State    </span>{{scenario_state}}</li>
            <li><span class="info-name">Author   </span>{{project_author}}</li>
        </ul>
        <!-- right part of info -->
        <ul class="info-list">
            <li><span class="info-name">Scenario start </span>{{scenario_start}}</li>
            <li><span class="info-name">Scenario end   </span>{{scenario_end}}  </li>
            <li><span class="info-name">GUI Version </span>{{scenario_version}}  </li>            
        </ul>
    </div>
</div>