{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $("button[id^='quick-launch-label-editor-']").on("click", function () {
                const url_base = "{% url 'label_editor:edit-label' %}";
                let $row = $(this).closest("tr");
                let task_tag = $row.find("input[name$='-tag']").val();
                let format = $row.find("select[name$='-label_defn_name'] option:selected").text();

                const taskTypeMap = {
                    'ALIGNMENT': 'ALIGNMENT',
                    'DEAD_BLISTER': 'DEADBLISTER',
                    'DEFAULT_CANISTER': 'CANISTER',
                    'DEFAULT_REPLENISHMENT': 'REPLENISHMENT',
                    'DEFAULT_SHELF': 'SHELF',
                    'DEFAULT_DOSIS_RX': 'DOSIS_RX',
                    'DEFAULT_HOST_RX': 'HOST_RX',
                    'DEFAULT_RX_RETURN': 'RX_RETURN',
                    'DEFAULT_RX_INFO': 'DOSIS_RX',
                    'DEFAULT_RX_SUB_PACKAGE': 'RX_SUB_PACKAGE',
                    'DEFAULT_RX_AUX': 'RX_AUX',
                    'DEFAULT_LOR_SEAL_SHELF': 'LOR_SEAL_SHELF',
                    'DEFAULT_LOR_SEAL_RX': 'LOR_SEAL_RX',
                    'DEFAULT_PPK_JOB_TICKET': 'PPK_JOB_TICKET',
                    'DEFAULT_PPK_SHELF': 'MANUAL_SHELF',
                };

                let task_type = taskTypeMap[task_tag] || '';

                const params = new URLSearchParams();
                params.set('format', format);
                params.set('test_data', 'CUSTOM');
                if (task_type !== '') {
                    params.set('task_type', task_type);
                }
                window.open(`${url_base}?${params.toString()}`, '_blank');
            });

            $("#add-printer").dialog({
                autoOpen: false,
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1000,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#addPrinterForm").validate();
                            if ($("#addPrinterForm").valid()) {
                                document.addPrinterForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

            $("#add-format").dialog({
                autoOpen: false,
                closeOnEscape: false,
                modal: true,
                draggable: false,
                width: 1000,
                buttons: [
                    {
                        text: "Close",
                        "class": 'modal-dialog-button-right',
                        click: function () {
                            $(this).dialog("close");
                        }
                    },
                    {
                        text: "Save",
                        "class": 'modal-dialog-button-left',
                        click: function () {
                            $("#addFormatForm").validate();
                            if ($("#addFormatForm").valid()) {
                                document.addFormatForm.submit();
                                $(this).dialog("close");
                            }
                        }
                    }
                ]
            });

            $("#btn-add-printer").click(function () {
                $("#add-printer").dialog("open");
            });

            $("#btn-add-format").click(function () {
                $("#add-format").dialog("open");
            });

            $("#addPrinterForm").validate({
                onkeyup: false,
                errorContainer: $("#add-printer-validation-alert"),
                errorLabelContainer: $("ul", $("#add-printer-validation-alert")),
                wrapper: 'li'
            });

             $("input[id$='-tag']").keyup(function () {
                 this.value = this.value.toUpperCase();
             });

            $("#id_addprt-tag").rules('add', {
                required: true,
                messages: {
                    required: "Printer tag cannot be blank."
                }
            });

            $("#id_addprt-description").rules('add', {
                required: true,
                messages: {
                    required: "Printer description cannot be blank."
                }
            });

            $("#id_addprt-cups_name").rules('add', {
                required: true,
                messages: {
                    required: "Printer CUPS name cannot be blank."
                }
            });

            $("#addFormatForm").validate({
                onkeyup: false,
                errorContainer: $("#add-format-validation-alert"),
                errorLabelContainer: $("ul", $("#add-format-validation-alert")),
                wrapper: 'li'
            });

            $("#id_addlbl-tag").rules('add', {
                required: true,
                messages: {
                    required: "Label Format tag cannot be blank."
                }
            });

            $("#id_addlbl-description").rules('add', {
                required: true,
                messages: {
                    required: "Label Format description cannot be blank."
                }
            });

            $("#id_addlbl-file_name").rules('add', {
                required: true,
                messages: {
                    required: "Label Format filename cannot be blank."
                }
            });

            $("#id_addlbl-width_in").rules('add', {
                required: true,
                messages: {
                    required: "Label Format Width cannot be blank."
                }
            });

            $("#id_addlbl-height_in").rules('add', {
                required: true,
                messages: {
                    required: "Label Format Height cannot be blank."
                }
            });

            $("#id_addlbl-dpi_width").rules('add', {
                required: true,
                messages: {
                    required: "Label Format DPI Width cannot be blank."
                }
            });

            $("#id_addlbl-dpi_height").rules('add', {
                required: true,
                messages: {
                    required: "Label Format DPI Height cannot be blank."
                }
            });
        });
    </script>
{% endblock %}

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

{% block content %}
    <form id="managePrintersForm" name="managePrintersForm" method="POST">
        {% csrf_token %}
        {{ printer_form.management_form }}
        <table class="table table-bordered table-striped">
            <caption style="font-weight: bold; font-size: 14pt;">Internal Printers</caption>
            <thead>
            <tr class="dosis-report-header">
                <th class="pill-sig-td">Tag</th>
                <th class="pill-sig-td">Description</th>
                <th class="pill-sig-td">Label Desc.</th>
                <th class="pill-sig-td">Type</th>
                <th class="pill-sig-td">Dark</th>
                <th class="pill-sig-td">Print Speed</th>
                <th class="pill-sig-td">Printhead Type</th>
                <th class="pill-sig-td">Top Of Form</th>
                <th class="pill-sig-td">Shift Left</th>
                <th class="pill-sig-td"><i class="icon-th-list"></i></th>
            </tr>
            </thead>
            <tbody>
            {% for frm in printer_form %}
                {% if frm.is_external.value == False or frm.is_external.value == 'False' %}
                <tr>
                    <td class="pill-sig-td">{{ frm.is_external }}{{ frm.id }}{{ frm.tag }}
                    <input type="hidden" name="{{ frm.cups_name.html_name }}" value="{{ frm.cups_name.value }}"/>
                    <input type="hidden" name="{{ frm.active.html_name }}" value="{{ frm.active.value }}"/>
                    <input type="hidden" name="{{ frm.firmware_rev.html_name }}" value="{{ frm.firmware_rev.value }}"/></td>
                    <td class="pill-sig-td">{{ frm.description }}</td>
                    <td class="pill-sig-td">{{ frm.label_description }}</td>
                    <td class="pill-sig-td">{{ frm.type }}</td>
                    <td class="pill-sig-td">{{ frm.darkness }}</td>
                    <td class="pill-sig-td">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.print_speed.html_name }}" value="{{ frm.print_speed.value }}"/>
                    {% else %}{{ frm.print_speed }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.printhead_type.html_name }}" value="{{ frm.printhead_type.value }}"/>
                    {% else %}{{ frm.printhead_type }}{% endif %}</td>
                    <td class="pill-sig-td">{{ frm.top_of_form }}</td>
                    <td class="pill-sig-td">{{ frm.shift_left }}</td>
                    <td class="pill-sig-td"><button class="btn btn-small btn-link" name="adjust-printhead-btn"
                            value="{{ frm.id.value }}" title="Adjust Printhead" id="adjust-printhead-{{ frm.id.value }}"><i class="icon-wrench"></i></button>
                        <button class="btn btn-small btn-link" name="calibrate-printer-btn"
                            value="{{ frm.id.value }}" title="Calibrate Printer" id="calibrate-printer-{{ frm.id.value }}"><i class="icon-magnet"></i></button>
                    <button class="btn btn-small btn-link" name="reset-printer-btn"
                            value="{{ frm.id.value }}" title="Reset Printer" id="reset-printer-{{ frm.id.value }}"><i class="icon-refresh"></i></button></td>
                </tr>
                <tr>
                <td class="prepack_canister_order" colspan="12">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.conn_type.html_name }}" value="{{ frm.conn_type.value }}"/>
                    {% else %}Conn. Type: {{ frm.conn_type }} &nbsp;&nbsp;{% endif %}
                    IP Addr: {{ frm.ip_address }} &nbsp;&nbsp;
                    Port: {{ frm.ip_port }} &nbsp;&nbsp;
                    {% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.serial_port.html_name }}" value="{{ frm.serial_port.value }}"/>
                    {% else %}Serial Port: {{ frm.serial_port }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.baud_rate.html_name }}" value="{{ frm.baud_rate.value }}"/>
                    {% else %}Baud Rate: {{ frm.baud_rate }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.orientation.html_name }}" value="{{ frm.orientation.value }}"/>
                    {% else %}Orientation: {{ frm.orientation }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value != 100 %}<input type="hidden" name="{{ frm.falling_edge.html_name }}" value="0"/>
                    {% else %}Falling Edge: {{ frm.falling_edge }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value != 100 %}<input type="hidden" name="{{ frm.rising_edge.html_name }}" value="0"/>
                    {% else %}Rising Edge: {{ frm.rising_edge }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.dlx_present_lbl_on.html_name }}" value="{{ frm.dlx_present_lbl_on.value }}"/>
                    {% else %}DLX Present Lbl On: {{ frm.dlx_present_lbl_on }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.mcom_label_present.html_name }}" value="{{ frm.mcom_label_present.value }}"/>
                    {% else %}MCOM Lbl Present: {{ frm.mcom_label_present }} &nbsp;&nbsp;{% endif %}
                    {% if frm.type.value != 100 %}FW: {{ frm.firmware_rev.value }}{% endif %}
                </td>
                </tr>
                {% endif %}
            {% endfor %}
            </tbody>
        </table>

        <table class="table table-bordered">
            <caption style="font-weight: bold; font-size: 14pt;">External Printers</caption>
            <thead>
            <tr class="dosis-report-header">
                <th class="pill-sig-td">Tag</th>
                <th class="pill-sig-td">Description</th>
                <th class="pill-sig-td">Cups Name</th>
                <th class="pill-sig-td">Label Desc.</th>
                <th class="pill-sig-td">Type</th>
                <th class="pill-sig-td">Printhead Type</th>
                <th class="pill-sig-td">Orientation</th>
                <th class="pill-sig-td">Allow MFQ Printing</th>
                <th class="pill-sig-td">Active</th>
            </tr>
            </thead>
            <tbody>
            {% for frm in printer_form %}
                {% if frm.is_external.value == True or frm.is_external.value == 'True' %}
                <tr>
                    <td class="pill-sig-td">{{ frm.is_external }}{{ frm.id }}{{ frm.tag }}
                    <input type="hidden" name="{{ frm.ip_address.html_name }}" value="{{ frm.ip_address.value }}"/>
                    <input type="hidden" name="{{ frm.ip_port.html_name }}" value="{{ frm.ip_port.value }}"/>
                    <input type="hidden" name="{{ frm.darkness.html_name }}" value="{{ frm.darkness.value }}"/>
                    <input type="hidden" name="{{ frm.print_speed.html_name }}" value="{{ frm.print_speed.value }}"/></td>
                    <input type="hidden" name="{{ frm.conn_type.html_name }}" value="{{ frm.conn_type.value }}"/></td>
                    <input type="hidden" name="{{ frm.serial_port.html_name }}" value="{{ frm.serial_port.value }}"/></td>
                    <input type="hidden" name="{{ frm.baud_rate.html_name }}" value="9600"/></td>
                    <input type="hidden" name="{{ frm.mcom_label_present.html_name }}" value="{{ frm.mcom_label_present.value }}"/>
                    <input type="hidden" name="{{ frm.firmware_rev.html_name }}" value="{{ frm.firmware_rev.value }}"/></td>
                    <td class="pill-sig-td">{{ frm.description }}</td>
                    <td class="pill-sig-td">{{ frm.cups_name }}</td>
                    <td class="pill-sig-td">{{ frm.label_description }}</td>
                    <td class="pill-sig-td">{{ frm.type }}</td>
                    <td class="pill-sig-td">{{ frm.printhead_type }}</td>
                    <td class="pill-sig-td">{{ frm.orientation }}</td>
                    <td>{{ frm.allow_manual_filling }}</td>
                    <td>{{ frm.active }}</td>
                </tr>
                {% endif %}
            {% endfor %}
            </tbody>
        </table>
        <table style="width: 100%;">
            <tr>
            <td><button type="button" name="btn-add-printer" id="btn-add-printer" class="btn">Add Printer</button></td>
            <td style="text-align: center;"><a href="{{ cups_url }}">CUPS Management Page</a></td>
            <td style="text-align: right;"><button name="apply-manage-printers" id="apply-manage-printers" class="btn">Update Printers</button></td>
            </tr>
        </table>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <h4 style="text-align: center;">Manage Label Formats</h4>
        {{ label_format_form.management_form }}
        <table class="table table-bordered table-striped">
            <thead>
            <tr class="dosis-report-header">
                <th class="pill-sig-td">Tag</th>
                <th class="pill-sig-td">Description</th>
                <th class="pill-sig-td">Label Type</th>
                <th class="pill-sig-td">Width</th>
                <th class="pill-sig-td">Height</th>
                <th class="pill-sig-td">DPI Width</th>
                <th class="pill-sig-td">DPI Height</th>
                <th class="pill-sig-td">Format Tags</th>
                <th class="pill-sig-td">Active</th>
            </tr>
            </thead>
            <tbody>
            {% for lblfrm in label_format_form %}
                <tr>
                    <td class="pill-sig-td">{{ lblfrm.id }}{{ lblfrm.tag }}</td>
                    <td class="pill-sig-td">{{ lblfrm.description }}</td>
                    <td class="pill-sig-td">{{ lblfrm.task_group }}</td>
                    <td class="pill-sig-td">{{ lblfrm.width_in }}</td>
                    <td class="pill-sig-td">{{ lblfrm.height_in }}</td>
                    <td class="pill-sig-td">{{ lblfrm.dpi_width }}</td>
                    <td class="pill-sig-td">{{ lblfrm.dpi_height }}</td>
                    <td class="pill-sig-td">{{ lblfrm.label_defn_name }} {% if 'INFO' in lblfrm.tag.value %}<br>{{ lblfrm.backside_label_defn_name }}{% endif%} <button id="quick-launch-label-editor-{{lblfrm.id.value}}" class="btn btn-small btn-link" type="button"><i class="icon-edit"></i></button></td>
                    <td>{{ lblfrm.active }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <button style="float: left;" type="button" name="btn-add-format" id="btn-add-format" class="btn">Add Format</button>
        <button style="float: right;" name="apply-manage-formats" id="apply-manage-formats" class="btn">Update Formats</button>
    </form>
    <div id="add-printer" title="Add External Printer" style="margin-left: 2px;">
        <form id="addPrinterForm" name="addPrinterForm" method="POST">
            {% csrf_token %}
            <input type="hidden" id="add_printer_flag" name="add_printer_flag" value="ADD"/>
            <input type="hidden" name="{{ add_printer_form.ip_address.html_name }}" value="127.0.0.1"/>
            <input type="hidden" name="{{ add_printer_form.ip_port.html_name }}" value="9100"/>
            <input type="hidden" name="{{ add_printer_form.darkness.html_name }}" value="20"/>
            <input type="hidden" name="{{ add_printer_form.print_speed.html_name }}" value="NORMAL"/>
            <input type="hidden" name="{{ add_printer_form.is_external.html_name }}" value="True"/>
            <input type="hidden" name="{{ add_printer_form.active.html_name }}" value="True"/>
            <input type="hidden" name="{{ add_printer_form.conn_type.html_name }}" value="NETWORK"/>
            <input type="hidden" name="{{ add_printer_form.baud_rate.html_name }}" value="9600"/>
            <input type="hidden" name="{{ add_printer_form.serial_port.html_name }}" value="/dev/ttyS0"/>
            <input type="hidden" name="{{ add_printer_form.mcom_label_present.html_name }}" value="52428"/>

            <div class="alert alert-error" id="add-printer-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="add-printer-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Tag: {{ add_printer_form.tag }}</td>
                    <td class="site-drug-edit-td">Description: {{ add_printer_form.description }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">CUPS Name: {{ add_printer_form.cups_name }}</td>
                    <td class="site-drug-edit-td">Printhead Type: {{ add_printer_form.printhead_type }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Printer Type: {{ add_printer_form.type }}</td>
                    <td class="site-drug-edit-td">Orientation: {{ add_printer_form.orientation }}</td>
                </tr>
            </table>
        </form>
    </div>
    <div id="add-format" title="Add Label Format" style="margin-left: 2px;">
        <form id="addFormatForm" name="addFormatForm" method="POST">
            {% csrf_token %}
            <input type="hidden" id="add_format_flag" name="add_format_flag" value="ADD"/>
            <input type="hidden" name="{{ add_format_form.active.html_name }}" value="True"/>

            <div class="alert alert-error" id="add-format-validation-alert" style="display: none;">
                <button type="button" class="close" data-dismiss="alert">&times;</button>
                <ul id="add-format-validation-error-list">
                </ul>
            </div>
            <table style="width: 90%;">
                <tr>
                    <td class="site-drug-edit-td">Tag: {{ add_format_form.tag }}</td>
                    <td class="site-drug-edit-td">Description: {{ add_format_form.description }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Label Type: {{ add_format_form.task_group }}</td>
                    <td class="site-drug-edit-td">Format Tags: (Front): {{ add_format_form.label_defn_name }}
                </tr>
                <tr>
                    <td class="site-drug-edit-td">Width (in.): {{ add_format_form.width_in }}</td>
                    <td class="site-drug-edit-td">Height (in.): {{ add_format_form.height_in }}</td>
                </tr>
                <tr>
                    <td class="site-drug-edit-td">DPI Width: {{ add_format_form.dpi_width }}</td>
                    <td class="site-drug-edit-td">DPI Height: {{ add_format_form.dpi_height }}</td>
                </tr>
            </table>
        </form>
    </div>

{% endblock %}