$(document).ready(function () {
  jQuery('<div class="quantity-nav"><button class="quantity-button quantity-up" onclick="return false;"><i class="icon-chevron-up"></i></button><button class="quantity-button quantity-down" onclick="return false;"><i class="icon-chevron-down"></i></button></div>').insertAfter('.quantity input');
  jQuery('.quantity').each(function () {
    var spinner = jQuery(this),
        input = spinner.find('input[type="number"]'),
        btnUp = spinner.find('.quantity-up'),
        btnDown = spinner.find('.quantity-down');

    btnUp.click(function () {
     min = input.attr('min');
     max = input.attr('max');
     var oldValue = parseFloat(input.val());
      if (oldValue >= max) {
        var newVal = oldValue;
      } else {
        var newVal = oldValue + 1;
      }
      spinner.find("input").val(newVal);
      spinner.find("input").trigger("change");
    });

    btnDown.click(function () {
      min = input.attr('min');
      max = input.attr('max');
      var oldValue = parseFloat(input.val());
      if (oldValue <= min) {
        var newVal = oldValue;
      } else {
        var newVal = oldValue - 1;
      }
      spinner.find("input").val(newVal);
      spinner.find("input").trigger("change");
    });

  });
});



$(document).ready(function () {

  // Ajout des boutons + / -
  $('<div class="quantity-nav">' +
      '<button class="quantity-button quantity-up" onclick="return false;">+</button>' +
      '<button class="quantity-button quantity-down" onclick="return false;">−</button>' +
    '</div>').insertAfter('.quantityb input');

  $('.quantityb').each(function () {

    var spinner = $(this),
        input   = spinner.find('input[type="number"]'),
        btnUp   = spinner.find('.quantity-up'),
        btnDown = spinner.find('.quantity-down');

    // CAS SPÉCIAL battlefield
    if (input.attr('id') === 'nb_personnes_battlefield') {

      btnUp.on('click', function () {
        var value = parseInt(input.val()) || 0;

        if (value === 0) {
          value = 8;
        } else if (value < 30) {
          value++;
        }

        input.val(value).trigger('change');
      });

      btnDown.on('click', function () {
        var value = parseInt(input.val()) || 0;

        if (value <= 8) {
          value = 0;
        } else {
          value--;
        }

        input.val(value).trigger('change');
      });

    } else {

      // COMPORTEMENT NORMAL (tes autres inputs)
      btnUp.on('click', function () {
        var max = parseFloat(input.attr('max'));
        var oldValue = parseFloat(input.val());
        if (oldValue >= max) {
          input.val(oldValue);
        } else {
          input.val(oldValue + 1);
        }
        input.trigger('change');
      });

      btnDown.on('click', function () {
        var min = parseFloat(input.attr('min'));
        var oldValue = parseFloat(input.val());
        if (oldValue <= min) {
          input.val(oldValue);
        } else {
          input.val(oldValue - 1);
        }
        input.trigger('change');
      });

    }

  });

});







function getPrixBattlefield(creneau) {
<!--alert(creneau);-->
    const [debut, fin] = creneau.split(' - ');
    const [h1, m1] = debut.split(':').map(Number);
    const [h2, m2] = fin.split(':').map(Number);

    const duree = (h2*60 + m2 - (h1*60 + m1)) / 60;

    const PRIX_BF_1 = 20.00;
    const PRIX_BF_2 = 30.00;
    const PRIX_BF_3 = 45.00;


    switch (Math.round(duree)) { // arrondir pour éviter les décimales
        case 1:
            return PRIX_BF_1; 
        case 2:
            return PRIX_BF_2;
        case 3:
            return PRIX_BF_3;
        default:
            return 0;
    }
}

function Calcul_Groupe() {
	var adultes			= document.getElementById("adultes").value*1;
	var etudiants		= document.getElementById("etudiants").value*1;
	var juniors			= document.getElementById("juniors").value*1;
	var enfants			= document.getElementById("enfants").value*1;
	var kids			= document.getElementById("kids").value*1;
	var indiens			= document.getElementById("indiens").value*1;
	var type			= document.getElementById("type").value;
	
	if ((type=="2") || (type=="4")) { document.getElementById("adultesaccompagnateurtxt").innerHTML="Accompagnateur"; var Total_Personnes=etudiants+juniors+enfants+kids+indiens; } else { document.getElementById("adultesaccompagnateurtxt").innerHTML="Adulte"; var Total_Personnes=adultes+etudiants+juniors+enfants+kids+indiens; }
	document.getElementById("nb_personnes").value = Total_Personnes;

	if ((type=="1") && (document.getElementById("nb_personnes").value>20)) { alert("Groupe de 20 personnes maximum.\nFaites une 2ème réservation si vous êtes plus de 20 !\nMerci"); }
	if ((type!="1") && (document.getElementById("nb_personnes").value>30)) { alert("Groupe de 30 personnes maximum.\nFaites une 2ème réservation si vous êtes plus de 30 !\nMerci"); }

}


function Calcul_Groupe_Explor_Games() {
var nb_personnes_explor_games			= document.getElementById("nb_personnes_explor_games").value*1;

if (document.getElementById("nb_personnes_explor_games").value>30) { alert("Groupe de 30 personnes maximum.\nFaites une 2ème réservation si vous êtes plus de 30 !\nMerci"); }
}

function Calcul_Groupe_Escape_Game() {
var nb_personnes_escape_game			= document.getElementById("nb_personnes_escape_game").value*1;
	
if (document.getElementById("nb_personnes_escape_game").value>18) { alert("Groupe de 18 personnes maximum.\nFaites une 2ème réservation si vous êtes plus de 18 !\nMerci"); }
}

function Calcul_Groupe_Trampoline() {
var nb_personnes_trampoline			= document.getElementById("nb_personnes_trampoline").value*1;
	
if (document.getElementById("nb_personnes_trampoline").value>6) { alert("Groupe de 6 personnes maximum.\nFaites une 2ème réservation si vous êtes plus de 6 !\nMerci"); }
}






function Calcul_Total() {
	var type			= document.getElementById("type").value;
	var nb_personnes	= document.getElementById("nb_personnes").value;

	if ((type=="2") || (type=="3") || (type=="4"))
	{
	var Prixadultes			= document.getElementById("adultes").value*0.00;
	var Prixetudiants		= document.getElementById("etudiants").value*20.00;
	var Prixjuniors			= document.getElementById("juniors").value*18.00;
	var Prixenfants			= document.getElementById("enfants").value*15.00;
	var Prixkids			= document.getElementById("kids").value*12.00;
	var Prixindiens			= document.getElementById("indiens").value*5.00;

	document.getElementById("adultesprix").value="0.00";
	document.getElementById("adultesprixtxt").innerHTML="0.00";
	document.getElementById("etudiantsprix").value="20.00";
	document.getElementById("etudiantsprixtxt").innerHTML="20.00";
	document.getElementById("juniorsprix").value="18.00";
	document.getElementById("juniorsprixtxt").innerHTML="18.00";
	document.getElementById("enfantsprix").value="15.00";
	document.getElementById("enfantsprixtxt").innerHTML="15.00";
	document.getElementById("kidsprix").value="12.00";
	document.getElementById("kidsprixtxt").innerHTML="12.00";
	document.getElementById("indiensprix").value="5.00";
	document.getElementById("indiensprixtxt").innerHTML="5.00";




	if ((type=="2") || (type=="3") || (type=="4"))
	{
	document.getElementById("textenbpersonnes").innerHTML="<p><b>Réservation de 30 pratiquants maximum. Si vous êtes plus de 30, veuillez faire une 2ème réservation.<br />Possibilité de ne faire qu'un seul bon de commande par journé. Merci.</b></p>";
	}
    else
	{
	document.getElementById("textenbpersonnes").innerHTML="<p><b>Réservation de 30 personnes maximum. Si vous êtes plus de 30, veuillez faire une 2ème réservation.</b></p>";
	}
	document.getElementById("adultes").max="30";
	document.getElementById("etudiants").max="30";
	document.getElementById("juniors").max="30";
	document.getElementById("enfants").max="30";
	document.getElementById("kids").max="30";
	document.getElementById("indiens").max="30";
	}
	else if ((type!="1") && (type!=""))
	{
	var Prixadultes			= document.getElementById("adultes").value*22.00;
	var Prixetudiants		= document.getElementById("etudiants").value*20.00;
	var Prixjuniors			= document.getElementById("juniors").value*18.00;
	var Prixenfants			= document.getElementById("enfants").value*15.00;
	var Prixkids			= document.getElementById("kids").value*12.00;
	var Prixindiens			= document.getElementById("indiens").value*5.00;

	document.getElementById("adultesprix").value="22.00";
	document.getElementById("adultesprixtxt").innerHTML="22.00";
	document.getElementById("etudiantsprix").value="20.00";
	document.getElementById("etudiantsprixtxt").innerHTML="20.00";
	document.getElementById("juniorsprix").value="18.00";
	document.getElementById("juniorsprixtxt").innerHTML="18.00";
	document.getElementById("enfantsprix").value="15.00";
	document.getElementById("enfantsprixtxt").innerHTML="15.00";
	document.getElementById("kidsprix").value="12.00";
	document.getElementById("kidsprixtxt").innerHTML="12.00";
	document.getElementById("indiensprix").value="5.00";
	document.getElementById("indiensprixtxt").innerHTML="5.00";

	document.getElementById("textenbpersonnes").innerHTML="<p><b>Réservation de 30 personnes maximum. Si vous êtes plus de 30, veuillez faire une 2ème réservation.<br />Possibilité de ne faire qu'un seul bon de commande par journé. Merci.</b></p>";
	document.getElementById("adultes").max="30";
	document.getElementById("etudiants").max="30";
	document.getElementById("juniors").max="30";
	document.getElementById("enfants").max="30";
	document.getElementById("kids").max="30";
	document.getElementById("indiens").max="30";
	}
	else if ((type=="1") && (nb_personnes>9))
	{
	var Prixadultes			= document.getElementById("adultes").value*22.00;
	var Prixetudiants		= document.getElementById("etudiants").value*20.00;
	var Prixjuniors			= document.getElementById("juniors").value*18.00;
	var Prixenfants			= document.getElementById("enfants").value*15.00;
	var Prixkids			= document.getElementById("kids").value*12.00;
	var Prixindiens			= document.getElementById("indiens").value*5.00;

	document.getElementById("adultesprix").value="22.00";
	document.getElementById("adultesprixtxt").innerHTML="22.00";
	document.getElementById("etudiantsprix").value="20.00";
	document.getElementById("etudiantsprixtxt").innerHTML="20.00";
	document.getElementById("juniorsprix").value="18.00";
	document.getElementById("juniorsprixtxt").innerHTML="18.00";
	document.getElementById("enfantsprix").value="15.00";
	document.getElementById("enfantsprixtxt").innerHTML="15.00";
	document.getElementById("kidsprix").value="12.00";
	document.getElementById("kidsprixtxt").innerHTML="12.00";
	document.getElementById("indiensprix").value="5.00";
	document.getElementById("indiensprixtxt").innerHTML="5.00";

	document.getElementById("textenbpersonnes").innerHTML="<p><b>Réservation de 20 personnes maximum. Si vous êtes plus de 20, veuillez faire une 2ème réservation.<br />Tarif de groupe à partir de 10 personnes.</b></p>";
	document.getElementById("adultes").max="20";
	document.getElementById("etudiants").max="20";
	document.getElementById("juniors").max="20";
	document.getElementById("enfants").max="20";
	document.getElementById("kids").max="20";
	document.getElementById("indiens").max="20";
	}
	else
	{
    var Prixadultes			= document.getElementById("adultes").value*24.00;
	var Prixetudiants		= document.getElementById("etudiants").value*22.00;
	var Prixjuniors			= document.getElementById("juniors").value*20.00;
	var Prixenfants			= document.getElementById("enfants").value*17.00;
	var Prixkids			= document.getElementById("kids").value*14.00;
	var Prixindiens			= document.getElementById("indiens").value*6.00;

	document.getElementById("adultesprix").value="24.00";
	document.getElementById("adultesprixtxt").innerHTML="24.00";
	document.getElementById("etudiantsprix").value="22.00";
	document.getElementById("etudiantsprixtxt").innerHTML="22.00";
	document.getElementById("juniorsprix").value="20.00";
	document.getElementById("juniorsprixtxt").innerHTML="20.00";
	document.getElementById("enfantsprix").value="17.00";
	document.getElementById("enfantsprixtxt").innerHTML="17.00";
	document.getElementById("kidsprix").value="14.00";
	document.getElementById("kidsprixtxt").innerHTML="14.00";
	document.getElementById("indiensprix").value="6.00";
	document.getElementById("indiensprixtxt").innerHTML="6.00";

	document.getElementById("textenbpersonnes").innerHTML="<p><b>Réservation de 20 personnes maximum. Si vous êtes plus de 20, veuillez faire une 2ème réservation.<br />Tarif de groupe à partir de 10 personnes.</b></p>";
	document.getElementById("adultes").max="20";
	document.getElementById("etudiants").max="20";
	document.getElementById("juniors").max="20";
	document.getElementById("enfants").max="20";
	document.getElementById("kids").max="20";
	document.getElementById("indiens").max="20";
	}

    var dureeBattlefield=document.getElementById("heurereservationinputbattlefield").value;

	var Prixbattlefield			= document.getElementById("nb_personnes_battlefield").value*document.getElementById("battlefieldprix").value;
	var Prixexplorgames			= document.getElementById("nb_personnes_explor_games").value*15;
	var Prixescapegame			= document.getElementById("nb_personnes_escape_game").value*10;
	var Prixtrampoline			= document.getElementById("nb_personnes_trampoline").value*10;




	document.getElementById("explorgamesprix").value="15";
	document.getElementById("explorgamesprixtxt").innerHTML="15";
	document.getElementById("escapegameprix").value="10";
	document.getElementById("escapegameprixtxt").innerHTML="10";
	document.getElementById("trampolineprix").value="10";
	document.getElementById("trampolineprixtxt").innerHTML="10";

	document.getElementById("nb_personnes_explor_games").max="30";
	document.getElementById("nb_personnes_escape_game").max="18";
	document.getElementById("nb_personnes_trampoline").max="6";

	var Total=Prixadultes+Prixetudiants+Prixjuniors+Prixenfants+Prixkids+Prixindiens+Prixbattlefield+Prixexplorgames+Prixescapegame+Prixtrampoline;
	var Total=Total.toFixed(2);
	document.getElementById("Total_TTC").value = Total;
	Total_HT = roundNumber(Total/1.1);
	var Total_HT=Total_HT.toFixed(2);
	document.getElementById("Total_HT").value = Total_HT;
	
	var Total_TVA=Total-Total_HT;
	document.getElementById("Total_TVA").value = Total_TVA.toFixed(2);

	if (Total>0) 
	{ 
	document.getElementById("adultes").classList.remove("required"); 
    document.getElementById("etudiants").classList.remove("required"); 
    document.getElementById("juniors").classList.remove("required"); 
    document.getElementById("enfants").classList.remove("required"); 
    document.getElementById("kids").classList.remove("required"); 
    document.getElementById("indiens").classList.remove("required"); 
    
	document.getElementById("adultes").classList.remove("error"); 
    document.getElementById("etudiants").classList.remove("error");
    document.getElementById("juniors").classList.remove("error"); 
    document.getElementById("enfants").classList.remove("error");
    document.getElementById("kids").classList.remove("error");
    document.getElementById("indiens").classList.remove("error"); 

	document.getElementById("nb_personnes_battlefield").classList.remove("required"); 
	document.getElementById("nb_personnes_explor_games").classList.remove("required"); 
    document.getElementById("nb_personnes_escape_game").classList.remove("required"); 
    document.getElementById("nb_personnes_trampoline").classList.remove("required"); 

	document.getElementById("nb_personnes_battlefield").classList.remove("error");
	document.getElementById("nb_personnes_explor_games").classList.remove("error");
	document.getElementById("nb_personnes_escape_game").classList.remove("error");
	document.getElementById("nb_personnes_trampoline").classList.remove("error");
	}
	else { 
    document.getElementById("adultes").classList.add("required"); 
    document.getElementById("etudiants").classList.add("required"); 
    document.getElementById("juniors").classList.add("required");
    document.getElementById("enfants").classList.add("required"); 
    document.getElementById("kids").classList.add("required"); 
    document.getElementById("indiens").classList.add("required"); 

    document.getElementById("nb_personnes_battlefield").classList.add("required"); 
    document.getElementById("nb_personnes_explor_games").classList.add("required"); 
    document.getElementById("nb_personnes_escape_game").classList.add("required"); 
    document.getElementById("nb_personnes_trampoline").classList.add("required"); 
    }
}