{% extends "site.html" %}


{% block head %}
    {{ block.super }}
    <script>

        function formatDate(d) {

            var dd = d.getDate();

            if (dd < 10) {
                dd = '0' + dd;
            }

            var mm = d.getMonth() + 1;

            if (mm < 10) {

                mm = '0' + mm;
            }
            var yy = d.getFullYear();

            return mm + '/' + dd + '/' + yy;
        }

        $(function () {
            $("#printer_forms_div").accordion({'collapsible': false, 'heightStyle': 'content'});

            $("button[name^='print-test-label']").click(function (event) {
                $("#current_printer_id").val(get_icon_button_value(event));
                $.post("{% url 'site:settings-print-test-label' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', current_printer_id: $("#current_printer_id").val()});
            });

            $("button[name^='print-alignment-label']").click(function (event) {
                $("#current_printer_id").val(get_icon_button_value(event));
                $.post("{% url 'site:settings-print-alignment-label' %}",
                        {csrfmiddlewaretoken: '{{csrf_token}}', current_printer_id: $("#current_printer_id").val()});
            });

            $("#reprint-start-date").datepicker({
                dateFormat: "mm/dd/yy",
                maxDate: 0
            });

            $("#reprint-start-time").timeEntry({
                show24Hours: false,
                showSeconds: true,
                defaultTime: '00:00:00',
                ampmPrefix: ' ',
                spinnerImage: ''
            });

             $("#reprint-end-date").datepicker({
                dateFormat: "mm/dd/yy",
                maxDate: 0
            });

            $("#reprint-end-time").timeEntry({
                show24Hours: false,
                showSeconds: true,
                defaultTime: '00:00:00',
                ampmPrefix: ' ',
                spinnerImage: ''
            });

            $("#set-end-now").click(function (event) {
                var curDate = new Date();
                $("#reprint-end-date").val(formatDate(curDate));
                $("#reprint-end-time").val(curDate.toLocaleTimeString(undefined, { timeZone: '{{timezone}}' }).replace(/([\d]+:[\d]{2})(:[\d]{2})(.*)/, "$1$2$3"));
            });

        });
    </script>
{% endblock %}

{% block pagehead %}
    {% include 'pagehead.html' %}
{% endblock %}

{% block content %}
    <form id="printersForm" name="printersForm" method="POST">
        {% csrf_token %}
        <input type="hidden" name="current_printer_id" id="current_printer_id" value=""/>

        <div id="printer_forms_div" class="well well-small">
            {% for prtfrm in customer_printer_form %}
                <h3>{{ prtfrm.printer.description.value }}</h3>
                <div>
                    {{ prtfrm.printer.id }}
                    {{ prtfrm.printer.description }}
                    {{ prtfrm.printer.is_external }}
                    {% if prtfrm.printer.is_external.value == True or prtfrm.printer.is_external.value == 'True' %}
                        <span style="margin-left: 5px;">Printer Name (CUPS): {{ prtfrm.printer.cups_name }}</span>
                        <span style="margin-left: 25px;">Printer Type: {{ prtfrm.printer.type }}</span>
                        <span style="margin-left: 25px;"><button class="btn" id="print-test-label-{{ prtfrm.printer.id.value }}"
                                                                 name="print-test-label-{{ prtfrm.printer.id.value }}"
                                                                 type="button"
                                                                 value="{{ prtfrm.printer.id.value }}">Print Test Label
                        </button></span>
                        <span style="margin-left: 25px;"><button class="btn" id="print-alignment-label-{{ prtfrm.printer.id.value }}"
                                                                 name="print-alignment-label-{{ prtfrm.printer.id.value }}"
                                                                 type="button"
                                                                 value="{{ prtfrm.printer.id.value }}">Print Alignment Label
                        </button></span>
                    {% else %}
                        <input type="hidden" name="{{ prtfrm.printer.cups_name.html_name }}"
                               value="{{ prtfrm.printer.cups_name.value }}"/>
                        <input type="hidden" name="{{ prtfrm.printer.type.html_name }}"
                               value="{{ prtfrm.printer.type.value }}"/>
                    {% endif %}
                    <table>
                        <caption style="font-weight:bold; font-size: 12pt;">Label Formats</caption>
                        {% for lblfrm in prtfrm.format_list %}
                            <tr>
                                <td>{{ lblfrm.task_type }}:</td>
                                <td>{{ lblfrm.format_form.format }}</td>
                            </tr>
                        {% endfor %}
                    </table>
                </div>
            {% endfor %}
        </div>
        <button class="btn" id="apply-customer-printers" name="apply-customer-printers">Apply</button>
    </form>
    <br/>
    <a href="{{ cups_url }}">CUPS Management Page</a>
    <hr/>
    <div id="requeue-batch" class="well well-small">
        <form id="requeue-batch-labels" name="requeue-batch-labels" method="POST">
        {% csrf_token %}
            <table style="width: 95%;">
                <caption style="text-align: left; font-size: 14pt; font-weight: bold; border-bottom: 1px solid black;">
                    Reprint Bypass Labels
                </caption>
                <tr>
                    <td style="padding-top: 8px;">Start Date: <input style="width: 8em;" type="text"
                                                                     name="reprint-start-date" id="reprint-start-date"/>&nbsp;&nbsp;&nbsp;
                        Start Time: <input style="width: 10em;" type="text" name="reprint-start-time"
                                           id="reprint-start-time"/></td>
                </tr>
                <tr>
                    <td style="padding-top: 8px;">End Date: <input style="width: 8em;" type="text"
                                                                   name="reprint-end-date" id="reprint-end-date"/>&nbsp;&nbsp;&nbsp;
                        End Time: <input style="width: 10em;" type="text" name="reprint-end-time"
                                         id="reprint-end-time"/>&nbsp;&nbsp;&nbsp;
                        <button type="button" name="set-end-now" id="set-end-now">Set End to Now</button>
                    </td>
                </tr>
                <tr>
                    <td>Printer:<select id="reprint-printer" name="reprint-printer">
                    {% for print in printer_list %}
                        {% if print.is_external %}
                    <option value="{{ print.id }}">{{ print.tag }}</option>
                        {% endif %}
                    {% endfor %}
                </select></td></tr>
            </table>
            <button name="do-reprint-labels" id="do-reprint-labels">Reprint Labels</button>
        </form>
        <div id="reprint-labels-result">
            {{ reprint_result }}
        </div>
    </div>
{% endblock %}