<div class="barcode-wrap">
  <div class="barcode">
    {{#if barcode-targeted-expand}}
        <div class="barcode__header-title">
          In store discount code
        </div>
        <div class="barcode__header-info">To save in store, scan this barcode at the till.</div>
    {{else}}
      <div class="barcode__header">
        <div class="barcode__header-user-name">
        <span class="icon">
          <i class="fas fa-user-hard-hat"></i>
        </span>
          <span class="barcode__header_name">mr test tester</span>
        </div>
        <div class="barcode__header-title">
          <span class="barcode__header_name">In-store Discount</span>
        </div>
        <div class="barcode__header_discount"></div>
      </div>
    {{/if}}
    <div class="barcode__container">
      <svg id="barcode" jsbarcode-value="00010931000118010" jsbarcode-width="3" jsbarcode-height="119" jsbarcode-displayvalue="false" jsbarcode-margin="0" width="435px" height="119px" x="0px" y="0px" viewBox="0 0 435 119" xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0px, 0px);"><rect x="0" y="0" width="435" height="119" style="fill:#ffffff;"></rect><g transform="translate(0, 0)" style="fill:#000000;"><rect x="0" y="0" width="6" height="119"></rect><rect x="9" y="0" width="3" height="119"></rect><rect x="18" y="0" width="9" height="119"></rect><rect x="33" y="0" width="6" height="119"></rect><rect x="42" y="0" width="6" height="119"></rect><rect x="54" y="0" width="6" height="119"></rect><rect x="66" y="0" width="6" height="119"></rect><rect x="78" y="0" width="6" height="119"></rect><rect x="87" y="0" width="6" height="119"></rect><rect x="99" y="0" width="6" height="119"></rect><rect x="111" y="0" width="3" height="119"></rect><rect x="120" y="0" width="3" height="119"></rect><rect x="132" y="0" width="6" height="119"></rect><rect x="141" y="0" width="6" height="119"></rect><rect x="156" y="0" width="6" height="119"></rect><rect x="165" y="0" width="6" height="119"></rect><rect x="174" y="0" width="6" height="119"></rect><rect x="186" y="0" width="6" height="119"></rect><rect x="198" y="0" width="6" height="119"></rect><rect x="210" y="0" width="6" height="119"></rect><rect x="219" y="0" width="6" height="119"></rect><rect x="231" y="0" width="6" height="119"></rect><rect x="243" y="0" width="9" height="119"></rect><rect x="258" y="0" width="3" height="119"></rect><rect x="264" y="0" width="6" height="119"></rect><rect x="276" y="0" width="6" height="119"></rect><rect x="285" y="0" width="6" height="119"></rect><rect x="297" y="0" width="9" height="119"></rect><rect x="309" y="0" width="3" height="119"></rect><rect x="315" y="0" width="12" height="119"></rect><rect x="330" y="0" width="3" height="119"></rect><rect x="339" y="0" width="9" height="119"></rect><rect x="351" y="0" width="6" height="119"></rect><rect x="363" y="0" width="9" height="119"></rect><rect x="378" y="0" width="3" height="119"></rect><rect x="384" y="0" width="6" height="119"></rect><rect x="396" y="0" width="6" height="119"></rect><rect x="411" y="0" width="9" height="119"></rect><rect x="423" y="0" width="3" height="119"></rect><rect x="429" y="0" width="6" height="119"></rect></g></svg>
    </div>
    <div class="barcode__footer">
      <div class="barcode__footer_value">
        00000012345678910
      </div>
      {{#if barcode-text}}
        <div class="barcode__footer_text">
          Present this barcode at the till
        </div>
      {{/if}}
    </div>
    {{#if barcode-expand}}
      <div class="barcode__footer_expand">
        <a href="#" class="icon" data-toggle="modal" data-target="#modal-barcode">
          <i class="far fa-expand-arrows"></i>
          <a href="#" data-toggle="modal" data-target="#modal-barcode">Use barcode</a>
        </a>
      </div>
    {{else if barcode-targeted-expand}}
      <div class="barcode__footer_expand">
        <a href="#" class="icon" data-toggle="modal" data-target="#modal-barcode-targeted">
          <i class="far fa-expand-arrows"></i>
          <a href="#" data-toggle="modal" data-target="#modal-barcode-targeted">Use barcode</a>
        </a>
      </div>
    {{/if}}
  </div>
  {{#if installer}}
  <div class="barcode__discount">
    <img src="img/placeholders/discount-sm-15.jpg" />
  </div>
  {{else}}
  <div class="barcode__discount">
    <img src="img/placeholders/discount-sm.png" />
  </div>
  {{/if}}
  {{#if barcode-close}}
    <span class="icon notification__close notification__close{{mod}}">
      <span class="fa{{#if bold}}s{{else}}r{{/if}} fa-times"></span>
    </span>
  {{/if}}

  {{#if rotation}}
    <div class="rotation-wrap">
      <div class="phone">
      </div>
      <div class="message">
        Please rotate your device
      </div>
    </div>
  {{/if}}
</div>
