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

{% block title %}
  {% if trafficLawsCourse %}
    Modifier {{ trafficLawsCourse }}
  {% else %}
    Ajouter une leçon
  {% 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_courses_list') }}">Leçons</a>
              &nbsp;/&nbsp;
            </p>
            <p class="text-primary mb-0 hover-cursor">
              {% if trafficLawsCourse %}
                Modifier {{ trafficLawsCourse }}
              {% else %}
                Ajouter une leçon
              {% 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 trafficLawsCourse %}
              Modifier {{ trafficLawsCourse }}
            {% else %}
              Ajouter une leçon
            {% endif %}
          </p>
          {{ form_start(trafficLawsCourseForm) }}
          <div class="row">
            <div class="col-sm-12">
                {{ form_errors(trafficLawsCourseForm) }}
            </div>
          {{ form_end(trafficLawsCourseForm) }}
        </div>
      </div>
    </div>
  </div>
{% endblock %}