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

{% block title %}
  Générer une clé API
{% 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('configuration_api') }}">API configuration</a>
              &nbsp;/&nbsp;
            </p>
            <p class="text-primary mb-0 hover-cursor">
              Générer une clé API
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    {# common flash messages bloc #}
    {{ include('common/flash_messages_bloc.html.twig') }}
    <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">
            Générer une clé API
          </p>
          {{ form_start(apiKeyForm) }}
          <div class="row">
            <div class="col-sm-12">
                {{ form_errors(apiKeyForm) }}
            </div>
          {{ form_end(apiKeyForm) }}
        </div>
      </div>
    </div>
  </div>
{% endblock %}