{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        $(function () {
            $("#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">Ip Address</th>
                <th class="pill-sig-td">Port</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">Orientation</th>
                <th class="pill-sig-td">Top Of Form</th>
                <th class="pill-sig-td">Shift Left</th>
                <th class="pill-sig-td">Conn. Type</th>
                <th class="pill-sig-td">Serial Port</th>
                <th class="pill-sig-td">Baud Rate</th>
                <th class="pill-sig-td">Falling Edge</th>
                <th class="pill-sig-td">Rising Edge</th>
                <th class="pill-sig-td">DLX Present Label On?</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 }}"/></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.ip_address }}</td>
                    <td class="pill-sig-td">{{ frm.ip_port }}</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">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.orientation.html_name }}" value="{{ frm.orientation.value }}"/>
                    {% else %}{{ frm.orientation }}{% 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">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.conn_type.html_name }}" value="{{ frm.conn_type.value }}"/>
                    {% else %}{{ frm.conn_type }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.serial_port.html_name }}" value="{{ frm.serial_port.value }}"/>
                    {% else %}{{ frm.serial_port }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.baud_rate.html_name }}" value="{{ frm.baud_rate.value }}"/>
                    {% else %}{{ frm.baud_rate }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value != 100 %}<input type="hidden" name="{{ frm.falling_edge.html_name }}" value="0"/>
                    {% else %}{{ frm.falling_edge }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value != 100 %}<input type="hidden" name="{{ frm.rising_edge.html_name }}" value="0"/>
                    {% else %}{{ frm.rising_edge }}{% endif %}</td>
                    <td class="pill-sig-td">{% if frm.type.value == 100 %}<input type="hidden" name="{{ frm.dlx_present_lbl_on.html_name }}" value="{{ frm.dlx_present_lbl_on.value }}"/>
                    {% else %}{{ frm.dlx_present_lbl_on }}{% endif %}</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>&nbsp;&nbsp;&nbsp;
                    <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>
                {% endif %}
            {% endfor %}
            </tbody>
        </table>
        </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">Active</th>
                <th class="pill-sig-td">Del?</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>
                    <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.active }}</td>
                    <td>{% if printer_form.can_delete %}
                        {{ frm.DELETE }}
                    {% endif %}</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>
                <th class="pill-sig-td">Del?</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 }}<br>{{ lblfrm.backside_label_defn_name }}</td>
                    <td>{{ lblfrm.active }}</td>
                    <td>{% if label_format_form.can_delete %}{% if lblfrm.tag.value not in default_formats %}
                        {{ lblfrm.DELETE }}{% endif %}
                    {% endif %}</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"/>

            <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 }}<br>
                        (Back): {{ add_format_form.backside_label_defn_name }}</td>
                </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 %}