{% extends "base.html" %}

{% block title %}Submit Paper for Proceedings{% endblock %}

{% block addscripts %}

  <link rel="stylesheet" type="text/css" href="/static/jquery/jquery.autocomplete.css" />

  <script type="text/javascript" src="/static/jquery/jquery-ui-1.7.2.custom.min.js"></script>

  <script type="text/javascript" src="/static/jquery/jquery-dynamic-form.js"></script>

  <script type="text/javascript" src="/static/jquery/jquery.autocomplete-min.js"></script>

  <script type="text/javascript">

    $(document).ready(function(){	

	  $("#author").dynamicForm("#plus", "#minus", {limit: 10, createColor: 'green',removeColor: 'red'});

	  var a = $('input[id^=id_authors]').autocomplete({ 

        serviceUrl:'/proceedings/getusers/', 

      });

	});

  </script>

{% endblock %}

{% block content %}

  <h1>Submit Proceedings paper</h1>

  {% include '_errors.html' %}

  <form action="{% url kiwipycon_submit_proceedings %}" method="post">

    {% if not user.is_authenticated %}

    <fieldset>

      <legend>Are you a member of this site?</legend>

      <table class="kiwipycon-default required">{{ login_form }}</table>

      <input type="hidden" name="action" value="login" />

      <button class="button left" type="submit">Login</button>

    </fieldset>

  </form>

  <br />

  <form action="{% url kiwipycon_submit_talk %}" enctype="multipart/form-data" method="post">

    <fieldset>

      <legend>User Registration</legend>

      <table class="kiwipycon-default required">{{ register_form }}</table>

      <input type="hidden" name="action" value="register" />

    </fieldset>

    {% endif %}

    <br />

    <fieldset>

      <legend>Proceedings Paper Submission</legend>

      <table class="kiwipycon-default required">

		<tr>

          <th>{{ proceedings_form.title.label }}</th>

          <td>{{ proceedings_form.title.errors }}{{ proceedings_form.title }}</td>

        </tr>

		<tr>

          <th>{{ proceedings_form.abstract.label }}</th>

          <td>{{ proceedings_form.abstract.errors }}{{ proceedings_form.abstract }}</td>

        </tr>

        <tr>

          <th>{{ proceedings_form.body.label }}</th>

          <td>{{ proceedings_form.body.errors }}{{ proceedings_form.body }}</td>

        </tr>

        <tr>

          <th>{{ proceedings_form.rst_file.label }}</th>

          <td>{{ proceedings_form.rst_file.errors }}{{ proceedings_form.rst_file }}</td>

        </tr>

        <tr>

          <th>{{ proceedings_form.authors.label }}</th>

          <td>

            <table style="position: relative; left: -3%;"><tr id="author"><td>

            {{ proceedings_form.authors.errors }}

            {{ proceedings_form.authors }}

            <span><a id="minus" href="">[Remove]</a><a id="plus" href="">[Add]</a></span>

            </td><tr></table>

          </td>

        </tr>

      </table>

      <button class="button left" type="submit">Submit Paper</button>

    </fieldset>

  </form>

  {% if message %}

  <script type="text/javascript">$.jGrowl("{{ message }}");</script>

  {% endif %}

{% endblock content %}