{% if (salePayment | length) > 0 and totalMissing == 0 %}
    <a class="text-white btn bg-blue btn-block btn-float btn-float-lg" style="margin-bottom: 10px;" onclick="issueGiftCard('{{ sale }}')" type="button">
        <i class="icon-ticket position-left button_label_cc_icon_horizontal"></i>
        <div class="button_label_cc_text">
            TARJETA <BR>REGALO
        </div>
    </a>

    <div class="modal fade" id="gift_card_sale_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Emisión de Tarjeta Regalo</h5>
                </div>

                <div class="modal-body">
                    <h4 class="text-semibold">Se ha emitido una Tarjeta de Regajo de {{ amount }}€</h4>
                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="closeGiftCardModal()">Emitir</button>
                </div>
            </div>
        </div>

    </div>

{% endif %}

<script>
    var sale = '{{ sale }}';
    var totalMissing = '{{ totalMissing }}';

    let focuser_gift = setInterval(() => window.dispatchEvent(new Event('focus')), 500);
    function issueGiftCard() {
        var url = Routing.generate('_ajax_generate_gift_ticket', {'sale' : sale, 'totalMissing' : totalMissing });

        $.get(url, function(result){

            printJS({
                printable: result,
                type: 'raw-html',
                targetStyles: ['*'],
                style: ["@page { margin: 10mm;} html{margin 0px;padding: 0px !important; width:80mm; font-size: 12px !important;font-family:arial; text-align: center !important;}"],
                onPrintDialogClose: () => {

                    clearInterval(focuser_gift);

                    // do your thing..
                    reloadPage();

                },

                onError: () => {

                    clearInterval(focuser_gift);

                    // do your thing..
                    reloadPage();

                }
            });

        }).fail(function(xhr, status, error){
            console.log(xhr.responseText);
        });
    }

    function reloadPage(){
        window.location.href = Routing.generate("sales_edit", { "id" : '{{ sale }}' });

    }

    function closeGiftCardModal()
    {
        printGiftCard();

        $('#gift_card_sale_modal').modal('toggle');

    }

    function printGiftCard(){

    }
</script>