{% extends "base.html" %}
{% load i18n %}

{% get_current_language as LANGUAGE_CODE %}

{% block head %}
  <link rel="stylesheet" href="{{ STATIC_URL }}trainings/css/themes/base/jquery-ui.css" type="text/css" media="screen" charset="utf-8" />
  <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.datetimepicker.css" type="text/css" media="screen" charset="utf-8" />

  <script type="text/javascript" src="{{ STATIC_URL }}trainings/js/ui/jquery-ui.js"></script>

  <script type="text/javascript" src="{{ STATIC_URL }}trainings/js/jquery.datetimepicker.js"></script>
  <script type="text/javascript">
    $(function(){
      $( "#id_start_date" ).datetimepicker({lang:'{{ LANGUAGE_CODE }}', format:'{{ DATETIME_INPUT_FORMAT }}'});
      $( "#id_end_date" ).datetimepicker({lang:'{{ LANGUAGE_CODE }}', format:'{{ DATETIME_INPUT_FORMAT }}'});
    });
  </script>
{% endblock %}

{% block subtitle %}
  {% if session %}
    {% trans 'Edit session' %}
  {% else %}
    {% trans 'Add a session to the training' %} <span class="text-info">{{ training.name }}</span>
  {% endif %}
{% endblock %}

{% block actions %}
  <a class="btn btn-default" href="{% url 'trainings:session-list' %}">
    {% trans 'Back to the sessions list' %}
  </a>
{% endblock %}

{% block main %}
  <form action="" method="post" enctype="multipart/form-data" >{% csrf_token %}
    <table class="table table-bordered table-hover">
      {% include 'extras/form.html' with form=form %}
    </table>
    <div class="row">
      <div class="col-md-12">
        <input class="btn btn-primary" type="submit" value="{% trans 'Save' %}" />
      </div>
    </div>
  </form>
{% endblock %}