{% extends "otree/admin/Session.html" %}
{% load otree_tags floppyforms %}

{% block internal_scripts %}
{{ block.super }}
<script type="text/javascript" charset="utf-8">
// show modal warning window if user tries to create hit in non-sandbox mode
// and if we are not already showing this modal to user
$(document).ready(function() {
    $("input[type=text]").click(function() {
        $(this).select();
    });
        $('#form').on('submit', function(ev) {
            if (($("input[name=in_sandbox]:checked").length == 0) && !($("#mturk-production").hasClass('in'))) {
                $('#mturk-production').modal({
                    show: 'false'
                });
                ev.preventDefault();
            }
        })
});
</script>
{% endblock %}
{% block content %}
{{ block.super }}
{% if not mturk_enabled %}
<p> MTurk is currently disabled.
If you want to publish your HIT on MTurk please do the following steps:
<ol>
    <li>set environmental variables <code>AWS_ACCESS_KEY_ID</code> and <code>AWS_SECRET_ACCESS_KEY</code></li>
    <li>restart the server</li>
    <li>access this page via secured url <a href="{{ secured_url }}">{{ secured_url }}</a></li>
</ol>
You can read more about Amazon Mechanical Turk integration 
<a href="https://github.com/oTree-org/oTree#amazon-mechanical-turk" target="_blank">here</a>.
</p>
{% else %}
<div class="modal fade" id="mturk-production" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content panel-warning">
      <div class="modal-header panel-heading">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title" id="exampleModalLabel">Publish HIT?</h4>
      </div>
      <div class="modal-body">
          <p>
              You are about to publish HIT for your session on MTurk. Are you sure?
          </p>
      </div>
      <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Publish HIT</button>
      </div>
    </div>
  </div>
</div>
{% if not session.mturk_HITId %}
{% form form using "floppyforms/layouts/bootstrap.html" %}
<button type="submit" class="btn btn-primary">Publish HIT</button>
{% else %}
<p>
You have published HIT for this session on MTurk
{% if session.mturk_sandbox %}
Sandbox
{% endif %}
.</p>
<p>
To look at the HIT as <em>requester</em>
follow this <a href="{{ session.mturk_requester_url }}" target="_blank">link</a>.<br>
To look at the HIT as a <em>worker</em>
follow this <a href="{{ session.mturk_worker_url }}" target="_blank">link</a>.
</p>
{% for field in form %}{% mark_field_as_rendered field %}{% endfor %}
{% endif %}
{% endif %}
{% include "otree/includes/messages.html" %}
{% endblock %}
