/*****************************************/
/* Fonctions de Modele          */
/*****************************************/

/* Générer et gérer la modale de modele */
function genererModaleModele() {
  // Génération de la modale
  let c = "";
  c+= `<div class="modal fade modal_annexe" id="outils_modal_act_modele" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">`;
  c+= `<div class="modal-dialog modal-lg">`;
  c+= `<div class="modal-content bg-info-subtle">`;
  c+= `<div class="modal-header bg-info d-flex align-items-start justify-content-between py-2 px-2">`;
  c+= `<h1 class="modal-title fs-4">Tirer</h1>`;
  c+= `<div class="d-flex align-items-center">`;
  //c+= `<button id="outils_bt_importer_fond_ecran" class="btn btn-secondary">Importer un fond d'écran</button>`;
  //c+= `<input type="file" id="outils_input_importer_fond_ecran" accept="image/*" style="display:none">`;
  //c+= `<button id="outils_bt_supprimer_fond_ecran" class="btn btn-danger ms-2" title="Supprimer le fond d'écran"><i class="bi bi-trash3-fill"></i></button>`;
  c+= `<button class="btn btn-warning ms-2" data-bs-dismiss="modal" title="Fermer"><i class="bi bi-x-lg"></i></button>`;
  c+= `</div>`;
  c+= `</div>`;// fin .modal-header
  c+= `<div class="modal-body">`;

  c+= `<ul class="nav nav-tabs" id="modele_tabs" role="tablist">`;

  c+= `<li class="nav-item" role="presentation">`;
  c+= `<button class="nav-link active" id="modele_de_tab" data-bs-toggle="tab" data-bs-target="#modele_de" type="button" role="tab" aria-controls="modele_de" aria-selected="true">Dé</button>`;
  c+= `</li>`;

  c+= `<li class="nav-item" role="presentation">`;
  c+= `<button class="nav-link" id="modele_lettre_tab" data-bs-toggle="tab" data-bs-target="#modele_lettre" type="button" role="tab" aria-controls="modele_lettre" aria-selected="true">Lettre</button>`;
  c+= `</li>`;

  c+= `</ul>`;// fin #modele_tabs

  c+= `<div class="tab-content tab_content" id="modele_content">`;

  c+= `<div class="tab-pane active" id="modele_de" role="tabpanel" aria-labelledby="modele_de_tab">`;
  //c+= `contenu onglet Dé`;
	c+= "<h4>Modele avec des dés</h4>";
  c+= `</div>`;//fin #modele_de

  c+= `<div class="tab-pane fade" id="modele_lettre" role="tabpanel" aria-labelledby="modele_lettre_tab">`;
  //c+= `contenu onglet Lettre`;
	c+= "<h4>Modele avec des lettres</h4>";
  c+= `</div>`;//fin #modele_lettre
  c+= ``;
  c+= `</div>`;
  c+= `</div>`;
  c+= `</div></div></div>`;
  // Ajouter la modale dans le body
  $("body").append(c);

}// FIN genererModaleModele()
