{% if payment_id is defined %}
  <div class="content-box text-center">

    <h4 class="text-dark-opacity bottom-padding-small">Instruções para pix</h4>  

    <p class="visible-block text-medium text-gray">Utilize o PIX copia e cola para realizar o pagamento do pedido.</p>

    {% if link_qrcodeurl %}
      <div class="js-imgQrAproved">
        <img 
          class="js-imgQr" 
          height="200px" 
          width="200px" 
          alt="QrCode pix"
          src="{{ link_qrcodeurl }}"
        />
      </div>
      {% else %}
        <div>
          <p class="visible-block text-medium text-gray margin-large">Ocorreu um problema ao gerar o QR Code. Por favor, utilize o código para realizar o pagamento.</p>
        </div>
    {% endif %}

    <div class="flex middle-xs center-xs search-instruction">
      <span class="hidden js-copy-content">{{ link_qrcode }}</span>
      <button class="search-instruction btn-default btn-medium btn-neutral-white js-copy-action">
        <span>Cópiar código</span>
      </button>
    </div>

    {% if payment_code == 'getnet'%}
      <div class="flex middle-xs center-xs search-instruction">
        <button class="search-instruction btn-default btn-medium btn-neutral-white js-reloadPayment">
          <span>Atualizar QrCode</span>
        </button>
      </div>
    {% endif %}

    <span class="visible-block text-medium text-gray top-margin-small">
      Acesse o
      <a href="{{ link_order }}" class="text-bold">pedido</a> 
       na sua conta.
    </span>

  </div>
{% endif %}
