<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-bottom navbar-skrink" id="toolNav">
  <div class="container">
    <button class="btn btn-secondary" type="button" data-toggle="modal" data-target="#parameters" > Paramètres de mon site </button>
    <a class="btn btn-warning nav-brand js-scroll-trigger" href="/edit/save"> Publier mes modifications </a>
  </div>
 
</nav>

<div class="modal" id="parameters">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Paramètres </h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
	
        <!-- Modal body -->
        <div class="modal-body">
	  <ul class="nav nav-pills nav-justified">
	    <li class="nav-item">
	      <a class="nav-link active" data-toggle="pill" href="#menu">Menu</a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" data-toggle="pill" href="#options"> Options </a>
	    </li>
	    <li class="nav-item">
	      <a class="nav-link" data-toggle="pill" href="#publication">Publication</a>
	    </li>
	  </ul>
	  
	  <!-- Tab panes -->
	  <div class="tab-content">
	    <div class="tab-pane container text-center active" id="menu">
	      <br/>
	      <h4> Organiser mes pages </h4>
	      
	      {% include 'admin/_menu-edit.html' %}
	      
	    </div>
	    <div class="tab-pane container  text-center fade" id="options">
	      <br/>
	      <h4> Mes réseaux sociaux </h4>
	    </div>
	    <div class="tab-pane container fade text-center" id="publication">
	      <br/>
	      <h4> Serveur(s) où publier mon site </h4>
	      
	    </div>
	  </div>
        </div>
	
        <!-- Modal footer -->
        <div class="modal-footer mx-auto">
	  <button class="btn btn-success">Enregistrer </button>
	  <a class="btn btn-danger" href="/edit" > Annuler </a>
        </div>
      </div>
    </div>
</div>
