Untitled

<!DOCTYPE html>
<html>

<head>
    <script type="text/javascript" src="{{ url_for('static', filename='js/jquery164.js') }}"></script>

    <style>
        input[type=checkbox] {
            /* Double-sized Checkboxes */
            -ms-transform: scale(2);
            /* IE */
            -moz-transform: scale(2);
            /* FF */
            -webkit-transform: scale(2);
            /* Safari and Chrome */
            -o-transform: scale(2);
            /* Opera */
            transform: scale(2);
            padding: 10px;
        }

        /* Might want to wrap a span around your checkbox text */
        .checkboxtext {
            /* Checkbox text */
            font-size: 110%;
            display: inline;
        }
    </style>
</head>

<body>
    <h1>Hello! You are here, {{ email }} </h1>
    <button><a href={{ '/protected_area' }}>Go Back</a></button>


        <form id="form" action="{{ url_for("admin")}}" method="POST">
            <ol>
                {% for entry in allderos %}

                    <li>
                        <p>
                            entry0 {{ entry[0] }} , entry1 {{ entry[1] }} , entry2 {{ entry[2] }} ,
                            entry3 {{ entry[3] }} , entry4 {{ entry[4] }} , entry5 {{ entry[5] }} ,
                            entry6 {{ entry[6] }} , entry7 {{ entry[7] }} , entry8 {{ entry[8] }} ,
                            entry9 {{ entry[9] }} , entry10 {{ entry[10] }} ,entry11 {{ entry[11] }} ,
                            entry12 {{ entry[12] }}, entry 13 {{ entry[13] }}

                        <input type="text" name="hello" />

                    </p>
                    <p>
                        <input id="approvedCheck" type="checkbox" value={{ entry[13] }}  name="approved"/>APPROVE
                    </p>

                    <p>
                        <input id="deniedCheck" type="checkbox" value={{ entry[13] }}  name="denied"/>DENY
                    </p>
                </li>
                {% endfor %}
            </ol>

            <button type="submit" >Submit</button>
        </form>

        <script type="text/javascript">
            $('#approvedCheck').change(function () {
                if ($(this).attr("checked")) {
                    $('#deniedCheck').attr('disabled', true);
                } else {
                    $('#deniedCheck').attr('disabled', false);
                }
            });


            $('#deniedCheck').change(function () {
                if ($(this).attr("checked")) {
                    $('#approvedCheck').attr('disabled', true);
                } else {
                    $('#approvedCheck').attr('disabled', false);
                }
            });
        </script>


</body>

</html>