{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}

      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/datatables.min.css') }}">
      <link rel="stylesheet"   href="{{ asset('back/bundles/datatables/DataTables-1.10.16/css/dataTables.bootstrap4.min.css') }}">
 <style>
  .reverse-geo-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
</style>
 {% endblock %}

{% block body %}
    <!-- Main Content -->
      <div class="main-content">
        
    <section class="section">
       
        <div class="row">
          <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-8 offset-lg-2 col-xl-8 offset-xl-2">
            <div class="card card-primary">
              <div class="card-header">
                <h4>Creation Element</h4>
              </div>
              <div class="card-body">
                  {{ form_start(form) }}
            
                  <div class="row">
                    <div class="form-group col-12">
                      <label for="frist_name">Designation</label>
                      {{ form_widget(form.designation, {'attr': {'class': 'form-control','placeholder':'Entrez une ville ou commune'}}) }}
                      {# <input id="frist_name" type="text" class="form-control" name="frist_name" autofocus> #}
                    </div>
                    
                    
                  </div>
                    
                  
                  <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-lg btn-block">
                      Ajout Commune/Ville
                    </button>
                  </div>
             {{ form_end(form) }}
              </div>
              {# <div class="mb-4 text-muted text-center">
                Already Registered? <a href="auth-login.html">Login</a>
              </div> #}
            </div>
          </div>
        </div>
     
    </section>
        </div>
      
{% endblock %}
{% block javascripts %} 
   {{parent()}} 

 
 {% endblock %}