{% extends "support.html" %}


{% block head %}
    {{ block.super }}
    <script>
        function disable_normal_detection_fields() {
            $("#id_width").attr('disabled','disabled').hide();
            $("#id_length").attr('disabled','disabled').hide();
            $("#id_area").attr('disabled','disabled').hide();
            $("#id_threshold_low").attr('disabled','disabled').hide();
            $("#id_threshold_high").attr('disabled','disabled').hide();
            $("#id_red_channel").attr('disabled','disabled').hide();
            $("#id_green_channel").attr('disabled','disabled').hide();
            $("#id_blue_channel").attr('disabled','disabled').hide();
            $("#id_arm_offset").attr('disabled','disabled').hide();
            $("#id_eor_delta").attr('disabled','disabled').hide();
            $("#id_gain").attr('disabled','disabled').hide();
            $("#id_remove_dust").attr('disabled','disabled').hide();
            $("#id_min_area").attr('disabled','disabled').hide();
            $("#id_min_area_low").attr('disabled','disabled').hide();
        }

   function disable_adv_fields(selval) {
        if (selval == '6') {
            /* Object Detection */
            disable_normal_detection_fields();
        }
   }
        $(function () {
            var editcontainer = $("#pill-sig-edit-validation-alert");


            $("#force-global-pillsig").change(function () {
                var pillsigid = $(this).val();
                if ($(this).is(":checked")) {
                    $.post("{% url 'support:support-pillsig-force-global' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pillsig_id: pillsigid, forceval: 'true'},
                            function () {
                                window.location = "/support/pillsig/";
                            });
                } else {
                    $.post("{% url 'support:support-pillsig-force-global' %}",
                            {'csrfmiddlewaretoken': '{{csrf_token}}', pillsig_id: pillsigid, forceval: 'false'},
                            function () {
                                window.location = window.location = "/support/pillsig/";
                            });
                }
            });


            $("#pillSigEditForm").validate({
                onkeyup: false,
                errorContainer: editcontainer,
                errorLabelContainer: $("ul", editcontainer),
                wrapper: 'li'
            });

            $.validator.addMethod("greaterThan", function (value, element, param) {
                var $min = $(param);

                if (this.settings.onfocusout) {
                    $min.off(".validate-greaterThan").on("blur.validate-greaterThan", function () {
                        $(element).valid();
                    });
                }

                return parseInt(value) > parseInt($min.val());
            }, "Max must be greater than min");

            $("#id_user_init").rules('add', {
            required: true,
            messages: {
                required: "User Initials cannot be blank."
            }
            });

            $("#id_comments").rules('add', {
            required: true,
            messages: {
                required: "Comments cannot be blank."
            }
            });

            $("#id_length").rules('add', {
                required: true,
                digits: true,
                range: [10, 250],
                messages: {
                    required: "Length cannot be blank.",
                    digits: "Length must be numeric.",
                    range: "Length must be between 10 and 250."
                }
            });

            $("#id_width").rules('add', {
                required: true,
                digits: true,
                range: [10, 250],
                messages: {
                    required: "Width cannot be blank.",
                    digits: "Width must be numeric.",
                    range: "Width must be between 10 and 250."
                }
            });

            $("#id_area").rules('add', {
                required: true,
                digits: true,
                range: [100, 62500],
                messages: {
                    required: "Area cannot be blank.",
                    digits: "Area must be numeric.",
                    range: "Area must be between 100 and 62500."
                }
            });

            $("#id_threshold_low").rules('add', {
                required: true,
                digits: true,
                range: [0, 254],
                messages: {
                    required: "Threshold Low cannot be blank.",
                    digits: "Threshold Low must be numeric.",
                    range: "Threshold Low must be between 0 and 254."
                }
            });

            $("#id_threshold_high").rules('add', {
                required: true,
                digits: true,
                range: [0, 254],
                messages: {
                    required: "Threshold High cannot be blank.",
                    digits: "Threshold High must be numeric.",
                    range: "Threshold High must be between 0 and 254."
                }
            });

            $("#id_bulk_min").rules('add', {
                required: true,
                digits: true,
                range: [1, 20],
                messages: {
                    required: "Bulk Min cannot be blank.",
                    digits: "Bulk Min must be numeric.",
                    range: "Bulk Min must be between 1 and 20."
                }
            });

            $("#id_bulk_max").rules('add', {
                required: true,
                digits: true,
                range: [1, 20],
                messages: {
                    required: "Bulk Max cannot be blank.",
                    digits: "Bulk Max must be numeric.",
                    range: "Bulk Max must be between 1 and 20."
                }
            });

            $("#id_min_bulk_angle").rules('add', {
                required: true,
                digits: true,
                range: [0, 8],
                messages: {
                    required: "Min Bulk Angle cannot be blank.",
                    digits: "Min Bulk Angle must be numeric.",
                    range: "Min Bulk Angle must be between 0 and 8."
                }
            });

            $("#id_vib_min").rules('add', {
                required: true,
                digits: true,
                range: [-1, 10],
                messages: {
                    required: "Vib Min cannot be blank.",
                    digits: "Vib Min must be numeric.",
                    range: "Vib Min must be between -1 and 10."
                }
            });

            $("#id_vib_max").rules('add', {
                required: true,
                digits: true,
                range: [-1, 10],
                messages: {
                    required: "Vib Max cannot be blank.",
                    digits: "Vib Max must be numeric.",
                    range: "Vib Max must be between -1 and 10."
                }
            });

            $("#id_arm_offset").rules('add', {
                required: true,
                number: true,
                messages: {
                    required: "Arm Offset cannot be blank.",
                    number: "Arm Offset must be numeric."
                }
            });

            $("#id_gain").rules('add', {
                required: true,
                digits: true,
                range: [0, 19],
                messages: {
                    required: "Gain cannot be blank.",
                    digits: "Gain must be numeric.",
                    range: "Gain must be between 0 and 19."
                }
            });

            $("#id_min_area").rules('add', {
                required: true,
                digits: true,
                messages: {
                    required: "Min Area cannot be blank.",
                    digits: "Min Area must be numeric."
                }
            });

            $("#id_min_area_low").rules('add', {
                required: true,
                digits: true,
                messages: {
                    required: "Min Area Low cannot be blank.",
                    digits: "Min Area Low must be numeric."
                }
            });

            $("#id_blister_index_delay").rules('add', {
                required: true,
                digits: true,
                messages: {
                    required: "Blister Index Delay cannot be blank.",
                    digits: "Blister Index Delay must be numeric."
                }
            });

            $("#id_blister_index_delay_multi").rules('add', {
                required: true,
                digits: true,
                messages: {
                    required: "Blister Index Delay Multi cannot be blank.",
                    digits: "Blister Index Delay Multi must be numeric."
                }
            });

            $("#id_exposure").rules('add', {
                required: true,
                digits: true,
                messages: {
                    required: "Exposure cannot be blank.",
                    digits: "Exposure must be numeric."
                }
            });

            $("#id_eor_delta").rules('add', {
                required: true,
                number: true,
                range: [-50, 50],
                messages: {
                    required: "EOC Offset cannot be blank.",
                    number: "EOC Offset must be numeric.",
                    range: "EOC Offset must be between -50 and 50."
                }
            });

            $("#id_protocol").change(function () {
                $(".no-obj-detect").find('input').removeAttr('disabled').show();
                $(".no-obj-detect").find('select').removeAttr('disabled');
                disable_adv_fields($(this).val());
            });

            disable_adv_fields($("#id_protocol").val());

            $('#pillSigEditForm').submit(function() {
                $(".no-obj-detect").find('input').removeAttr('disabled').show();
                $(".no-obj-detect").find('select').removeAttr('disabled');
                return true;
            });

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

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

{% block content %} {% endblock %}

{% block fullwidthcontainer %}
<div style="overflow-x: auto; margin-left: 5px; margin-right: 5px;">
    <form id="pillSigEditForm" name="pillSigEditForm" method="POST">
        {% csrf_token %}
        <div class="alert alert-error" id="pill-sig-edit-validation-alert" style="display: none;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <ul id="pill-sig-edit-validation-error-list">
            </ul>
        </div>
        <table id="pill-signature-edit-table" class="table table-bordered" style="font-size: 9pt;">
            <caption style="font-size: 14pt; font-weight: bold;">{{ instance_info }} &nbsp;&nbsp;
                <span style="font-size: 10pt;">Force as Global Pill Signature: <input type="checkbox" id="force-global-pillsig" name="force-global-pillsig" value="{{ current_pillsig.id }}" {% if current_pillsig.force_global_flag %}checked{% endif %}/></span>
            </caption>

            {% if exception_warnings %}
                <div class="alert alert-warning" id="drug-exceptions">
                    <h4>This Drug is in the Drug Exception list.</h4>
                    <br>
                    <ul id="drug-exceptions-alert-list">
                        {% for warning in exception_warnings %}
                            <li>{{ warning }}</li>
                        {% endfor %}
                    </ul>
                    {% if exception_notes %}
                        <h5>{{exception_notes}}</h5>
                    {% endif %}
                </div>
            {% endif %}

            <thead>
            <input type="hidden" id="global-dusty-drug-flag" name="global-dusty-drug-flag" value="{{ global_dusty_drug_flag }}"/>
            <input type="hidden" id="show-ai-issue-list-warn" name="show-ai-issue-list-warn" value="{{ show_ai_issue_list_warn }}"/>
            <tr style="background-color: lightgrey;">
                <th class="pill-sig-td" colspan="4">Mode: {{ form.protocol }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.width }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.length }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.area }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.threshold_low }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.threshold_high }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.red_channel }}R<br/>{{ form.green_channel }}G<br/>{{ form.blue_channel }}B</th>
                <th class="pill-sig-td">{{ form.bulk_min }}</th>
                <th class="pill-sig-td">{{ form.bulk_max }}</th>
                <th class="pill-sig-td">{{ form.min_bulk_angle }}</th>
                <th class="pill-sig-td">{{ form.vib_min }}</th>
                <th class="pill-sig-td">{{ form.vib_max }}</th>
                <th class="pill-sig-td">{{ form.blister_index_delay }}</th>
                <th class="pill-sig-td">{{ form.blister_index_delay_multi }}</th>
                <th class="pill-sig-td">{{ form.vib_blister }}</th>
                <th class="pill-sig-td">{{ form.vib_blister_multi }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.arm_offset }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.eor_delta }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.gain }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.remove_dust }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.min_area }}</th>
                <th class="pill-sig-td no-obj-detect">{{ form.min_area_low }}</th>
                <th class="pill-sig-td">{{ form.save_mod_images }}</th>
                <th class="pill-sig-td">{{ form.always_aggressive_no_flow }}</th>
                <th class="pill-sig-td">{{ form.exposure }}</th>
                <th class="pill-sig-td">{{ form.user_init }}</th>
                <th class="pill-sig-td">{{ form.comments }}</th>
                <th class="pill-sig-td">
                    <button id="apply-pillsig-edit" name="apply-pillsig-edit">Apply</button>
                    <button id="cancel-pillsig-edit" name="cancel-pillsig-edit" class="cancel">Cancel</button>
                </th>
            </tr>
            <tr class="dosis-report-header">
                <th class="pill-sig-td">Create</th>
                <th class="pill-sig-td">Good</th>
                <th class="pill-sig-td">Good %</th>
                <th class="pill-sig-td">Max Per Blist</th>
                <th class="pill-sig-td">Width</th>
                <th class="pill-sig-td">Len</th>
                <th class="pill-sig-td">Area</th>
                <th class="pill-sig-td">Thr Low</th>
                <th class="pill-sig-td">Thr High</th>
                <th class="pill-sig-td">RGB</th>
                <th class="pill-sig-td">Bulk Min</th>
                <th class="pill-sig-td">Bulk Max</th>
                <th class="pill-sig-td">Min Bulk Angle</th>
                <th class="pill-sig-td">Vib Min</th>
                <th class="pill-sig-td">Vib Max</th>
                <th class="pill-sig-td">Blist Delay</th>
                <th class="pill-sig-td">Blist Multi Delay</th>
                <th class="pill-sig-td">Vib Blist</th>
                <th class="pill-sig-td">Vib Blist Multi</th>
                <th class="pill-sig-td">Arm Off</th>
                <th class="pill-sig-td">EOC Off</th>
                <th class="pill-sig-td">Gain</th>
                <th class="pill-sig-td">Rem Dust</th>
                <th class="pill-sig-td">Min Area</th>
                <th class="pill-sig-td">Min Area Low</th>
                <th class="pill-sig-td">Save Mod Images</th>
                <th class="pill-sig-td">Always AGG No Flow</th>
                <th class="pill-sig-td">Exp</th>
                <th class="pill-sig-td">User Init</th>
                <th class="pill-sig-td">Comments</th>
                <th class="pill-sig-td">Action</th>
            </tr>
            </thead>
            <tbody>
            {% if global_pillsig %}
            <tr style="background-color: lightyellow;">
                <td class="pill-sig-td">Global: {{ global_pillsig.creation|date:"SHORT_DATETIME_FORMAT" }}</td>
                <td class="pill-sig-td">{{ global_pillsig.count_good }}</td>
                <td class="pill-sig-td">{{ global_goodpct }}</td>
                <td class="pill-sig-td">{{ global_pillsig.instance__max_per_blister }}</td>
                <td class="pill-sig-td">{{ global_pillsig.width }}</td>
                <td class="pill-sig-td">{{ global_pillsig.length }}</td>
                <td class="pill-sig-td">{{ global_pillsig.area }}</td>
                <td class="pill-sig-td">{{ global_pillsig.threshold_low }}</td>
                <td class="pill-sig-td">{{ global_pillsig.threshold_high }}</td>
                <td class="pill-sig-td">{% if global_pillsig.red_channel == True %}R {% endif %}
                    {% if global_pillsig.green_channel == True %}G {% endif %}
                    {% if global_pillsig.blue_channel == True %}B{% endif %}</td>
                <td class="pill-sig-td">{{ global_pillsig.bulk_min }}</td>
                <td class="pill-sig-td">{{ global_pillsig.bulk_max }}</td>
                <td class="pill-sig-td">{{ global_pillsig.min_bulk_angle }}</td>
                <td class="pill-sig-td">{{ global_pillsig.vib_min }}</td>
                <td class="pill-sig-td">{{ global_pillsig.vib_max }}</td>
                <td class="pill-sig-td">{{ global_pillsig.blister_index_delay }}</td>
                <td class="pill-sig-td">{{ global_pillsig.blister_index_delay_multi }}</td>
                <td class="pill-sig-td">{% if global_pillsig.vib_blister %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td">{% if global_pillsig.vib_blister_multi %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td">{{ global_pillsig.arm_offset }}</td>
                <td class="pill-sig-td">&nbsp;</td>
                <td class="pill-sig-td">{{ global_pillsig.gain }}</td>
                <td class="pill-sig-td">{% if global_pillsig.remove_dust %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td">{{ global_pillsig.min_area }}</td>
                <td class="pill-sig-td">{{ global_pillsig.min_area_low }}</td>
                <td class="pill-sig-td">{{ global_pillsig.exposure }}</td>
                <td class="pill-sig-td">&nbsp;</td>
                <td class="pill-sig-td">&nbsp;</td>
                <td class="pill-sig-td">&nbsp;</td>
                <td class="pill-sig-td">&nbsp;</td>
                <td class="pill-sig-td"><button id="btn-copy-global-pillsig" name="btn-copy-global-pillsig" class="cancel"
                                value="{{ global_pillsig.id }}">Copy
                        </button></td>
            </tr>
            {% endif %}
            <tr style="background-color: lightgreen;">
                <td class="pill-sig-td">Current: {{ current_pillsig.creation|date:"SHORT_DATETIME_FORMAT" }}<br/>
                {{ current_pillsig.protocol__description }}</td>
                <td class="pill-sig-td">{{ current_pillsig.good_count }}</td>
                <td class="pill-sig-td">{{ current_pillsig.good_pct|floatformat }}</td>
                <td class="pill-sig-td">{{ current_pillsig.instance__max_per_blister }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.width }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.length }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.area }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.threshold_low }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.threshold_high }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{% if current_pillsig.red_channel == True %}R {% endif %}
                    {% if current_pillsig.green_channel == True %}G {% endif %}
                    {% if current_pillsig.blue_channel == True %}B{% endif %}</td>
                <td class="pill-sig-td">{{ current_pillsig.bulk_min }}</td>
                <td class="pill-sig-td">{{ current_pillsig.bulk_max }}</td>
                <td class="pill-sig-td">{{ current_pillsig.min_bulk_angle }}</td>
                <td class="pill-sig-td">{{ current_pillsig.vib_min }}</td>
                <td class="pill-sig-td">{{ current_pillsig.vib_max }}</td>
                <td class="pill-sig-td">{{ current_pillsig.blister_index_delay }}</td>
                <td class="pill-sig-td">{{ current_pillsig.blister_index_delay_multi }}</td>
                <td class="pill-sig-td">{% if current_pillsig.vib_blister %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td">{% if current_pillsig.vib_blister_multi %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td">{{ current_pillsig.arm_offset }}</td>
                <td class="pill-sig-td">{{ current_pillsig.eor_delta }}</td>
                <td class="pill-sig-td">{{ current_pillsig.gain }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{% if current_pillsig.remove_dust %}YES{% else %}NO{% endif %}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.min_area }}</td>
                <td class="pill-sig-td" {% if current_pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ current_pillsig.min_area_low }}</td>
                <td class="pill-sig-td">{{ current_pillsig.save_mod_images }}</td>
                <td class="pill-sig-td">{{ current_pillsig.always_aggressive_no_flow }}</td>
                <td class="pill-sig-td">{{ current_pillsig.exposure }}</td>
                <td class="pill-sig-td">{{ current_pillsig.user_init }}</td>
                <td class="pill-sig-td">{{ current_pillsig.comments }}</td>
                <td class="pill-sig-td"><button id="btn-copy-pillsig-{{ current_pillsig.id }}" name="btn-copy-pillsig" class="cancel"
                                value="{{ current_pillsig.id }}">Copy
                        </button></td>
            </tr>
            
            {% for pillsig in pillsig_history %}
                <tr style="background-color: white;">
                    <td class="pill-sig-td">{{ pillsig.creation|date:"SHORT_DATETIME_FORMAT" }}<br/>
                    {{ pillsig.protocol__description }}</td>
                    <td class="pill-sig-td">{{ pillsig.good_count }}</td>
                    <td class="pill-sig-td">{{ pillsig.good_pct|floatformat }}</td>
                    <td class="pill-sig-td">{{ pillsig.instance__max_per_blister }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.width }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.length }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.area }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.threshold_low }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.threshold_high }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{% if pillsig.red_channel == True %}R {% endif %}
                        {% if pillsig.green_channel == True %}G {% endif %}
                        {% if pillsig.blue_channel == True %}B{% endif %}</td>
                    <td class="pill-sig-td">{{ pillsig.bulk_min }}</td>
                    <td class="pill-sig-td">{{ pillsig.bulk_max }}</td>
                    <td class="pill-sig-td">{{ pillsig.min_bulk_angle }}</td>
                    <td class="pill-sig-td">{{ pillsig.vib_min }}</td>
                    <td class="pill-sig-td">{{ pillsig.vib_max }}</td>
                    <td class="pill-sig-td">{{ pillsig.blister_index_delay }}</td>
                    <td class="pill-sig-td">{{ pillsig.blister_index_delay_multi }}</td>
                    <td class="pill-sig-td">{% if pillsig.vib_blister %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td">{% if pillsig.vib_blister_multi %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td">{{ pillsig.arm_offset }}</td>
                    <td class="pill-sig-td">{{ pillsig.eor_delta }}</td>
                    <td class="pill-sig-td">{{ pillsig.gain }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{% if pillsig.remove_dust %}YES{% else %}NO{% endif %}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.min_area }}</td>
                    <td class="pill-sig-td" {% if pillsig.protocol__id == 6 %}style="color: silver;"{% endif %}>{{ pillsig.min_area_low }}</td>
                    <td class="pill-sig-td">{{ pillsig.save_mod_images }}</td>
                    <td class="pill-sig-td">{{ pillsig.always_aggressive_no_flow }}</td>
                    <td class="pill-sig-td">{{ pillsig.exposure }}</td>
                    <td class="pill-sig-td">{{ pillsig.user_init }}</td>
                    <td class="pill-sig-td">{{ pillsig.comments }}</td>
                    <td class="pill-sig-td">
                        <button id="btn-copy-pillsig-{{ pillsig.id }}" name="btn-copy-pillsig" class="cancel"
                                value="{{ pillsig.id }}">Copy
                        </button>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </form>
</div>
{% endblock %}