{% extends "layout.html" %}
{% block body %}
<div class="row">
  <div class="col-sm-9 col-md-10 col-sm-push-3 col-md-push-2">
    <br>
    <a href="javascript:history.back()" class="btn btn-default"> Back </a>
    <a href="{{ run_url }}" class="btn btn-primary pull-right">Create </a>
    <br>
    <br>
    <form class="form-horizontal">

      <h3>Mandatory options:</h3>
      <div class="form-group">
        <label class="col-sm-2 control-label">Project Name:</label>
        <div class="col-sm-10">
          <input type="email" class="form-control" id="inputEmail3" placeholder="">
        </div>
      </div>

      <div class="form-group">
        <label class="col-sm-2 control-label">Directory:</label>
        <div class="col-sm-10">
          <input type="email" class="form-control" id="inputEmail3" placeholder="">
        </div>
      </div>

      <h3>Optional:</h3>
      {% for option in ["Install dependencies only", "Use Python 3 instead of Python 2."] %}
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <div class="checkbox">
            <label>
              <input type="checkbox"> {{ option }}
            </label>
          </div>
        </div>
      </div>
      {% endfor %}

    </form>




  </div>
  <div class="col-sm-3 col-md-2 col-sm-pull-9 col-md-pull-10 sidebar-pf sidebar-pf-left">
    <h3>{% if runnable["img"] %}
		<img class="media-object" src="{{ runnable['img'] }}" style="width: 20px;float: left;" alt="r['tooltip']">
	{% endif %}
	{{ runnable.fullname }} </h3>
    <p> {{ runnable.description }} </p>
  </div>
</div>


{% endblock %}