@if (Str::contains(Route::current()->getName(), 'subscribe') || Str::contains(Route::current()->getName(), 'successful'))
<!-- JS here -->
<script src="{{ asset('assets/subscribe/js/jquery-3.7.1.min.js') }}"></script>
<script src="{{ asset('assets/subscribe/js/common_scripts.min.js') }}"></script>
<script src="{{ asset('assets/subscribe/js/menu.js') }}"></script>
<script src="{{ asset('assets/subscribe/js/main.js') }}"></script>
@else
<!-- JS here -->
<script src="{{ asset('assets/js/jquery-3.7.0.min.js') }}"></script>
<script src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.counterup.min.js') }}"></script>
<script src="{{ asset('assets/js/popper.min.js') }}"></script>
<script src="{{ asset('assets/js/progressbar.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
<script src="{{ asset('assets/js/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.waypoints.min.js') }}"></script>
<script src="{{ asset('assets/js/jquery.meanmenu.min.js') }}"></script>
<script src="{{ asset('assets/js/custom.js') }}"></script>
@endif
<script src="{{ asset('assets/js/plugins/inputmask/jquery.inputmask.min.js') }}"></script>
<script src="{{ asset('assets/css/plugins/toastr/toastr.min.js') }}"></script>
<script src="{{ asset('assets/js/plugins/jquery-validation/jquery.validate.js') }}"></script>
<script src="{{ asset('assets/js/plugins/jquery-validation/localization/messages_fr.js') }}"></script>
<script src="{{ asset('assets/css/plugins/jquery-steps/new/jquery.steps.js') }}"></script>
<script src="{{ asset('assets/js/plugins/sweetalert/sweetalert.min.js') }}"></script>
<script src="{{ asset('assets/js/plugins/sweetalert/sweetalert2.min.js') }}"></script>
<script src="{{ asset('assets/css/plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/js/plugins/signature-pad/signature_pad.min.js') }}"></script>

<script>
	// Désactiver le clic droit
	function disableRightClick(event) {
		event.preventDefault();
		return false;
	}

	// Désactiver certaines combinaisons de touches
	function disableKeyShortcuts(event) {
		// Raccourcis à bloquer : Ctrl+U, Ctrl+S
		if (event.ctrlKey && (
			event.key.toLowerCase() === 'u' || 
			event.key.toLowerCase() === 's'
		)) {
			event.preventDefault();
			return false;
		}
	}

	// Ajouter les écouteurs d'événements
	document.addEventListener('DOMContentLoaded', () => {
		//document.addEventListener('contextmenu', disableRightClick); // Clic droit
		//document.addEventListener('keydown', disableKeyShortcuts);   // Ctrl+U, Ctrl+S
	});
</script>

<script>

$(function() {
		
	if ("{{ Session::has('success') }}") {
            toastr.success("{{ Session::get('success') }}");
           var erase =  "{{ Session::forget('success') }}"
        }
		
	if ("{{ Session::has('warning') }}") {
		toastr.warning("{{ Session::get('warning') }}");
		var erase =  "{{ Session::forget('warning') }}"
	}
	
	if ("{{ Session::has('error') }}") {
		toastr.error("{{ Session::get('error') }}")
		var erase = "{{ Session::forget('error') }}"
	}
		
	$("[data-mask]").inputmask();
	
	var showSpinner = function() {
		$(".loading-mask").removeClass("d-none").addClass("d-block")

	}

	var hideSpinner = function() {
		$(".loading-mask").removeClass("d-block").addClass("d-none")

	}
	
	//Initialize Select2 Elements
	$('.select2bs4').select2({
		placeholder: "Sélectionnez une option",
		allowClear: true
	});
		
	$(document).on({
		ajaxStart: function() {
			$("body").addClass("loading");
			showSpinner()
		},
		ajaxStop: function() {
			$("body").removeClass("loading");
		   hideSpinner()
		}
	});
	
});
		
</script>

<script type="text/javascript">
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
</script>

@if (Str::contains(Route::current()->getName(), 'subscribe.car.ocr'))
<script>
function formatDateToISO(dateStr) {
    const parts = dateStr.split('-');
    if (parts.length === 3) {
        const [day, month, year] = parts;
        return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
    }
    return '';
}
</script>

<script>
document.addEventListener('DOMContentLoaded', function () {
	//const wizard = $(".subscription_wizard");
    const uploadTrigger = document.getElementById('upload-trigger');
	const btnUpload = document.getElementById('btn-upload-photo');
	const fileInput = document.getElementById('vehicle-upload');
		
    const btnUploadPhoto = document.getElementById('btn-upload-photo');
    const btnStartAnalysis = document.getElementById('btn-start-analysis');
    const backButton = document.getElementById('btn-back');

    // Quand l'utilisateur clique sur "Télécharger carte grise"
    uploadTrigger.addEventListener('click', function () {
		subscription_wizard_steps.steps("next");
        fileInput.click(); // ouvre la fenêtre de sélection
    });
	
	// Quand l'utilisateur clique sur "Télécharger une photo"
    btnUpload.addEventListener('click', function () {
        fileInput.click(); // ouvre la fenêtre de sélection
    });

    // Quand un fichier est sélectionné
    fileInput.addEventListener('change', function () {
        if (fileInput.files.length > 0) {
            btnUploadPhoto.classList.add('d-none');
            btnStartAnalysis.classList.remove('d-none');
        }
    });

    // Quand on clique sur le bouton retour
    backButton.addEventListener('click', function () {
        // Réafficher la section d’intro
		subscription_wizard_steps.steps("previous");
		
        // Réinitialiser l’upload
        fileInput.value = '';

        const imagePreview = document.querySelector('.image-preview');
        const defaultImage = document.querySelector('.default-image');
        const removeButton = document.querySelector('.remove-button');

        if (imagePreview && defaultImage && removeButton) {
            imagePreview.style.display = 'none';
            defaultImage.style.display = 'block';
            removeButton.style.display = 'none';
        }

        btnUploadPhoto.classList.remove('d-none');
        btnStartAnalysis.classList.add('d-none');
    });

    // Clic sur bouton supprimer image
    const removeButtons = document.querySelectorAll('.remove-button');
    removeButtons.forEach(btn => {
        btn.addEventListener('click', function () {
            btnUploadPhoto.classList.remove('d-none');
            btnStartAnalysis.classList.add('d-none');
        });
    });
});
</script>
@endif

<script>
document.addEventListener('DOMContentLoaded', function () {
    const uploadBlocks = document.querySelectorAll('.image-upload-block');

    uploadBlocks.forEach(block => {
        const imageInput = block.querySelector('.image-input');
        const imagePreview = block.querySelector('.image-preview');
        const defaultImage = block.querySelector('.default-image');
        const removeButton = block.querySelector('.remove-button');

        if (imageInput && imagePreview && defaultImage && removeButton) {
            // Quand un fichier est sélectionné
            imageInput.addEventListener('change', function () {
                const file = imageInput.files[0];
                if (file) {
                    const reader = new FileReader();
                    reader.onload = function (e) {
                        imagePreview.src = e.target.result;
                        imagePreview.style.display = 'block';
                        defaultImage.style.display = 'none';
                        removeButton.style.display = 'block';
                    };
                    reader.readAsDataURL(file);
                }
            });

            // Quand on clique pour supprimer l’image
            removeButton.addEventListener('click', function () {
                imageInput.value = '';
                imagePreview.style.display = 'none';
                defaultImage.style.display = 'block';
                removeButton.style.display = 'none';
            });
        }
    });
});

// Vérifie la taille du fichier
function checkFileSize(input) {
    const file = input.files[0];
    if (file && file.size > 4 * 1024 * 1024) {
        alert('Fichier trop lourd (max 4 Mo)');
        input.value = '';
    }
}

</script>
	
<script>

/* Séparateur de millier */
function ThousandSeparate(fieldId) {
    var val = document.getElementById(fieldId);
    var i, j, chaine, c, deb, fin, mantisse, valeur;
    //on formate la chaine
    chaine = "";
    valeur = val.value.replace(/ /g, "");
    for (i = valeur.length - 1, j = 0; i >= 0; i--, j++) {
        c = valeur.charAt(i);
        if (j % 3 == 0 && j != 0)  //on ajoute un espace tous les 3 caracteres
            chaine = c + " " + chaine;
        else
            chaine = c + chaine;
    }
    val.value = chaine;
}

/* Supprimer espace dans le champ de saisie*/
function DeleteSpaceInString(fieldId) {
    var str = document.getElementById(fieldId).value;
    var valeur = "";
    //on formate la chaine
    chaine = str.replace(/ /g, "");
    document.getElementById(fieldId).value = chaine;
}

// Vérifier caractères saisis :
function verifierCaracteres(event, fieldId) {
    var keyCode = event.which ? event.which : event.keyCode;
    var touche = String.fromCharCode(keyCode);
    var champ = document.getElementById(fieldId);
    var caracteres = '0123456789';
    if (caracteres.indexOf(touche) >= 0) {
        champ.value += touche;
    }
}
	
// Vérifier caractères saisis :
function verifierCaracteres2Chars(event, fieldId) {
    var keyCode = event.which ? event.which : event.keyCode;
    var touche = String.fromCharCode(keyCode);
    var champ = document.getElementById(fieldId);
    var caracteres = '0123456789';

    // Vérifiez si la touche est un chiffre
    if (caracteres.indexOf(touche) >= 0) {
        // Vérifiez la longueur actuelle de la saisie
        if (champ.value.length < 2) {
            champ.value += touche; // Ajoutez le chiffre au champ
        } else {
            event.preventDefault(); // Empêchez la saisie si 2 chiffres sont déjà présents
        }
    } else {
        event.preventDefault(); // Empêcher la saisie de tout autre caractère
    }
}	

// Vérifier caractères saisis :
function verifierCaracteres3Chars(event, fieldId) {
    var keyCode = event.which ? event.which : event.keyCode;
    var touche = String.fromCharCode(keyCode);
    var champ = document.getElementById(fieldId);
    var caracteres = '0123456789';

    // Vérifiez si la touche est un chiffre
    if (caracteres.indexOf(touche) >= 0) {
        // Vérifiez la longueur actuelle de la saisie
        if (champ.value.length < 3) {
            champ.value += touche; // Ajoutez le chiffre au champ
        } else {
            event.preventDefault(); // Empêchez la saisie si 3 chiffres sont déjà présents
        }
    } else {
        event.preventDefault(); // Empêcher la saisie de tout autre caractère
    }
}
</script>

<script>
document.addEventListener('DOMContentLoaded', (event) => {
    // Fonction pour définir l'expiration
    function setExpiration(hours) {
        const now = new Date().getTime();
        return now + hours * 60 * 60 * 1000;
    }

    // Récupérer les paramètres de l'URL
    const urlParams = new URLSearchParams(window.location.search);
    const brokerId = urlParams.get('broker');
    
    // Vérifier et stocker le broker si présent dans l'URL
    if (brokerId) {
        localStorage.setItem('broker', brokerId);
        localStorage.setItem('broker_id_expiration', setExpiration(24));
    }

    // Vérifier l'expiration du broker
    const expiration = localStorage.getItem('broker_id_expiration');
    if (expiration && new Date().getTime() > expiration) {
        localStorage.removeItem('broker');
        localStorage.removeItem('broker_id_expiration');
    }

    // Récupérer l'ID du broker stocké
    const storedBrokerId = localStorage.getItem('broker');
    
    // Afficher l'ID du broker si disponible
    //alert(storedBrokerId);
	
	// Insérer l'ID du broker dans le champ input avec l'id broker
    if (storedBrokerId) {
        const brokerInput = document.getElementById('broker');
        if (brokerInput) {
            brokerInput.value = storedBrokerId;
        }
    }
	
});
</script>

<script type="text/javascript">
$(document).ready(function(){
	
	//Remplissage dynamique du champ des agences à la sélection d'une valeur dans la liste de zone de livraison
	$("#agency_zone").on('change', function() {
		
		var val = $(this).val(); // on récupère la valeur de la liste
		var v_url = '{{ route("agenciesByZone.data", [":zone"]) }}';
		link = v_url.replace(':zone', val);
	
		if(val != '') {
			$("#agency_instruction_address").empty(); // on vide la liste des agences et bureaux directs
			 
			$.ajax({
				url: link,
				data: val,
				type: "GET",
				success: function(response) {
					$('#agency_instruction_address').html(response);
				},
				error:function(jqXHR, textStatus){
				 alert('Error.\n' + jqXHR.responseText);
			  }
			});
		}else{
			$("#agency_instruction_address").empty(); // on vide la liste des agences et bureaux directs
		}
		
	});

});

</script>