{% if common['enableBarcode'] == 1 or common['enableBarcode'] == 3 %}
<div class="modal fade modal-barcode-bulk" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" style="max-width:unset">
    <div class="modal-content" style="background-color:transparent;border:0">
      <div style="background-color:transparent;border:none;display:flex">
        <h4 class="modal-title modal-title-black" id="myModalLabel">{{ mt._('_common.header.barcode.bulk.ext') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
      <div class="d-none d-md-block" style="background-color:transparent;border:none;text-align:center">
        <span class="modal-title-black">{{ mt._('_common.header.barcode.bulk.descr') }}</span>
      </div>

      <div class="modal-body">
        <div class="modal-section mt-40x">
          <div class="row">
            <div class="col-8 col-lg-4 offset-lg-4 font-weight-bold">
              {{ mt._('_common.searcharticle') }}<input type="text" id="brcd-bulk" data-type="bulk" autofocus />
            </div>
            <div class="col-4">
              <div class="msg-error text-left" id="not-found-bulk">{{ mt._('_common.barcode.notfound') }}</div>
              <div class="msg-error text-left" id="already-present-bulk">{{ mt._('_common.barcode.alreadypresent') }}</div>
              <div class="msg-success text-left" id="success-bulk">{{ mt._('_common.barcode.found') }}</div>
            </div>
          </div>
        </div>
        <div class="modal-section mt-40x" id="brcd-bulk-list">
          <div class="row header-barcode-list">
            {% set avaCol = common['order_info'].tpordc == 0 ? 'ava-' : 'res-' %}
            <div class="brcd-lst-{{ avaCol }}img"></div>
            <div class="brcd-lst-{{ avaCol }}num">#</div>
            <div class="brcd-lst-{{ avaCol }}cod">{{ mt._('_common.code') }}</div>
            <div class="brcd-lst-{{ avaCol }}dsc">{{ mt._('_common.description') }}</div>
            <div class="brcd-lst-{{ avaCol }}col">{{ mt._('_common.color') }}</div>
            <div class="brcd-lst-{{ avaCol }}siz">{{ mt._('_common.size.qty') }}</div>
            <div class="brcd-lst-{{ avaCol }}ava">{{ mt._('_common.availability.short') }}</div>
            <div class="brcd-lst-{{ avaCol }}prc">{{ mt._('cart.header.unitprice') }}</div>
            <div class="brcd-lst-{{ avaCol }}dis">{{ mt._('_common.discount') }}</div>
            <div class="brcd-lst-{{ avaCol }}net">{{ mt._('_common.amount.net.short') }}</div>
            <div class="brcd-lst-{{ avaCol }}qty">{{ mt._('_common.qty') }}</div>
          </div>

        </div>
      </div>

      <div class="modal-footer mt-40x">
        <div class="container">
          <div class="row justify-content-between">
            <div class="offset-6 col-6 offset-lg-8 col-lg-4">
              <button type="button" class="btn btn-main confirm-insert">{{ mt._('_common.confirm.insert') }}</button>
              <div class="msg-error msg-mod-not-saved" style="float:left">{{ mt._('_common.barcode.notsaved') }}</div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{% endif %}

{% if common['enableBarcode'] == 2 or common['enableBarcode'] == 3 %}
<div class="modal fade modal-barcode-single" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" style="max-width:unset">
    <div class="modal-content" style="background-color:transparent;border:0">
      <div style="background-color:transparent;border:none;display:flex">
        <h4 class="modal-title modal-title-black" id="myModalLabel">{{ mt._('_common.header.barcode.single.ext') }}</h4>
        <div class="modal-close" data-dismiss="modal">{{ image("img/assets/times.png", "class": "m-0-auto pointer", "alt": mt._('_common.close')) }}</div>
      </div>
      <div class="d-none d-md-block" style="background-color:transparent;border:none;text-align:center">
        <span class="modal-title-black">{{ mt._('_common.header.barcode.single.des') }}</span>
      </div>

      <div class="modal-body">
        <div class="modal-section mt-40x">
          <div class="row">
            <div class="col-8 col-lg-4 offset-lg-4 font-weight-bold">
              {{ mt._('_common.searcharticle') }}<input type="text" id="brcd-single" data-type="single" autofocus />
            </div>
            <div class="col-4">
              <div class="msg-error text-left" id="not-found">{{ mt._('_common.barcode.notfound') }}</div>
              <div class="msg-success text-left">{{ mt._('_common.barcode.found') }}</div>
            </div>
          </div>
        </div>
      </div>

      <div class="modal-footer">
        <div class="container">
          <div class="row justify-content-between">
            <div class="offset-6 col-6 offset-lg-8 col-lg-4">
              <button type="button" class="btn btn-main" data-dismiss='modal'>{{ mt._('_common.close') }}</button>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{% endif %}