const avatar = document.querySelector('#avatar-upload');
const modal_infos = document.querySelector("#modal-infos");
const btn_ouvrir = document.querySelector("#btn-ouvrir-modal");
const btn_annuler = document.querySelector("#btn-annuler-modal");
const modal_mdp = document.querySelector("#modal-mdp");
const btn_ouvrir_mdp = document.querySelector("#btn-ouvrir-modal-mdp");
const btn_annuler_mdp = document.querySelector("#btn-annuler-modal-mdp");
const modal_ami = document.querySelector("#modal-ami");
const btn_ouvrir_ami = document.querySelector("#btn-ouvrir-modal-ami");
const btn_annuler_ami = document.querySelector("#btn-annuler-modal-ami");

function changerAvatar() {
    this.closest('form').submit();
}

function fermerModal() {
  modal_infos.classList.add('hidden');
}

function ouvrirModal() {
  modal_infos.classList.remove('hidden');
}

function fermerModal_bis(event) {
  if (event.target === modal_infos) {
    fermerModal();
  }
}

function fermerModalMdp() {
    modal_mdp.classList.add('hidden');
}

function ouvrirModalMdp() {
    modal_mdp.classList.remove('hidden');
}

function fermerModalMdp_bis(event) {
    if (event.target === modal_mdp) {
        fermerModalMdp();
    }
}

function ouvrirModalAmi() {
  modal_ami.classList.remove('hidden');
}

function fermerModalAmi() {
  modal_ami.classList.add('hidden');
}

function fermerModalAmi_bis(event) {
  if (event.target === modal_ami) {
    fermerModalAmi();
  }
}

avatar.addEventListener('change', changerAvatar);
btn_ouvrir.addEventListener('click', ouvrirModal);
btn_annuler.addEventListener('click', fermerModal);
modal_infos.addEventListener('click', fermerModal_bis);
btn_ouvrir_mdp.addEventListener('click', ouvrirModalMdp);
btn_annuler_mdp.addEventListener('click', fermerModalMdp);
modal_mdp.addEventListener('click', fermerModalMdp_bis);
btn_ouvrir_ami.addEventListener('click', ouvrirModalAmi);
btn_annuler_ami.addEventListener('click', fermerModalAmi);
modal_ami.addEventListener('click', fermerModalAmi_bis);

if (document.querySelector('#resultats_recherche_ami')) {
  ouvrirModalAmi();
}