{% extends "base_generic.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% crispy product product.helper %}
{% crispy credits credits.helper %}

{% block content %}
<link rel="stylesheet" href="{% static "ajaxuploader/css/fileuploader.css" %}">

<style media="screen">
  .form-error {
    padding: 60 0 0 20;
    color: #F00;

  }
</style>

<div class="container-lg">
  <form id='upload_mab' enctype="multipart/form-data" method="post">
    {% csrf_token %}
        <div class="col-sm-10">
          <div class="">
  &nbsp;
</div>
<h3>Reichen Sie Ihr Projekt ein</h3>
               <div class="">
  &nbsp;
</div>
                  <div class="col-sm-10" style="margin-bottom: 5px">{{info_txt|safe}}</div>
               <div class="">
  &nbsp;
</div>
        </div>
    <div class="col-sm-10">
      {% crispy product %}
    </div>


    <div class="col-sm-10">

    </div>



       <div class="col-sm-10">

         <div class='form-error' style="" >{{ product_errors }}</div>
      {{ product.terms|as_crispy_field  }}

    </div>
             <div class="col-sm-10">

       <p>Bitte lesen Sie unsere <strong  style="cursor:pointer" data-toggle="modal" data-target="#exampleModalLong">Teilnahmebedingungen</strong></p>

                   <!-- Modal -->
                    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                      <div class="modal-dialog" role="document">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="exampleModalLongTitle">Teilnahmebedingungen</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                              <span aria-hidden="true">&times;</span>
                            </button>
                          </div>
                          <div class="modal-body">
                            <p>Please note that by submitting photos you give us the right to publish them at no costs in the exhibition, in the “media architecture compendium” (iPad and iPhone App available at the Apple App Store), on the mediaarchitecture.org website and in publications related to the exhibition and scientific publications of members of the Media Architecture Institute and you declare that you have the right for publishing and the dissemination of the photos.</p>
                            <p>Due to technical and organizational constraints, the organizers of the Media Architecture Biennale 2018 reserve the right to determine the actual extent, timing and layout/editing of the above-mentioned publications and documentaries. <p>
                            <p>The organizers and the sponsors of Media Architecture Biennale desire to make the results of the competition accessible to as large an audience as possible. To achieve this end, a public relations campaign aimed at particular media outlets (press, radio, TV and Internet) will be conducted.<p>
                            <p>The organizers reserve the right to determine which of the submitted works will be included in the exhibitions and determine which of the submitted works will be awarded. The entrants hereby consent to making their works available for this purpose. <p>
                            <p>The entrant hereby declares that he/ she is legally authorized to convey such rights to the extent stipulated above, that he/ she has obtained any and all necessary consent from third parties as called for by regulations governing copyright, personal property rights or other such legal provisions, and that he/ she is prepared to provide proof of such at any time if called upon by the organizers of Media Architecture Biennale 2018 to do so. <p>
                            <p>Additional stipulations with regard to the conveyance of rights within the framework of agreements concluded in conjunction with participation in the exhibition and awards supplement the rights conveyed in this agreement but do not limit them in the absence of an express written agreement to the contrary. <p>
                            <p>This agreement elaborating the terms of participation is governed by Austrian law with the exception of the United Nations Convention on Contracts for the International Sale of Goods and all norms serving as legal reference (Verweisungsnormen). The place of jurisdiction is Vienna. <p>
                            <p>The participants convey to the organizers the non-exclusive right free of temporal or geographic restriction to publish or post the submitted works on presently existing video streaming sites such as YouTube, Vimeo, Flickr. <p>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                          </div>
                        </div>
                      </div>
                    </div>
             </div>

    <div class="col-sm-10" style="margin-bottom: 5px">
      <div class="buttonHolder">
        <input type="submit" name="submit" class=" btn border-dark rounded-0 mybtn" style="margin-right: " value="Save">
        <input type="submit" name="addImage" class="btn border-dark rounded-0 mybtn" value="Save & Add Media now">
      </div>
    </div>

  </form>

</div>

<div class="">
  &nbsp; &nbsp;
</div>

<script src="{% static "jquery/dist/jquery.js" %}"></script>
<script src="{% static "ajaxuploader/js/fileuploader.js" %}"></script>
<script src="{% static "file_form/file_form.js" %}"></script>
<script>
  $(function() {
    initUploadFields($('#upload_mab'));
  });
</script>
{% endblock %}
