{% extends "admin/base.html" %}
{% load static %}
{% get_media_prefix as MEDIA_PREFIX %}

{% block content %}
<link rel="stylesheet" media="all" type="text/css" href="{{MEDIA_PREFIX}}css/jquery.modal.css">
<link rel="stylesheet" media="all" type="text/css" href="{{MEDIA_PREFIX}}css/ticket_view.css">
<script src="{{MEDIA_PREFIX}}js/jquery-modal/jquery.modal.js" type="text/javascript"></script>

<!--
<script src="{{MEDIA_PREFIX}}js/ticket.js" type="text/javascript"></script>
-->

<script src="/static/admin/js/admin/RelatedObjectLookups.js" type="text/javascript"></script>

<!-- <script src="{{MEDIA_PREFIX}}js/acionamento.js" type="text/javascript"></script>
<script src="{{MEDIA_PREFIX}}js/sgcWebSockets.js" type="text/javascript"></script>
<script src="{{MEDIA_PREFIX}}js/esegece.com.js" type="text/javascript"></script> -->

<script>
    (function($) {
        $(document).ready(function() {
            //mascara()
            setTimeout(function() {
                {% for erro in error %}
                    $("input[id='id_{{ erro }}-autocomplete']").css("border-color", "#BF3030")
                    $("input[id='id_{{ erro }}']").next().css("border-color", "#BF3030")
                {% endfor %}
                if ($("#msg").hasClass("pnlSucesso")) {
                    setTimeout(function() {
                        $("#msg").removeClass("pnlSucesso")
                        $("#msg").hide("slow")
                    }, 6000);
                    /*
                    setTimeout(function() {
                        $("#id_acionamento").click()
                        setTimeout(function() {
                            $("#id_acionamento").val('')
                        }, 800);
                    }, 1000);
                    */
                    setTimeout(function() {
                        var msg = $('.grp-info').html();
                        if (msg == null){
                            return
                        }
                        id = msg.split('"')
                        if (id[1]){
                            var url = '/ticket_impresso/' + id[1]
                            window.open(url, "_blank", "toolbar=no, scrollbars=yes, resizable=yes, top=500, left=500, width=400, height=400");
                        }
                    }, 400);
                }
            }, 500);
            var related_lookup_fields_fk = ["classe"];
            var related_lookup_fields_m2m = [];
            var related_lookup_fields_generic = [];
            var autocomplete_fields_fk = ["classe"];
            var autocomplete_fields_m2m = [];
            var autocomplete_fields_generic = [];
            $.each(related_lookup_fields_fk, function() {
                $("#id_" + this).grp_related_fk({lookup_url:"/grappelli/lookup/related/"});
            });
            $.each(related_lookup_fields_m2m, function() {
                $("#id_" + this).grp_related_m2m({lookup_url:"/grappelli/lookup/m2m/"});
            });
            $.each(related_lookup_fields_generic, function() {
                var content_type = "#id_" + this[0],
                object_id = "#id_" + this[1];
                $(object_id).grp_related_generic({content_type:content_type, object_id:object_id, lookup_url:"/grappelli/lookup/related/"});
            });
            $.each(autocomplete_fields_fk, function() {
                $("#id_" + this).grp_autocomplete_fk({
                    lookup_url:"/grappelli/lookup/related/",
                    autocomplete_lookup_url:"/grappelli/lookup/autocomplete/"
                });
                //$("#id_" + this + "-autocomplete").attr("required", true)
            });
            $.each(autocomplete_fields_m2m, function() {
                $("#id_" + this).grp_autocomplete_m2m({
                    lookup_url:"/grappelli/lookup/m2m/",
                    autocomplete_lookup_url:"/grappelli/lookup/autocomplete/"
                });
            });
            $.each(autocomplete_fields_generic, function() {
                var content_type = "#id_" + this[0],
                object_id = "#id_" + this[1];
                $(object_id).grp_autocomplete_generic({
                    content_type:content_type,
                    object_id:object_id,
                    lookup_url:"/grappelli/lookup/related/",
                    autocomplete_lookup_url:"/grappelli/lookup/autocomplete/"
                });
            });
            $("a#grp-open-all").bind("click", function(){
                $("#grp-content .grp-collapse-handler").each(function() {
                    $(this).parent(".grp-collapse").removeClass("grp-closed").addClass("grp-open");
                });
            });
            $("a#grp-close-all").bind("click", function(){
                $("#grp-content .grp-collapse-handler").each(function() {
                    $(this).parent(".grp-collapse").removeClass("grp-open").addClass("grp-closed");
                });
            });
        });
    })(grp.jQuery);
/*
    function mascara(){
        $("#id_placa").mask("aaa-9999")
    }
*/
    function show_slect(){
        $("#id_selecttarifa").toggle('slow');
    }
</script>
<div style="height: 30px; padding-top: 5px; padding-bottom: 10px;">
    <p id="msg" style="margin-top: 5px;" class="{{ class_msg }}">{{ mensagem }}</p>
</div>
<form id="gerar_ticket_form" method="POST" action="/gerar_ticket_view/" enctype="multipart/form-data">
    <!-- <input type="hidden" name="acionamento" id="id_acionamento" onclick="return wsacionar(this.id, $('#id_acionamento').val()); return false" readonly="readonly" value="{{acionamento}}"/> -->

    <fieldset class="grp-module " style="width: 50%; text-align: left;" class="tabela_ticket">
        <h2 class="grp-collapse-handler">Gerar Ticket</h2>
        <div class="grp-row grp-cells-1 codigo ">
            <div class="l-2c-fluid l-d-4">
                <div class="c-1">
                    <label>Classificação</label>
                </div>
                <div class="c-2">
                    <input type="text" name="classe" id="id_classe" style="width:100%" value="1" class="vForeignKeyRawIdAdminField grp-has-related-lookup grp-autocomplete-hidden-field" tabindex="-1" readonly="readonly", required>
                    <a onclick="return showRelatedObjectLookupPopup(this);" id="lookup_id_classe" class="related-lookup" href="/admin/MODTarifa/prktarifaclasse/?t=id">
                        <img width="16" height="16" alt="Olhar" src="/static/admin/img/selector-search.gif">
                    </a>
                </div>
            </div>
        </div>
        <div class="grp-row grp-cells-1 ">
            <div class="l-2c-fluid l-d-4">
                <div class="c-1"  style="vertical-align:middle">
                    <label style="font-size: 18px;">Placa </label>
                </div>
                <div class="c-2">
                    <input style="text-transform: uppercase" type="text" name="placa" id="id_placa" value="{% if placa %}{{placa}}{%endif%}" maxlength="9" />
                </div>
            </div>
        </div>
    </fieldset>
    <div>
<!--
        <div style="padding: 10px;">
            <table border="0" cellpadding="0" cellspacing="0"  style="width: 50%;" class="tabela_ticket">
                <tr><th colspan="4"><h1>Gerar Ticket</h1></th></tr>
                <tr>
                    <td style="vertical-align:middle"><label style="font-size: 18px;">Classificação </label></td>
                    <td style="vertical-align:middle; width: 80%;">
                        <input type="text" name="classe" id="id_classe" style="width:100%" value="" class="vForeignKeyRawIdAdminField grp-has-related-lookup grp-autocomplete-hidden-field" tabindex="-1" readonly="readonly", required>
                        <a onclick="return showRelatedObjectLookupPopup(this);" id="lookup_id_classe" class="related-lookup" href="/admin/MODTarifa/prktarifaclasse/?t=id">
                            <img width="16" height="16" alt="Olhar" src="/static/admin/img/selector-search.gif">
                        </a>

                    </td>
                </tr>
                <tr>
                    <td style="vertical-align:middle"><label style="font-size: 18px;">Placa </label></td>
                    <td style="vertical-align:middle; width: 40%;">
                        <input style="text-transform: uppercase" type="text" name="placa" id="id_placa" />
                    </td>
                </tr>
            </table>
        </div>
-->
    </div>
    <div id="wait" class="modal-spinner" style="display:none;height:90px; width:110px;">
        <span class="aguarde"><h2>POR AGUARDE...</h2>
        <a id="close" rel="modal:close" href="#"></a>
    </div>
{% endblock content %}
{% block footer %}
<!--
    <input type="submit" name="btnsubmit" style="display: none;">
-->
    <footer class="grp-module grp-submit-row grp-fixed-footer printbtn">
        <header style="display:none"><h1>Submit Options</h1></header>
        <ul>
<!--
            <li><input type="submit" name="_save" class="grp-button grp-default" value="Salvar"></li>
-->
<!--
            <li><input type="button" onclick="btnsubmit.click()" name="_addanother" class="grp-button grp-default" value="Salvar e adicionar outro(a)"></li>
-->
<!--
            <li><input type="submit" name="_addanother" class="grp-button" value="Salvar e adicionar outro(a)"></li>
-->
            <li><input type="submit" name="gerar_ticket" class="grp-button grp-default" value="Gerar Ticket"></li>
        </ul>
    </footer>
{% endblock %}
</form>