{% extends 'simple.html.twig' %}
{% block title %}{% trans %}Δοκιμή Εκτυπωτή{% endtrans %}{% endblock %}
{% block content %}
    <div id="app" class="container">
        <div class="row">
            <div class="col">
                <p class="h5 p-1 mt-2 mb-2 infoboxBlue">{% trans %}Δοκιμή Εκτυπωτή{% endtrans %}</p>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col">
                <b-form-textarea rows="20"
                                 v-model="text"
                                 placeholder=""
                                 ></b-form-textarea>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col">
                <b-button variant="primary" v-on:click="print()">{% trans %}Εκτύπωση{% endtrans %}</b-button>
            </div>
        </div>

    </div>
{% endblock %}

{% block js %}
    {{ parent() }}
    <script>
        var app = new Vue({
            delimiters: ['${', '}$'],
            el: '#app',
            data: {
                text: "^XA\n"
                        + "^FO230,40\n"
                        + "^BY2,2,70\n"
                        + "^BC\n"
                        + "^FD12345678\n"
                        + "^FS\n"
                        + "^XZ\n"
            },
            methods: {

                print: function () {
                    var printerDevice;
                    var text = this.text;
                    BrowserPrint.getDefaultDevice("printer", function (device)
                    {
                        printerDevice = device;
                        device.send(text, undefined, function (errorMessage) {
                            alert("Error: " + errorMessage);
                        });
                    }, function (error) {
                        alert("Error: " + error);
                    });
                }
            }
        });
    </script>
{% endblock %}