<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>edX Video Pipeline New Course Input</title>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>

<link rel="icon" type="image/ico" href="https://s3.amazonaws.com/mediateam.edx.org/favicon.ico"/>
<link rel="shortcut icon" type="image/ico" href="https://s3.amazonaws.com/mediateam.edx.org/favicon.ico"/>

{% load staticfiles %}

<link rel="stylesheet" href="{% static "css/fe_style.css" %}">
<script>
$loading = '<span>...loading...</span>'
</script>

<script>
var institution_list = {{ institution_list|safe }}
</script>


</head>

<body>

    <div id="total_input">
    
    <div id="institutional"></div>
    <br>
    <form id="course-edit" action="" method="post" >

    <div id="course_edit">
        <!--Add organizational Table-->
        <div id="course_edit_main"></div>
        <hr>
        <div id="course_edit_encode"></div>
        <hr>
        <div id="course_edit_transcribe"></div>
        <hr>
    </div>
    </form>

    <br>

    <div id="data"></div>
    </div>
    <div id="initial_title">
    <span>edX Video Pipeline Course Addition Tool</span>
    </div>
    <div id="forminput" class="course_input">

        <!-- <span>VEDA Course Add</span><br> -->
        <form id="course-form" action="" method="post" >
            {% csrf_token %}
            <!-- <input class="submit_button" type="submit" value="Submit"/> -->
            <input type="text" placeholder="Institute Lookup" name="input_text" id="input_text" size="60">
        </form>
        <div id="inst_lookup"></div>
        <div id="new_buttons">
            <form id="reset-form" action="" method="post" >
                <input id="rstb" class="reset_button" type="reset" value="Reset"/>
            </form>

            <form id="submit-form" action="" method="post" >
                <input id="sbmt" class="submit_button" type="submit" value="Submit"/>
            </form>
        <div class="rebox" id="advanced">
            <input type="checkbox" name="advanced_toggle" id="advanced_toggle" onclick="adv_toggle()" value="None" class="box">
            <label for="advanced_toggle" >Advanced</label>
        </div>
        </div>
    </div>
    <div id="return">
    </div>

    <div id="results"></div>

    <div id="form_button">
        <form id="new-form" action="" method="post" >
            <input id="nwfm" class="new_button" type="submit" value="New Inst."/>
        </form>
    </div>

<div class="footer">
edx-video-pipeline i/o version 1.0.0
</p>
<a href="../admin/logout/">logout</a>

</div>
<script src="{% static "js/course_form.js" %}" type="text/javascript"></script>
</body>