<div id="mypages"> 
  <ul style="list-style:none;" id="mypages" class="mypages">    
    <li><a href="/"> <button class="btn"> Page d'accueil </button> </a> </li>
    {% for item in pagesList %}
    <li style="padding-top: 10px;"> 
      <a href="/{{ item }}/">
	<button class="btn"> {{ item }} </button>
      </a> 
      <a href="/rmPage/{{ item }}"><button class="btn btn-danger"> X </button></a>
    </li>
    {% endfor %}     

  </ul>
 
  <div class="formAddPage" id="addPage">
    <form action="/addPage" id="addPage" method="POST" class="" >
      <input id="csrf_token" name="csrf_token" type="hidden" value="{{ csrf_token() }}">  
        <h3>Créér une nouvelle page </h"3>
	<br />
	<label for="blocName">Nom du bloc (caractères sans accents uniquement) </label>	
	<div class="input-group">
	  <input type="text"
		name="pageName" 
		class="form-control" 
		id="pageName" 
		placeholder="Ma_Page" 
		required >
	  <div class="invalid-feedback">
	    Entrez le nom de la page sans espaces ni caractères spéciaux  
	  </div>
	</div>

        <br />
        <label for="link"><b>Type de bloc</b></label>
        <br/>
        <select id="pageType" name="pageType" size="8" style="width:70%;" required>
		{% for page_type in type_pages %} 
		<option value="{{page_type}}"> {{page_type}} </option> 
        	{% endfor %}
	</select>
        <br/>
        <button type="submit" class="btn btn-success"
			  onclick="valid_nameBloc()"> Créer la page </button>
    </form>
  </div>
</div>
