{% extends base_template %}
{% load i18n %}
{% load widget_tweaks %}
{% load petition_extras %}
{% load static %}
{% block media %}
    {{ form.media }}
{% endblock %}
{% block extracss %}
  {{ block.super }}
    <link href="{% static 'vendor/smartwizard/dist/css/smart_wizard_theme_arrows.css' %}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block content %}
  <h1 class="my-3">{% trans "Create a new petition!" %}</h1>
  <div id="smartwizard">
    <ul>
      <li><a href="#step-1" id="step1_link">{% trans "Title" %}<br />
          <small>{% trans "Give a title to your petition" %}</small></a></li>
      <li><a href="#step-2" id="step2_link">{% trans "Content" %}<br />
          <small>{% trans "Write your petition content" %}</small></a></li>
      <li><a href="#step-3" id="step3_link">{% trans "Publish" %}<br />
          <small>{% trans "Save your petition and publish it if it's ready" %}</small></a></li>
    </ul>
    {% block wizard_content %}
    {% endblock wizard_content %}
  </div>

{% endblock %}