<div class="poll">
  <header>
    <h1>{{heading}}</h1>
    <h2>{{replaceText subheading (getVoteTitle items vote)}}</h2>
  </header>
  <div class="poll-items">
    {{#each items as |item|}}
      <div class="poll-item poll-item-size-{{length ../items}}{{#eq id ../vote}} is-selected{{/eq}}" data-widget-url="{{ widget }}" data-title="{{ title }}">
        <div class="poll-item-title h3">
          <span class="poll-item-title-inline">
            {{title}}
            {{#eq id ../vote}}
              <span class="vote-indicator-horizontal">
                <span class="vote-indicator-icon">{{>icon_svg name="arrow"}}</span><span class="vote-indicator-text">{{../voteText}}</span>
              </span>
            {{/eq}}
          </span>
        </div>
        <div class="poll-item-data">
          <div class="poll-item-value">
            <div>{{displayValue}}</div>
          </div>
          <div class="poll-item-bar{{ getExtraSpaceClass ../this item }}">
            <div class="poll-item-bar-value horizontal" style="width: {{round (multiply (divide count ../highestCount) 100)}}%">
              <div class="poll-item-bar-value-filling"></div>
            </div>
            <div class="poll-item-bar-value vertical" style="height: {{round (multiply (divide count ../highestCount) 100)}}%">
              <div class="poll-item-bar-value-filling"></div>
            </div>
            <div class="poll-item-icon">
              {{>icon_svg name=icon}}
            </div>
            {{#eq id ../vote}}
              <span class="vote-indicator-vertical">
                <span class="vote-indicator-vertical-text">{{../voteText}}</span>
                <span class="vote-indicator-vertical-icon">{{>icon_svg name="arrow"}}</span>
              </span>
            {{/eq}}
          </div>
        </div>
      </div>
    {{/each}}
  </div>
  <div class="poll-icons">
    <div class="poll-icon-arrow-prev">{{>icon_svg name="arrow"}}</div>
    <div class="poll-icon-arrow-next">{{>icon_svg name="arrow"}}</div>
  </div>
</div>
