<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">

    <t t-extend="Chrome">
        <t t-jquery='.pos-topheader' t-operation='after'>
            <div class="pos-topheader-title">
                <span class="close-button-bls">close</span>
            </div>
        </t>
    </t>

    <t t-name="BalanceContainerQRScreenWidget">
        <div class="pos-topheader-bal oe_hidden" id="pos-topheader-scale-cont">
            <div class="pos-header-custo">                
                <div class="top-content">
                    <span class='button back'>
                        <i class='fa fa-angle-double-left'></i>
                        Retour
                    </span>
                </div>
                <div class="pos-text">
                    <ul>
                        <li><span>1</span></li>
                        <li class="li-active"><span>2. Peser le contenant et valider</span></li>
                        <li><span>3</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="balancecontainerqr-screen screen">
            <div class="pos-bottom">
                <div class="pos-confirm" id="validation-bloc-cont">
                    <h1 class='product-name'>Poser votre contenant sur la balance pour impression</h1>
                    <div class='print-qrcode'>
                        Imprimer QR Code
                    </div>
                </div>

                <div class="centered-content-flex">
                    <div class="flex-poids">
                        <div class="label-scale div-net margin-top">Poids Net</div>
                        <div class='weight js-weight'>
                            <t t-esc="widget.get_product_weight_string()" />
                        </div>
                    </div>

                    <div class="flex-poids">
                        <div class="label-scale div-net margin-top">Prix</div>
                        <div class='computed-price'>
                            0.00 €
                        </div>
                    </div>
                    
                    <div class="flex-poids">
                        <div>
                            <div class="label-scale">Poids Brut total:</div>
                            <div class='weight-brut'>
                                0.000 kg
                            </div>
                        </div>

                        <div>
                            <div class="label-scale">Tare contenant: </div>
                            <div class="label-scale">
                                0.000 kg
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </t>

    <!-- NEW CODE -->
    <t t-name="PosQR">
        <div class="pos-sale-ticket">
            <div class="pos-center-align">
                <img t-att-src="widget.pos.company_logo_base64"/><br />
                <div class='receipt-total'>
                    <div class="pos-right-align">
                        <t t-esc="weight"/>
                    </div>
                </div>
                
                <div>
                    <p>l'image se trouve la</p>
                    <!-- <img t-att-src="barcode_base64"/> -->
                </div>

            </div>
                        
        </div>
    </t>
    <!-- NEW CODE -->

    <t t-name="XmlQR">
        <receipt align='center' width='40' value-thousands-separator='' >
            ^XA

            ^FX Third section with bar code.
            ^BY3,2,10
            ^FO132,35^BQ,2,4,H,7^FDQA,<t t-esc='url_barcode'/>^FS
            ^FO182,175^A0,20^FD<t t-esc='weight_gr'/>^FS
            ^XZ
    </receipt>
    </t>

    <t t-name="ConfirmationScreen">
        <div class="confirmation-screen screen">
            <div class="pos-topheader-bal">
                <div class="pos-header-custo">                
                    <div class="">
                        <span class='button back'>
                            <i class='fa fa-angle-double-left'></i>
                            Retour
                        </span>
                    </div>
                    <div id="pos-header-text-confirm" class="pos-text oe_hidden">
                        <ul>
                            <li><span>1</span></li>
                            <li><span>2</span></li>
                            <li class="li-active"><span>3. Pesée confirmée</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="pos-bottom pos-bottom-confirm">
                <div class="pos-confirm-screen">
                    <p class="text-center">Merci.<br/>
                    Vous pouvez passer en caisse</p>
                    <div class='back-presentation'>
                        <img class="logo-scan mb-3" src="/vracoop_pos_container_qrcode/static/src/img/picto-confirm.png" />
                    </div>
                    
                </div>
            </div>
        </div>
    </t>

</templates>