<div class="tui-hotel-concept">
  <div class="concept-info-top flexbox-column">
    {{#eq (showConceptPeriods periods) true}}
      <div class="concepts-period-container">
        <strong class="color-tui-red smaller concept-period">{{getResource resourceObject 'conceptPeriod' name}}</strong>
        {{#each periods}}
          <div class="concept-period color-tui-red">
            <h4>{{moment from format=(getResource ../resourceObject 'dateFormat')}}</h4>
            <span>{{getResource ../resourceObject 'conceptPeriodSeperator'}}</span>
            <h4>{{moment to format=(getResource ../resourceObject 'dateFormat')}}</h4>
          </div>
        {{/each}}
      </div>
    {{/eq}}
    <div class="tui-text-content">
      <p class="preamble">
        {{#each conceptPages}}
          {{#compare fields.conceptOrLabel.slug '==' ../slug}}
            {{fields.content.preamble}}
          {{/compare}}
        {{/each}}
      </p>
    </div>
  </div>
  <div class="concept-info-bottom">
    <h3>{{uspListHeading}}</h3>
    {{>facts_icon_list uspList=uspList cssClass='tui-facts-icon-list-small'}}
  </div>
</div>
<ul class="tui-accordion concept-accordion">
  {{#if additionalFacts}}
    {{#compare slug '==' 'splashworld'}}
      <li class="accordion-item">
        <h4 class="trigger h2">
          <span>{{getResource resourceObject 'conceptSplashFactHeading'}}</span>
          {{>toggle_icon}}
        </h4>
        <div class="tui-text-expander">
          <div class="tui-text-expander-content tui-text-content flexbox-column splash-facts-container">
            <div class="splash-img">
              {{#each additionalFacts}}
                {{#compare key '==' 'splash_o_meter'}}
                  <img src="/cdn/img/splash/splash-{{description}}.png" alt="splash-o-meter">
                {{/compare}}
              {{/each}}
            </div>
            <ul class="splash-facts flexbox-column">
              {{#each additionalFacts}}
                <li class="flexbox-row">
                  <strong>{{name}}</strong><span class="value">{{description}}</span>
                </li>
              {{/each}}
            </ul>
          </div>
        </div>
      </li>
    {{/compare}}
  {{/if}}

  {{#each texts}}
    <li class="accordion-item">
      <h4 class="trigger h2" id="{{key}}">
        <span>{{name}}</span>
        {{>toggle_icon}}
      </h4>
      <div class="tui-text-expander">
        <div class="tui-text-expander-content tui-text-content" data-markdown>
{{description}}
        </div>
      </div>
    </li>
  {{/each}}
</ul>
