{% extends 'base.html.twig' %}

{% block title %}
  {% if trafficLawsTheme %}
    Modifier {{ trafficLawsTheme }}
  {% else %}
    Ajouter une thématique
  {% endif %}
{% endblock %}

{% block body %}
  <div class="row">
    <div class="col-md-12 grid-margin">
      <div class="d-flex justify-content-between flex-wrap">
        <div class="d-flex align-items-end flex-wrap">
          <div class="d-flex">
              <i class="mdi mdi-home text-muted hover-cursor"></i>
              <p class="text-muted mb-0 hover-cursor">
                &nbsp;/&nbsp;
                <a class="student-dashbord-service" href="{{ path('home') }}">Tableau de bord</a>
              </p>
					    <p class="text-muted mb-0 hover-cursor">
                &nbsp;/&nbsp;
                <a class="student-dashbord-service" href="{{ path('traffic_laws_themes_list') }}">thématiques</a>
                &nbsp;/&nbsp;
              </p>
              <p class="text-primary mb-0 hover-cursor">
                {% if trafficLawsTheme %}
                  Modifier {{ trafficLawsTheme }}
                {% else %}
                  Ajouter une thématique
                {% endif %}
              </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body bloc-radius bloc-border bloc-box-shadow">
          <p class="card-title">
            {% if trafficLawsTheme %}
              Modifier {{ trafficLawsTheme }}
            {% else %}
              Ajouter une thématique
            {% endif %}
          </p>
          {{ form_start(trafficLawsThemeForm) }}
          <div class="row">
            <div class="col-sm-12">
                {{ form_errors(trafficLawsThemeForm) }}
            </div>
          {{ form_end(trafficLawsThemeForm) }}
        </div>
      </div>
    </div>
  </div>
{% endblock %}