endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-07T12:28:42.364861
endpoints.uri: https://m.balisesgps.com/
endpoints.protocol: HTTP/1.1
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: Content-Length
endpoints.headers: 13657
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Server
endpoints.headers: Apache/2.4.41 (Ubuntu)
endpoints.key: Content-Type
endpoints.headers: text/html;charset=ISO-8859-1
endpoints.key: Set-Cookie
endpoints.headers: JSESSIONID=E929E678ADEA8217344DF5D6E6B0E4E3; Path=/; HttpOnly
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.html_tags: <title>BGPS MOBILE</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no"> <meta http-equiv="Content-Language" content="fr"> <meta name="robots" content="noindex">
endpoints.body: <!doctype html>
  
  <html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="Content-Language" content="fr">
  <meta name="robots" content="noindex">
  
  <link type="text/css" rel="stylesheet"
  	href="css/bootstrap-clockpicker.min.css">
  <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="css/ol.css">
  <link type="text/css" rel="stylesheet"
  	href="css/tempusdominus-bootstrap-4.min.css">
  <link type="text/css" rel="stylesheet"
  	href="fontawesomefree/css/all.min.css">
  <link type="text/css" rel="stylesheet"
  	href="fontawesomefree/css/v4-shims.min.css">
  <link type="text/css" rel="stylesheet" href="css/BgpsMobile.css">
  <link type="text/css" rel="stylesheet" href="css/autocompleteBS.css">
  
  
  <title>BGPS MOBILE</title>
  
  <script type="text/javascript" src="bgpsmobile/bgpsmobile.nocache.js?v=202507071759840123921"></script>
  <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
  <script type="text/javascript" src="js/bootstrap-clockpicker.min.js"></script>
  <script type="text/javascript" src="js/ol.js"></script>
  <script type="text/javascript" src="js/moment.js"></script>
  <script type="text/javascript" src="js/tempusdominus-bootstrap-4.min.js"></script>
  <script type="text/javascript" src="js/Chart.min.js"></script>
  <script type="text/javascript" src="js/check_input.js"></script>
  
  
  </head>
  
  <body>
  
  	<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
  	<noscript>
  		<div
  			style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
  			Your web browser must have JavaScript enabled in order for this
  			application to display correctly.</div>
  	</noscript>
  
  	<nav class="navbar navbar-dark bg-dark" id='sp-navbar'>
  	<div class="container-fluid">
  
  		<div class="navbar-brand">
  			<img alt="" src="img/bgps_logo_balisesgps_navbar.svg">
  		</div>
  
  		<div id='' class="navbar-brand"
  			style='white-space: normal; overflow: hidden; font-size: 0.9em; text-align: center;'>
  		</div>
  
  
  		<div class="navbar-brand">
  			<div id='navbar-alertes' class="alert-messaging-icon"
  				style='display: none'>
  				<button id='navbar-btn-alertes' class="alert-button">
  					<img src="img/bell_red_24.svg" alt="Messagerie">
  				</button>
  				<div id='navbar-nb-alertes' class="alert-notification-badge"></div>
  			</div>
  		</div>
  
  		<script>
  			document.addEventListener('DOMContentLoaded', function() {
  				if (typeof bootstrap === 'undefined') {
  					console.error('Bootstrap is not loaded.');
  				} else {
  					console.log('Bootstrap is loaded.');
  				}
  			});
  		</script>
  
  		<button class="navbar-toggler" type="button"
  			data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar"
  			aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
  			<span class="navbar-toggler-icon"></span>
  		</button>
  		<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1"
  			id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
  			<div class="offcanvas-header">
  				<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Menu</h5>
  				<button type="button" class="btn-close btn-close-white"
  					data-bs-dismiss="offcanvas" aria-label="Close"></button>
  			</div>
  
  
  			<div class="mt-3" style="padding-left: 20px" id="navbar-title-user"></div>
  
  			<div class="offcanvas-body">
  
  				<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
  					<li class="nav-item" style='display: none'>
  						<!-- INPUT DE RECHERCHE DE PHONE -->
  						<form class="d-flex" role="search">
  							<input id="nav_searchphone" type="text"
  								class="form-control me-2 connectuser-searchbox"
  								placeholder="Rechercher un v&eacute;hicule"
  								aria-label="Rechercher"
  								style="width: 75%; text-transform: uppercase">
  							<div id='btn_reinit_searchphone' class='btn-display-search'
  								style='width: 25%; height: 39px; padding-top: 8px; display: none'>Tous</div>
  						</form>
  						<div id='nav-phonelist' class=" list-group" style="display: none"></div>
  					</li>
  
  					<li class="nav-item">
  						<!-- LISTBOX DE RECHERCHE DE PHONE -->
  						<form class="d-flex" role="search">
  							<div style="width: 95%;">
  								<select id="nav_phone_list" class="nav-listbox"
  									style='height: 38px'>
  								</select>
  							</div>
  							<div id='nav_btn_edit_phonename'
  								style='width: 15%; height: 39px; padding-top: 8px;text-align: right'>
  								<img id='' src="img/settings_white_24.svg"
  									style='cursor: pointer;'>
  							</div>
  						</form>
  					</li>
  
  					<li id='navbar-infos-synchro-panel' class="mt-3">
  						<div
  							style='display: flex; align-items: center; justify-content: space-between; color: #FFFFFF;'>
  							<div id='navbar-infos-synchro-date' class='blink-image'>Chargement des donn&eacute;es en cours ...</div>
  							<img id='navbar-img-synchro-date' src="img/sync_white_24.svg"
  								style='cursor: pointer'>
  
  						</div>
  					</li>
  
  					
  					<li class="nav-item" style='padding-top: 15px'>
  						<button class="itemv nav-item nav-link" id='navbar-infos-tracking'
  							data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar"
  							aria-controls="offcanvasDarkNavbar">Param&eacute;trage du
  								tracking</button>
  					</li>
  
  					<li class="nav-item" style='padding-top: 10px'>
  						<button class="itemv nav-item nav-link" id='nav_switch'
  							data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar"
  							aria-controls="offcanvasDarkNavbar">Changer de compte</button>
  					</li>
  					<li class="nav-item" style='padding-top: 10px'>
  						<button class="itemv nav-item nav-link" id='nav_deconnect'
  							data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar"
  							aria-controls="offcanvasDarkNavbar">D&eacute;connexion</button>
  					</li>
  
  					<li class="nav-item dropdown" style="display: none"><a
  						class="nav-link dropdown-toggle" href="#" role="button"
  						data-bs-toggle="dropdown" aria-expanded="false"> Dropdown </a>
  						<ul class="dropdown-menu dropdown-menu-dark">
  							<li><a class="dropdown-item" href="#">Action</a></li>
  							<li><a class="dropdown-item" href="#">Another action</a></li>
  							<li>
  								<hr class="dropdown-divider">
  							</li>
  							<li><a class="dropdown-item" href="#">Something else
  									here</a></li>
  						</ul></li>
  
  
  
  
  				</ul>
  			</div>
  		</div>
  	</div>
  
  
  </nav>
  
  
  
  
  
  
  
  
  
  
  
  		<div style='margin-top: 0px;'>
  			<div id="identification" class="h-100"
  	style="display: none; padding-right: 1em; padding-left: 1em">
  
  	<div class="d-flex justify-content-center h-100">
  		<div class="row align-self-center w-100">
  			<div class="identification-container col-md-4 col-sm-12 mx-auto">
  				<div style='text-align: center' class="col-12 ">
  
  					<div class="row" style="scale: 70%">
  						<img alt="" src="img/bgps_logo_balisesgps.svg" style="width: 100%">
  					</div>
  
  
  					<div
  						class="
  						offset-xs-0	col-xs-12 
  						offset-sm-1	col-sm-10  
  						offset-md-1	col-md-10 
  						offset-lg-1	col-lg-10">
  
  						<div class="row sp-inputblock">
  							<div class="col-12" style="text-align: left;">
  								<input type='text' class='mdpform-inputtext' id="sp-login"
  									placeholder='Identifiant'>
  							</div>
  
  
  						</div>
  						<div class="row sp-inputblock">
  							<div class="col-12"
  								style="text-align: left; padding-bottom: 1vh; padding-top: 1vh">
  
  								<div class="toggle-mdp">
  									<input type="text" id="sp-passwd" placeholder='Mot de passe'
  										class='mdpform-inputtext'> <i id="toogle-mdp"
  										class="far fa-eye-slash"></i>
  								</div>
  
  							</div>
  						</div>
  
  						<div class="row sp-inputblock">
  							<div class="mx-auto"
  								style="padding-bottom: 1vh; padding-top: 1vh;">
  								<input type="checkbox" id="sp-memorize" value="checkbox"><label
  									for='sp-memorize'></label><span
  									style="color: #000; margin-left: 10px;">M&eacute;moriser
  									la connexion</span>
  							</div>
  
  						</div>
  						<div class="row sp-inputblock">
  							<button type="button" value='Suivant' id='sp-submit'
  								class='btn btn-identification-connect'></button>
  						</div>
  
  						<span id='sp-error' class='row sp-inputblock'
  							style="color: #131D3C; text-align: center; margin-top: 20px; font-weight: bold; display: none;">
  							La connexion &agrave; ARGOS TEAM ACCESS &agrave;
  							&eacute;chou&eacute;e ! <br /> Merci de v&eacute;rifier vos
  							param&egrave;tres de connexion ou re-essayer dans quelques
  							instants
  						</span> <span id='sp-error-connection' class='row sp-inputblock'
  							style="color: #002A54; text-align: center; margin-top: 20px; margin-bottom: 20px; font-weight: bold; display: none;">
  							Les serveurs d'Argos ne sont pas accessibles actuellement <br />
  							Merci de r&eacute;essayer dans quelques instants
  						</span>
  
  
  						<div
  							style='position: fixed; bottom: 20px; left: 0; width: 100%; text-align: center;'>
  							<div style="scale: 70%">
  								<img id="img_link_esi4u" alt="" src="img/logo_esi4u.svg"
  									style="cursor: pointer; width: 500px">
  							</div>
  
  							<div id="app_version"
  								style='margin-bottom: 8%; text-align: center; font-size: 12px'>Version
  								10100</div>
  						</div>
  
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  
  
  
  </div>
  
  
  
  
  <script>
  	const toggleMdp = document.getElementById('toogle-mdp');
  	const mdp = document.getElementById('sp-passwd');
  
  	toggleMdp.addEventListener('click', function() {
  		const type = mdp.getAttribute('type') === 'password' ? 'text'
  				: 'password';
  		mdp.setAttribute('type', type);
  		this.classList.toggle('fa-eye');
  		this.classList.toggle('fa-eye-slash');
  	});
  </script>
  
  
  
  
  
  
  			<div id='loader' class='container-fluid' style='height: 100%;display: none;'>
  
  	<div style="text-align: center;">
  		<p style="text-align: center; margin-top: 10%;">
  			<img alt="" class="blink-image"
  				src="img/bgps_icon_balisesgps_48.svg">
  		</p>
  	</div>
  	<div>
  		<div id='sp-wait-label'
  			style="font-weight: bold; color: #131D3C; width: 100%; text-align: center; margin-top: 20px;">
  			Connexion en cours...</div>
  
  		<div id='sp-wait-label-2'
  			style="font-weight: bold; color: #131D3C; width: 100%; text-align: center;"></div>
  	</div>
  </div>
  
  
  			<div id='connexionUserList' class="h-100" style="display: none;">
  
  	<div class="d-flex justify-content-center h-100">
  		<div class="row align-self-center w-100">
  			<div class="identification-container col-md-4 col-sm-12 mx-auto">
  				<div style='text-align: center' class="col-12 ">
  					<div class="row" style="scale: 70%">
  						<img alt="" src="img/bgps_logo_balisesgps.svg" style="width: 100%">
  					</div>
  					
  
  					<div id='userListContainer' class='row' style='height: 100%;'>
  						<div id='users-list-title' class='row sp-block-title'>
  							<p>Choisissez le compte de flotte que vous souhaitez utiliser</p>
  
  							<div class="input-group mb-3">
  								<input id="connexion-list-choose-list-search" type="text"
  									class="form-control" placeholder="Rechercher"
  									aria-label="Rechercher"
  									aria-describedby="connexion-list-choose-list-search-icon">
  							</div>
  						</div>
  
  						<div id='users-list' class="col-12 list-group"></div>
  					</div>
  
  
  
  					<div class="sp-inputblock">
  
  						<div id='userConfirmContainer' class='row connectuser-box '>
  							<div id='userConfirmAlias' class='col-12 text-argos-big'></div>
  
  
  							<div class='col-12' style='font-weight:bold;font-size: 0.9rem' >Connnexion automatique sur le
  								compte:</div>
  
  							<div class='col-12 connectuser-user' id='userConfirmUser'
  								style="margin-bottom: 20px;"></div>
  
  							<div class='col-12 connectuser-timer' id='userConfirmTimer'
  								style="margin-bottom: 20px;"></div>
  
  
  						</div>
  						<div class="col-12">
  							<button type="button" id="btn-user-confirm-connect"
  								class="btn connectuser-btn">Confirmer</button>
  						</div>
  
  						<div class="col-12">
  							<button type="button" id="btn-user-confirm-change-user"
  								class="btn connectuser-btn">Changer de compte</button>
  						</div>
  
  						<div class='col-12'>
  							<button type="button" id="btn-user-confirm-change-alias"
  								class="btn connectuser-btn">Changer d'utilisateur</button>
  						</div>
  					</div>
  
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  
  
  
  
  
  			<div id='map-root-panel'
  	style='background-color: #000; height: 100%; display: none;'>
  
  
  
  
  
  	<div id="map" class="map"
  		style='height: 100vh; padding-bottom: 120px; width: 100%'></div>
  
  
  
  	<button id=btnAdjustView class="btn-adjust-view-map">
  		<img id='imgBtnAdjustView' src="img/loc_searching.svg" alt="Centrer">
  	</button>
  
  
  	<div id="rp_no_position_infos"
  		style='height: 100vh; padding-top: 120px; width: 100%; background: white; font-size: 1.4rem; text-align: center'>Aucune
  		position</div>
  
  	<div id="rp_panel_detail" class="footer-phone" style='display: none'>
  
  		<img id='rp_detail_back' src='img/close_white_24.svg'
  			style='float: left; cursor: pointer;' alt="Retour">
  
  		<div style='padding-left: 30px'>
  			<div
  				style='display: flex; align-items: center; justify-content: space-between;'>
  
  				<div style='text-align: left'>
  					<div id='rp_phonename' style='padding-top: 2px'></div>
  				</div>
  
  				<div
  					style='display: flex; align-items: center; justify-content: space-between;'>
  
  
  					<img id='rp_img_signal_gsm' src="img/gsm_signal_default_24.svg"
  						alt="GSM Signal" style='cursor: pointer'> <img
  						id='rp_img_signal_gps' src="img/gps_signal_default_24.svg"
  						alt="GPS signal" style='cursor: pointer'> <img
  						id='rp_img_batlevel' src="img/battery_default_75.svg"
  						alt="Battery Level" style='cursor: pointer'> 
  							<img id='rp_img_detach' src="img/alert_detach_grey_24.svg"
  						alt="Detach" style='cursor: pointer'>
  						<img
  						id='rp_img_standby' src="img/standby_grey_24.svg" alt="Veille"
  						style='cursor: pointer'>
  				
  				</div>
  			</div>
  
  			<div class='row'>
  				<div class='col-1'
  					style="width: 32px; text-align: left; display: none">
  					<img id='rp_pos_state' src="img/chip_green.svg">
  				</div>
  				<div class='col-11' id='rp_pos_speed' style="text-align: left;"></div>
  			</div>
  
  			<div id='rp_pos_address' style="text-align: left;"></div>
  		</div>
  
  		<div class='row' style='padding-top: 15px;'>
  
  			<div class='col-4' style=>
  				<button class='btn connectuser-btn'
  					style='font-size: 0.9em; font-weight: bold; margin-top: 0px; height: 100%'
  					id='rp_btn_joinbymap'>
  					<img src="img/assistant_direction_white_24.svg">
  				</button>
  			</div>
  
  			<div class='col-4' style=>
  				<button class='btn connectuser-btn'
  					style='font-size: 0.9em; font-weight: bold; margin-top: 0px; height: 100%'
  					id='rp_btn_histo'>
  					<img src="img/histopositions_white_24.svg">
  				</button>
  			</div>
  
  			<div class='col-4' style=>
  				<button class='btn connectuser-btn'
  					style='font-size: 0.9em; font-weight: bold; margin-top: 0px; height: 100%'
  					id='rp_btn_param'>
  					<img src="img/alert_tracker_white_24.svg">
  				</button>
  			</div>
  		</div>
  	</div>
  </div>
  
  
  
  
  
  
  
  
  
  <!-- Modal d'informations -->
  <div class="modal fade" id="modalBaliseInfos" tabindex="-1"
  	aria-labelledby="modalBaliseInfos" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img id='modalBaliseInfosImg' src="img/trash_red_24.svg">
  				</div>
  				<div id="modalBaliseInfosTitle" style="text-align: center"
  					class="col-11 modal-title"></div>
  			</div>
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalBaliseInfosMsg' style='text-align: center'></div>
  				</div>
  			</div>
  
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-8 offset-2">
  						<button class="btn btn-all-small" data-bs-dismiss="modal">OK</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  
  			<div id='params-root-panel' style='height: 100vh; display: none;'>
  
  	<div style='position: fixed; height: 0px; top: 75px; left: 50px'>
  		<input class="transparent-tb" id='tbsettings-open' />
  	</div>
  
  	<div style='height: calc(100vh - 175px); overflow: auto;'>
  
  		<div id='pr_infos_type'
  			style='display: flex; align-items: center; justify-content: left; color: #FFFFFF; background: #52ae32ff; padding: 5px; padding-left: 18px;'>
  			<img id='pr_img_type' src="img/alert_tracker_white_24.svg">
  			<div id='pr_label_modele'
  				style='padding-left: 10px; font-weight: bold'>BALISE</div>
  		</div>
  
  
  		<div id='pr_infos_firmware'
  			style='padding: 5px; padding-left: 18px; padding-right: 10px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<div
  					style='width: 90%; display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_firmware' src='img/alert_firmware_black_24.svg'>
  					<div id='pr_label_firmware_version'
  						style='padding-left: 10px; padding-top: 3px; font-size: 0.9rem'></div>
  				</div>
  
  				<div style='width: 10%' id='pr_btn_firmware'>
  					<div style='text-align: right;'>
  						<img src='img/refresh_simple_black_24.svg'
  							style='cursor: pointer;' alt="Configurer">
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div id='pr_infos_imei'
  			style='padding: 5px; padding-left: 18px; padding-right: 10px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<div
  					style='width: 90%; display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_imei' src='img/sim_card_black_24.svg'>
  					<div id='pr_label_imei_version'
  						style='padding-left: 10px; padding-top: 3px; font-size: 0.9rem'></div>
  				</div>
  
  				<div style='width: 10%' id='pr_btn_imei'>
  					<div style='text-align: right;'>
  						<img src='img/refresh_simple_black_24.svg'
  							style='cursor: pointer;' alt="Configurer">
  					</div>
  				</div>
  			</div>
  		</div>
  
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; color: #FFFFFF; background: #52ae32ff; padding-left: 10px; padding-bottom: 5px; padding-left: 18px;'>
  			<img src="img/monitoring_white_24.svg">
  			<div style='padding-left: 10px; padding-top: 5px; font-weight: bold'>&Eacute;TAT
  				MAT&Eacute;RIEL</div>
  		</div>
  
  
  		<div id='pr_infos_signal_gsm'
  			style='padding: 5px; padding-left: 18px; padding-right: 10px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<div
  					style='width: 90%; display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_signal_gsm' src="img/gsm_signal_default_24.svg">
  					<div id='pr_label_signal_gsm' style='padding-left: 10px'>Aucune
  						position sur la balise</div>
  				</div>
  				<div style='width: 10%' id='pr_btn_signal_gsm'>
  					<div style='text-align: right;'>
  						<img src='img/refresh_simple_black_24.svg'
  							style='cursor: pointer;' alt="Editer">
  					</div>
  				</div>
  			</div>
  			<div id='pr_label_last_com'
  				style='padding-left: 34px; font-style: italic; font-size: 0.9rem'></div>
  		</div>
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  
  		<div id='pr_infos_signal_gps' style='padding: 5px; padding-left: 18px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<img id='pr_img_signal_gps' src="img/gps_signal_default_24.svg">
  				<div id='pr_label_signal_gps' style='padding-left: 10px;'>Aucune
  					position sur la balise</div>
  			</div>
  			<div id='pr_label_last_pos'
  				style='padding-left: 34px; font-style: italic; font-size: 0.9rem'></div>
  		</div>
  
  
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div id='pr_infos_battery'
  			style='display: flex; align-items: center; justify-content: left; padding: 5px; padding-left: 18px'>
  			<img id='pr_img_battery' src="img/battery_default_75.svg">
  			<div id='pr_label_battery' style='padding-left: 10px'>Aucune
  				position sur la balise</div>
  		</div>
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div style='padding: 5px; padding-left: 18px'>
  			<div id='pr_infos_detach'
  				style='display: flex; align-items: center; justify-content: left;'>
  				<img id='pr_img_detach' src="img/alert_detach_grey_24.svg">
  				<div id='pr_label_detach' style='padding-left: 10px'>Aucune
  					position sur la balise</div>
  			</div>
  		</div>
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div id='pr_infos_standby'
  			style='padding: 5px; padding-left: 18px; padding-right: 10px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<div
  					style='width: 90%; display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_standby' src='img/standby_grey_24.svg'>
  					<div id='pr_label_standby'
  						style='padding-left: 10px; padding-top: 3px;'></div>
  				</div>
  
  				<div style='width: 10%' id='pr_btn_standby'>
  					<div style='text-align: right;'>
  						<img src='img/refresh_simple_black_24.svg'
  							style='cursor: pointer;' alt="Editer">
  					</div>
  				</div>
  			</div>
  		</div>
  
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; color: #FFFFFF; background: #52ae32ff; padding-left: 10px; padding-bottom: 5px; padding-left: 18px;'>
  			<img src="img/sensor_white_24.svg">
  			<div style='padding-left: 10px; padding-top: 5px; font-weight: bold'>TRACKING</div>
  		</div>
  
  		<div
  			style='padding: 10px; display: flex; align-items: center; justify-content: left; padding-left: 18px'>
  			<div style='width: 60%' id='pr_infos_tracking'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_tracking_black_24.svg">
  					<div id='pr_label_tracking' style='padding-left: 10px'>Tracking
  						+</div>
  				</div>
  			</div>
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_tracking' style=''>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_powermanagement_black.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  
  			<div style='width: 15%'>
  				<div id='pr_switch_tracking_div' class="form-switch"
  					style='text-align: right;'>
  					<input id='pr_switch_tracking' class="form-check-input"
  						type="checkbox" id="" style='cursor: pointer;'>
  				</div>
  			</div>
  		</div>
  		
  		
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div id='pr_infos_powermanagement'
  			style='padding: 5px; padding-left: 18px; padding-right: 10px'>
  			<div
  				style='display: flex; align-items: center; justify-content: left;'>
  				<div
  					style='width: 90%; display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_powermanagement' src='img/standby_grey_24.svg'>
  					<div id='pr_label_powermanagement'
  						style='padding-left: 10px; padding-top: 3px;'></div>
  				</div>
  
  				<div style='width: 10%' id='pr_btn_powermanagement'>
  					<div style='text-align: right;'>
  						<img src='img/refresh_simple_black_24.svg'
  							style='cursor: pointer;' alt="Configurer">
  					</div>
  				</div>
  			</div>
  		</div>
  		
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; color: #FFFFFF; background: #52ae32ff; padding-left: 18px; padding-bottom: 5px;'>
  			<img src="img/contact_white_24.svg">
  			<div style='padding-left: 10px; padding-top: 5px; font-weight: bold'>CONTACTS</div>
  		</div>
  
  
  		<div
  			style='padding: 10px; display: flex; align-items: center; justify-content: left; padding-left: 18px;'>
  			<div style='width: 65%' id='pr_infos_contacts_gsm'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_gsm_black_24.svg">
  					<div id='pr_label_contact_gsm' style='padding-left: 10px'>Contacts
  						SMS</div>
  				</div>
  			</div>
  
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_contacts_gsm' style='display: none'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_tracker_black_24.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  
  			<div style='width: 10%'>
  				<div id='pr_btn_contact_gsm' style='text-align: right;'>
  					<img src='img/alert_edit_black_24.svg' style='cursor: pointer;'
  						alt="Editer">
  				</div>
  			</div>
  		</div>
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  
  		<div
  			style='padding: 10px; display: flex; align-items: center; justify-content: left; padding-left: 18px;'>
  			<div style='width: 65%' id='pr_infos_contacts_mails'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_mail_black_24.svg">
  					<div id='pr_label_contact_mails' style='padding-left: 10px'>Contacts
  						Mails</div>
  				</div>
  			</div>
  
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_contacts_mails' style='display: none'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_tracker_black_24.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  
  			<div style='width: 10%'>
  				<div id='pr_btn_contact_mails' style='text-align: right;'>
  					<img src='img/alert_edit_black_24.svg' style='cursor: pointer;'
  						alt="Editer">
  				</div>
  			</div>
  		</div>
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; color: #FFFFFF; background: #52ae32ff; padding-left: 10px; padding-bottom: 5px; padding-left: 18px;'>
  			<img src="img/bell_white_24.svg" style='padding-top: 4px'>
  			<div style='padding-left: 10px; padding-top: 5px; font-weight: bold'>PARAM&Egrave;TRAGE
  				DES ALERTES</div>
  		</div>
  
  
  		<div
  			style='padding: 10px; display: flex; align-items: center; justify-content: left; padding-left: 18px;'>
  			<div style='width: 65%' id='pr_infos_zones'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_zone_black_24.svg">
  					<div id='pr_label_zones' style='padding-left: 10px'>Alertes
  						de zones</div>
  				</div>
  			</div>
  
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_zone' style='display: none'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_tracker_black_24.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  
  			<div style='width: 10%'>
  
  				<div id='pr_btn_zones' style='text-align: right;'>
  					<img src='img/alert_edit_black_24.svg' style='cursor: pointer;'
  						alt="Editer">
  				</div>
  			</div>
  		</div>
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  
  		<div
  			style='padding: 10px 10px 0px 18px; display: flex; align-items: center; justify-content: left;'>
  			<div style='width: 85%'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_battery_black_24.svg">
  					<div id='pr_label_battery' style='padding-left: 10px'>Alerte
  						de batterie faible</div>
  				</div>
  			</div>
  
  
  			<div style='width: 15%'>
  				<div style='padding-bottom: 5px;'>
  					<div id='pr_switch_battery_journal_div' class="form-switch"
  						style='float: right; text-align: right;'>
  						<input id='pr_switch_battery_journal' class="form-check-input"
  							type="checkbox" style='cursor: pointer;'>
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; padding: 0px 10px 10px 10px;'>
  			<div style='width: 75%'>
  				<div id='pr_notifications_battery'
  					style='display: flex; align-items: center; justify-content: left;'>
  					<div style='font-style: italic; padding-left: 42px'>Notifs :</div>
  					<div style='padding-left: 5px'>
  						<label for="pr_switch_battery_mail"
  							style="font-style: italic; font-size: 0.9em">eMail</label>
  						<div id='pr_switch_battery_mail_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_battery_mail' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  					<div style='padding-left: 10px'>
  						<label for="pr_switch_battery_gsm"
  							style="font-style: italic; font-size: 0.9em">Sms</label>
  						<div id='pr_switch_battery_gsm_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_battery_gsm' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  				</div>
  			</div>
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_battery' style='text-align: right'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_tracker_black_24.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div
  			style='padding: 10px 10px 0px 18px; display: flex; align-items: center; justify-content: left;'>
  			<div style='width: 85%' id='pr_infos_detach'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img src="img/alert_detach_black_24.svg">
  					<div id='pr_label_detach' style='padding-left: 10px'>Alerte
  						d'arrachage</div>
  				</div>
  			</div>
  
  
  			<div style='width: 15%'>
  				<div style='padding-bottom: 5px;'>
  					<div id='pr_switch_detach_journal_div' class="form-switch"
  						style='float: right; text-align: right;'>
  						<input id='pr_switch_detach_journal' class="form-check-input"
  							type="checkbox" style='cursor: pointer;'>
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; padding: 0px 10px 10px 10px;'>
  			<div style='width: 75%'>
  				<div id='pr_notifications_detach'
  					style='display: flex; align-items: center; justify-content: left;'>
  					<div style='font-style: italic; padding-left: 42px'>Notifs :</div>
  					<div style='padding-left: 5px'>
  						<label for="pr_switch_detach_mail"
  							style="font-style: italic; font-size: 0.9em">eMail</label>
  						<div id='pr_switch_detach_mail_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_detach_mail' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  					<div style='padding-left: 10px'>
  						<label for="pr_switch_detach_gsm"
  							style="font-style: italic; font-size: 0.9em">Sms</label>
  						<div id='pr_switch_detach_gsm_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_detach_gsm' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  				</div>
  			</div>
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_detach' style='text-align: right'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_tracker_black_24.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  		</div>
  		
  		
  		
  		
  		
  		<div style='padding: 0px 10px 0px 10px'>
  			<div style='border-bottom: 1px solid #000;'></div>
  		</div>
  
  		<div
  			style='padding: 10px 10px 0px 18px; display: flex; align-items: center; justify-content: left;'>
  			<div style='width: 85%' id='pr_infos_wakeup'>
  				<div
  					style='display: flex; align-items: center; justify-content: left;'>
  					<img id='pr_img_wakeup' src="img/alert_wakeup_black.svg">
  					<div id='pr_label_wakeup' style='padding-left: 10px'>Alerte de r&eacute;veil sur mouvement</div>
  				</div>
  			</div>
  
  			<div style='width: 15%'>
  				<div style='padding-bottom: 5px;'>
  					<div id='pr_switch_wakeup_journal_div' class="form-switch"
  						style='float: right; text-align: right;'>
  						<input id='pr_switch_wakeup_journal' class="form-check-input"
  							type="checkbox" style='cursor: pointer;'>
  					</div>
  				</div>
  			</div>
  		</div>
  
  		<div
  			style='display: flex; align-items: center; justify-content: left; padding: 0px 10px 10px 10px;'>
  			<div style='width: 75%'>
  				<div id='pr_notifications_wakeup'
  					style='display: flex; align-items: center; justify-content: left;'>
  					<div style='font-style: italic; padding-left: 42px'>Notifs :</div>
  					<div style='padding-left: 5px'>
  						<label for="pr_switch_wakeup_mail"
  							style="font-style: italic; font-size: 0.9em">eMail</label>
  						<div id='pr_switch_wakeup_mail_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_wakeup_mail' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  					<div style='padding-left: 10px'>
  						<label for="pr_switch_wakeup_gsm"
  							style="font-style: italic; font-size: 0.9em">Sms</label>
  						<div id='pr_switch_wakeup_gsm_div' class="form-switch"
  							style='float: right; text-align: right;'>
  							<input id='pr_switch_wakeup_gsm' class="form-check-input"
  								type="checkbox" style='cursor: pointer;'>
  						</div>
  					</div>
  				</div>
  			</div>
  			<div style='width: 25%'>
  				<div id='pr_loader_cmd_wakeup' style='text-align: right'>
  					<div class="blink-image"
  						style='display: flex; align-items: center; justify-content: right; font-size: 14px; font-style: italic; height: 24px'>
  						<img alt="" src="img/alert_wakeup_black.svg">
  						<div id=''>Sync</div>
  					</div>
  				</div>
  			</div>
  		</div>
  		
  		
  		
  		
  	</div>
  
  	<div class='footer-nav'>
  		<img id='pr_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='pr_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='pr_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  </div>
  
  
  
  
  <!-- Modal d'informations START-->
  <div class="modal fade" id="modalParamInfos" tabindex="-1"
  	aria-labelledby="modalParamInfos" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img id='modalParamInfosImg' src="img/trash_red_24.svg">
  				</div>
  				<div id="modalParamInfosTitle" style="text-align: center"
  					class="col-11 modal-title"></div>
  			</div>
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalParamInfosMsg'></div>
  				</div>
  			</div>
  
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-8 offset-2">
  						<button class="btn btn-all-small" data-bs-dismiss="modal">OK</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  <!-- Modal d'informations END -->
  
  
  <!-- Modal : Settings START-->
  <div class="modal" id="settingsModal" tabindex="-1"
  	aria-labelledby="settingsModalLabel" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="true">
  	<div class="modal-dialog">
  		<div class="modal-content" style="width: 750px">
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-3" style="text-align: center">
  					<img src="img/settings_black_24.svg">
  				</div>
  				<div id="settingsModalTitle" class="col-7 offset-1 modal-title">Settings</div>
  			</div>
  			<div class="modal-body">
  				<div class='sp-filter-scroll' id='sp-filter-rapport-typeevents'></div>
  				<div class='sp-filter-scroll row' id='sp-filter-rapport-optionusers'>
  					<div class=' row'
  						style="padding-top: 20px; border-top: 1px solid; padding-bottom: 20px">
  						<div style="font-weight: bold; text-align: center">SYNCHRO</div>
  						<div class='col-8' id='sp-filter-rapport-optionusers-synchro-name'></div>
  						<div class='col-4'
  							id='sp-filter-rapport-optionusers-synchro-value'></div>
  					</div>
  				</div>
  				<div id="settingsModalMsg" class="modal-msg"
  					style="text-align: left"></div>
  				<div style="font-size: 12px; text-align: center;"></div>
  
  			</div>
  			<div class="modal-footer">
  				<div class="row">
  					<div class="col-6">
  						<button id="settingsModalBtnClose" class="btn btn-raz-small">Retour</button>
  					</div>
  					<div class="col-6">
  						<button id="settingsModalBtnUpdate" class="btn btn-all-small">Enregistrer</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  <!-- Modal : Settings END-->
  
  
  
  
  
  <!-- Modal cancelCmd START-->
  <div class="modal fade" id="modalCancelCmd" tabindex="-1"
  	aria-labelledby="modalCancelCmdInfos" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img id='modalCancelCmdImg' src="img/trash_red_24.svg">
  				</div>
  				<div id="modalCancelCmdTitle" style="text-align: center"
  					class="col-11 modal-title"></div>
  			</div>
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalCancelCmdMsg'></div>
  					<div id='modalCancelCmdMsg2'></div>
  					<div id='modalCancelCmdMsg3'>Pass&eacute; ce d&eacute;lai, en
  						cas d'&eacute;chec de communication avec la balise, la commande
  						sera annul&eacute;e</div>
  					<div id='modalCancelCmdMsg4'>Vous pouvez stopper
  						imm&eacute;diatement l'envoi de cette commande ou poursuivre la
  						synchronisation</div>
  				</div>
  			</div>
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-6">
  						<button id='modalCancelCmdBtnValid' class="btn btn-all-small"
  							data-bs-dismiss="modal">Stopper</button>
  					</div>
  					<div class="col-6">
  						<button class="btn btn-all-small" data-bs-dismiss="modal">Poursuivre</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  <!-- Modal cancelCmd END -->
  
  
  
  <!-- Modal cancelCmd START-->
  <div class="modal fade" id="modalLoadParam" tabindex="-1"
  	aria-labelledby="modalLoadParamInfos" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	
  	
  	
  	<div class="modal-dialog" style='position: fixed;top: 25vh;left: 25px;right: 25px;max-width: 100%;z-index: 1000;'>
  		<div style='width: 100%; max-width: 100%;text-align: center'>
  			<img alt="" class="blink-image" src="img/bgps_icon_balisesgps_48.svg">
  		</div>
  	</div>
  </div>
  <!-- Modal cancelCmd END -->
  
  
  
  			<div id='histopositions_root_panel' style='height: 100%; display: none;'>
  
  	<div class='header-infos'>
  		<img id='' src="img/histopositions_black_24.svg">
  		<div id='' style='padding-left: 10px;'>Historique des positions</div>
  	</div>
  
  
  	<div id='hp_loader'
  		style="text-align: center; background: white; height: calc(70vh); margin-left: 0px;">
  		<div>
  			<p style="text-align: center; margin-top: 15%;" />
  			<img alt="" class="blink-image" src="img/bgps_icon_balisesgps_48.svg">
  		</div>
  		<div>
  			<div id=''
  				style="font-weight: bold; color: #131D3C; width: 100%; text-align: center; margin-top: 20px;">
  				Chargement des positions en cours ...</div>
  			<div
  				style="font-weight: bold; color: white; width: 100%; text-align: center;"></div>
  		</div>
  	</div>
  
  
  	<div id='hp_table_histodays' class='scroller'
  		style='height: calc(100vh - 175px);'></div>
  
  
  
  	<div class='footer-nav'>
  		<img id='hp_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='hp_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='hp_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  
  
  
  </div>
  
  
  
  
  <!-- Modal : Detail Position -->
  <div class="modal fade" id="hp_modalDetailPosition" tabindex="-1"
  	aria-labelledby="hp_modalDetailPositionLabel" aria-hidden="true"
  	data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="modal-body" style='padding: 0'>
  
  				<div id='hp_modalDetailPosition_alerte_panel'
  					style="padding-bottom: 10px">
  					<div
  						style='display: flex; align-items: center; justify-content: center;'>
  						<img id='hp_modalDetailPosition_alerte_img' src=''>
  						<div id='hp_modalDetailPosition_alerte_title'
  							style='padding-left: 5px; padding-top: 3px; font-size: 0.9rem'></div>
  					</div>
  				</div>
  
  				<div id="hp_map" class="map" style='height: 25vh; width: 100%'></div>
  				<!-- <button id=btnAdjustView class="btn-adjust-view-map">
  					<img id='imgBtnAdjustView' src="img/loc_searching.svg"
  						alt="Centrer">
  				</button> -->
  
  				<div id="hp_modalDetailPosition_date"
  					style="padding-top: 10px; text-align: center"></div>
  
  				<div
  					style='display: flex; align-items: center; justify-content: center;'>
  					<div style=''>
  						<img id='hp_modalDetailPosition_img' src=''
  							style='padding-right: 10px' alt="Etat">
  					</div>
  					<div id="hp_modalDetailPosition_etat" style="padding-top:2px"></div>
  				</div>
  
  
  				<div
  					style='display: flex; align-items: center; justify-content: center;'>
  					<img id='hp_modalDetailPosition_loc_img' src='img/alert_zone_black_24.svg' style='display: none'>
  					<div id='hp_modalDetailPosition_loc'
  						style='padding-left: 5px; padding-top: 3px; font-size: 0.9rem'></div>
  				</div>
  
  
  
  
  			</div>
  
  			<div class='row'>
  				<div class='col-6'>
  					<button class='btn connectuser-btn'
  						style='font-size: 0.9em; font-weight: bold;' id='hp_modalGoToMap'>
  						<img src="img/assistant_direction_white_24.svg">
  					</button>
  				</div>
  				<div class='col-6'>
  					<button id='hp_addzone' class="btn connectuser-btn" style="">Alerte
  						de Zone</button>
  				</div>
  			</div>
  
  
  		</div>
  	</div>
  
  
  </div>
  
  
  
  
  			<div id='contactsgsmform-root-panel'
  	style='height: 100%; display: none;'>
  
  
  <div class='header-infos'>
  
  		<img id='' src="img/alert_gsm_black_24.svg">
  		<div id='cgf_title' style='padding-left: 10px;'>Contacts SMS</div>
  
  		<div id='cgf_loader_cmd' style='padding-left: 50px'>
  			<div class="blink-image"
  				style='display: flex; align-items: center; justify-content: right; font-size: 14px; height: 24px'>
  				<img alt="" src="img/alert_tracker_black_24.svg">
  				<div id=''>Sync</div>
  			</div>
  		</div>
  	</div>
  
  
  
  	<div style="padding: 15px">
  		<div
  			style='border: 1px solid #000; text-align: center; padding: 10px; font-size: 0.9em'>
  			<div>Vous pouvez affecter jusqu'&agrave; 5 num&eacute;ros sur la balise.</div>
  			<div>Les destinataires pourront &ecirc;tre notifi&eacute;s via
  				des SMS sur les alertes param&eacute;tr&eacute;es</div>
  		</div>
  
  		<div
  			style='padding-top: 20px; height: calc(60vh - 90px); overflow-y: auto; overflow-x: hidden'>
  			<label style="padding-left: 5px;">N&deg;
  				SMS du premier destinataire :</label>
  
  			<div style='position: relative;'>
  				<input id="cgf_gsm_index_0" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="GSM destinataire 1" style='margin-bottom: 0'> <img
  					id='cgf_img_clear_index_0' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cgf-contactlist01' class=" list-group" style="display: none"></div>
  
  			<label
  				style="padding-left: 5px; padding-top: 20px">N&deg; SMS du
  				deuxi&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cgf_gsm_index_1" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="GSM destinataire 2" style='margin-bottom: 0'> <img
  					id='cgf_img_clear_index_1' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cgf-contactlist02' class=" list-group" style="display: none"></div>
  
  			<label
  				style="padding-left: 5px; padding-top: 20px">N&deg; SMS du
  				troisi&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cgf_gsm_index_2" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="GSM destinataire 3" style='margin-bottom: 0'> <img
  					id='cgf_img_clear_index_2' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cgf-contactlist03' class=" list-group" style="display: none"></div>
  
  
  			<label
  				style="padding-left: 5px; padding-top: 20px">N&deg; SMS du
  				quatri&egrave;me destinataire :</label>
  
  
  			<div style='position: relative;'>
  				<input id="cgf_gsm_index_3" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="GSM destinataire 4" style='margin-bottom: 0'> <img
  					id='cgf_img_clear_index_3' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cgf-contactlist04' class=" list-group" style="display: none"></div>
  
  			<label
  				style="padding-left: 5px; padding-top: 20px">N&deg; SMS du
  				cinqui&egrave;me destinataire :</label>
  
  			<div style='position: relative;'>
  				<input id="cgf_gsm_index_4" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="GSM destinataire 5" style='margin-bottom: 0'> <img
  					id='cgf_img_clear_index_4' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cgf-contactlist05' class=" list-group" style="display: none"></div>
  
  
  
  
  
  			<script>
  				const inputSms00 = document.getElementById('cgf_gsm_index_0');
  				inputSms00.addEventListener('input', function(event) {
  					const regex = /[^0-9+]/g;
  					inputSms00.value = inputSms00.value.replace(regex, '');
  				});
  
  				const inputSms01 = document.getElementById('cgf_gsm_index_1');
  				inputSms01.addEventListener('input', function(event) {
  					const regex = /[^0-9+]/g;
  					inputSms01.value = inputSms01.value.replace(regex, '');
  				});
  
  				const inputSms02 = document.getElementById('cgf_gsm_index_2');
  				inputSms02.addEventListener('input', function(event) {
  					const regex = /[^0-9+]/g;
  					inputSms02.value = inputSms02.value.replace(regex, '');
  				});
  
  				const inputSms03 = document.getElementById('cgf_gsm_index_3');
  				inputSms03.addEventListener('input', function(event) {
  					const regex = /[^0-9+]/g;
  					inputSms03.value = inputSms03.value.replace(regex, '');
  				});
  
  				const inputSms04 = document.getElementById('cgf_gsm_index_4');
  				inputSms04.addEventListener('input', function(event) {
  					const regex = /[^0-9+]/g;
  					inputSms04.value = inputSms04.value.replace(regex, '');
  				});
  			</script>
  
  
  
  		</div>
  	</div>
  
  
  	<div class="footer-div">
  		<button id=cgf_btn_valid class="btn connectuser-btn"
  			style="width: 75%">Enregistrer les contacts</button>
  	</div>
  
  
  		<div class='footer-nav'>
  		<img id='cgf_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='cgf_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='cgf_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  
  
  
  </div>
  
  
  			<div id='contactsmailform-root-panel'
  	style='height: 100%; display: none;'>
  
  	<div class='header-infos'>
  
  		<img id='' src="img/alert_mail_black_24.svg">
  		<div id='cmf_title' style='padding-left: 10px;'>Contacts Mails</div>
  
  		<div id='cmf_loader_cmd' style='padding-left: 50px'>
  			<div class="blink-image"
  				style='display: flex; align-items: center; justify-content: right; font-size: 14px; height: 24px'>
  				<img alt="" src="img/alert_tracker_black_24.svg">
  				<div id=''>Sync ...</div>
  			</div>
  		</div>
  	</div>
  
  
  	<div style="padding: 15px">
  		<div
  			style='border: 1px solid #000; text-align: center; padding: 10px; font-size: 0.9em;'>
  			<div>Vous pouvez affecter jusqu'&agrave; 5 adresses mails sur
  				la balise.</div>
  			<div>Les destinataires pourront &ecirc;tre notifi&eacute;s via
  				des emails sur les alertes param&egrave;tr&eacute;es</div>
  		</div>
  		<div
  			style='padding-top: 20px; height: calc(60vh - 90px); overflow-y: auto; overflow-x: hidden'>
  			<label for="cmf_mail_index_0" style="padding-left: 5px;">Adresse
  				mail du premier destinataire :</label>
  
  			<div style='position: relative;'>
  				<input id="cmf_mail_index_0" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="Mail destinataire 1" style='margin-bottom: 0'>
  				<img id='cmf_img_clear_index_0' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cmf-contactlist01' class=" list-group" style="display: none"></div>
  
  			<label for="cmf_mail_index_1"
  				style="padding-left: 5px; padding-top: 20px">Adresse mail du
  				deuxi&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cmf_mail_index_1" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="Mail destinataire 2" style='margin-bottom: 0'>
  				<img id='cmf_img_clear_index_1' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cmf-contactlist02' class=" list-group" style="display: none"></div>
  
  			<label for="cmf_mail_index_2"
  				style="padding-left: 5px; padding-top: 20px">Adresse mail du
  				troisi&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cmf_mail_index_2" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="Mail destinataire 3" style='margin-bottom: 0'>
  				<img id='cmf_img_clear_index_2' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cmf-contactlist03' class=" list-group" style="display: none"></div>
  
  			<label for="cmf_mail_index_3"
  				style="padding-left: 5px; padding-top: 20px">Adresse mail du
  				quatri&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cmf_mail_index_3" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="Mail destinataire 4" style='margin-bottom: 0'>
  				<img id='cmf_img_clear_index_3' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cmf-contactlist04' class=" list-group" style="display: none"></div>
  
  			<label for="cmf_mail_index_4"
  				style="padding-left: 5px; padding-top: 20px">Adresse mail du
  				cinqui&egrave;me destinataire :</label>
  			<div style='position: relative;'>
  				<input id="cmf_mail_index_4" type="text"
  					class="form-control me-2 connectuser-searchbox" placeholder=""
  					aria-label="Mail destinataire 5" style='margin-bottom: 0'>
  				<img id='cmf_img_clear_index_4' src="img/close_grey_24.svg"
  					alt="Effacer"
  					style='position: absolute; height: 16px; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer;'>
  			</div>
  			<div id='cmf-contactlist05' class=" list-group" style="display: none"></div>
  
  
  
  
  		</div>
  	</div>
  
  
  	<div class="footer-div">
  		<button id=cmf_btn_valid class="btn connectuser-btn"
  			style="width: 75%">Enregistrer les contacts</button>
  	</div>
  
  	<div class='footer-nav'>
  		<img id='cmf_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='cmf_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='cmf_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  	
  
  
  	
  
  
  
  
  </div>
  
  
  			<div id='lastalertlist_root_panel' style='height: 100%; display: none;'>
  
  	<div id=''
  		style='display: flex; align-items: center; justify-content: left; border-bottom: 1px solid #000; padding: 5px 18px 5px 18px;'>
  		<img id='' src="img/bell_black_24.svg">
  		<div style='text-align: center; font-weight: bold; width: 100%'>
  			<div id='la_title_alertes'>Nouvelles alertes</div>
  		</div>
  	</div>
  
  	<div id='la_noalerts_infos'
  		style='display: none; text-align: center; padding-top: 30vh; font-size: 1.2em'>Aucune
  		nouvelle alerte</div>
  
  	<div id='la_table_alerts' class='scroller' style='height: 70vh'></div>
  
  	<div class="footer-div">
  		<button id=la_btn_update_alertes class="btn connectuser-btn"
  			style="width: 75%">Effacer toutes les alertes</button>
  	</div>
  
  
  
  
  	<div class='footer-nav'>
  		<img id='la_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  
  		<div id='la_phone_panel'>
  			<div id='la_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<div id='la_user' style='display: none;'>
  			<div id='la_user_name' style='text-align: center; font-weight: bold;'></div>
  		</div>
  
  		<img id='la_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  
  </div>
  
  <!-- Modal suppression des alertes -->
  <div class="modal fade" id="modalDelAlertes" tabindex="-1"
  	aria-labelledby="modalDelAlertes" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img src="img/trash_red_24.svg">
  				</div>
  				<div id="modalDelAlertesTitle" style="text-align: center"
  					class="col-11 modal-title">Suppression des alertes</div>
  			</div>
  
  
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalDelAlertesMsg'></div>
  					<div id="modalDelAlertesLoader" style="display: none">
  						<div class='row' style="text-align: center;">
  							<p style="text-align: center; margin-top: 10px;">
  								<img id="" alt="" class="blink-image"
  									src="img/bgps_icon_balisesgps_48.svg">
  							</p>
  						</div>
  					</div>
  				</div>
  			</div>
  
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-6">
  						<button id=modalDelAlertesCancelBtn class="btn btn-raz-small"
  							data-bs-dismiss="modal">Annuler</button>
  					</div>
  					<div class="col-6">
  						<button id=modalDelAlertesValidBtn class="btn btn-all-small">Supprimer</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  
  
  
  			<div id='alertdetail_root_panel' style='height: 100%; display: none;'>
  
  
  	<div id=''
  		style='display: flex; align-items: center; justify-content: left; border-bottom: 1px solid #000; padding: 5px 18px 5px 18px;'>
  		<img id='ad_img_eventtype' src="img/alert_zone_black_24.svg">
  		<div style='padding-left: 20px;'>
  			<div id='ad_eventinfos' style=''>Alerte</div>
  			<div id='ad_eventdate' style=''>Date</div>
  
  		</div>
  	</div>
  
  	<div id='ad_loader_position'
  		style="display: none; text-align: center; background: white; height: calc(70vh); margin-left: 0px;">
  		<div class='row'>
  			<p style="text-align: center; margin-top: 15%;" />
  			<img alt="" class="blink-image" src="img/bgps_icon_balisesgps_48.svg">
  		</div>
  
  		<div class='row'>
  			<div id=''
  				style="font-weight: bold; color: #131D3C; width: 100%; text-align: center; margin-top: 20px;">
  				Chargement des informations ...</div>
  			<div
  				style="font-weight: bold; color: white; width: 100%; text-align: center;"></div>
  		</div>
  	</div>
  
  	<div id="ad_panel_map">
  		<div id="ad_map" class="ad_map"
  			style='height: 100vh; width: 100%; padding-bottom: 175px;'></div>
  		<button id=ad_btnAdjustView class="btn-adjust-view-map"
  			style='top:150px;'>
  			<img id='ad_imgBtnAdjustView' src="img/loc_searching.svg"
  				alt="Centrer">
  		</button>
  	</div>
  
  
  
  	<div class="footer-div">
  		<div class='row' style='padding-left:20px;padding-right:20px'>
  			<div class='col-6'>
  				<button class='btn connectuser-btn'
  					style='font-size: 0.9em; font-weight: bold;' id='ad_btn_gotomap'>
  					<img src="img/assistant_direction_white_24.svg">
  				</button>
  			</div>
  			<div class='col-6'>
  				<button id='ad_btn_valid' class="btn connectuser-btn" style="">Effacer
  					l'alerte</button>
  			</div>
  		</div>
  	</div>
  
  
  
  	<div class='footer-nav'>
  		<img id='ad_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='ad_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='ad_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  
  
  
  
  
  </div>
  
  
  
  <!-- Modal suppression des alertes -->
  <div class="modal fade" id="modalDelAlerte" tabindex="-1"
  	aria-labelledby="modalDelAlerte" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog modal-bottom">
  		<div class="modal-content" style='width: 100%; max-width: 100%'>
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img src="img/trash_red_24.svg">
  				</div>
  				<div id="modalDelAlerteTitle" style="text-align: center"
  					class="col-11 modal-title">Suppression des alertes</div>
  			</div>
  
  
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalDelAlerteMsg'></div>
  					<div id="modalDelAlerteLoader" style="display: none">
  						<div class='row' style="text-align: center;">
  							<p style="text-align: center; margin-top: 10px;">
  								<img id="" alt="" class="blink-image"
  									src="img/bgps_icon_balisesgps_48.svg">
  							</p>
  						</div>
  					</div>
  				</div>
  			</div>
  
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-6">
  						<button id=modalDelAlerteCancelBtn class="btn btn-raz-small"
  							data-bs-dismiss="modal">Annuler</button>
  					</div>
  					<div class="col-6">
  						<button id=modalDelAlerteValidBtn class="btn btn-all-small">Supprimer</button>
  					</div>
  				</div>
  			</div>
  		</div>
  	</div>
  </div>
  
  
  
  
  			<div id='histomap_root_panel' style='height: 100%; display: none;'>
  
  	<div class='header-infos'>
  		<img id='' src="img/trajets_black_24.svg" style='height: 32px'>
  		<div id='hm_title' style='padding-left: 10px;'>Trajets</div>
  	</div>
  
  	<div id="hm_map" class="hm_map"
  		style='height: calc(100vh - 155px); width: 100%'></div>
  	<button id=hm_btnAdjustView class="btn-adjust-view-map" style="top:120px">
  		<img id='hm_imgBtnAdjustView' src="img/loc_searching.svg"
  			alt="Centrer">
  	</button>
  
  
  
  
  
  	<div id="hm_panel_detail" class="footer-histo-map">
  	
  	<img id='hm_detail_back' src='img/close_white_24.svg'
  			style='float: left; cursor: pointer;' alt="Retour">
  	
  		<div style='padding-left: 5px; padding-right: 5px'>
  
  			<div class='row'>
  				<div class='col-6' id='hm_pos_date' style="text-align: left;"></div>
  				<div class='col-6' style='text-align: right'>
  					<img id='hm_img_batlevel' src="img/battery_white_100.svg">
  					<div id='hm_label_batlevel'
  						style='float: right; font-size: 0.85em; padding-top: 2px'>100%</div>
  				</div>
  			</div>
  
  			<div class='row'>
  				<div class='col-1' style="width: 32px; text-align: left;">
  					<img id='hm_pos_state' src="img/chip_green.svg">
  				</div>
  				<div class='col-10' id='hm_pos_speed' style="text-align: left;"></div>
  			</div>
  
  			<div id='hm_pos_address' style="text-align: left;"></div>
  
  		</div>
  		
  		
  		<div class='row'>
  				<div class='col-6'>
  					<button class='btn connectuser-btn'
  						style='font-size: 0.9em; font-weight: bold;' id='hm_modalGoToMap'>
  						<img src="img/assistant_direction_white_24.svg">
  					</button>
  				</div>
  				<div class='col-6'>
  					<button id=hm_addzone class="btn connectuser-btn" style="">Alerte
  						de Zone</button>
  				</div>
  			</div>
  	</div>
  
  
  
  	<div class='footer-nav'>
  		<img id='hm_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='hm_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='hm_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  
  
  
  </div>
  
  
  
  
  
  
  
  
  			<div id='zones_root_panel' style='height: 100%; display: none;'>
  
  	<div class='header-infos'>
  		<img id='' src="img/alert_zone_black_24.svg">
  		<div id='zp_alert_zones_title' style='padding-left: 10px;'>Alertes
  			sur zones</div>
  	</div>
  
  
  	<div id='zp_loader'
  		style="text-align: center; background: white; height: calc(70vh); margin-left: 0px;">
  		<div class='row'>
  			<p style="text-align: center; margin-top: 15%;" />
  			<img alt="" class="blink-image" src="img/bgps_icon_balisesgps_48.svg">
  		</div>
  
  		<div class='row'>
  			<div id=''
  				style="font-weight: bold; color: #131D3C; width: 100%; text-align: center; margin-top: 20px;">
  				Chargement des zones en cours ...</div>
  			<div
  				style="font-weight: bold; color: white; width: 100%; text-align: center;"></div>
  		</div>
  	</div>
  
  
  
  	<div id='zp_nozones_infos'
  		style='display: none; text-align: center; padding-top: 30vh; font-size: 1.2em'>Aucune
  		alerte de zone programm&eacute;e sur cette balise</div>
  
  
  	<div id='zp_table_zones' class='scroller'
  		style='height: calc(100vh - 220px);'></div>
  
  
  	<div class="footer-div">
  		<button id=zp_btn_addzone class="btn connectuser-btn"
  			style="width: 75%">Ajouter alerte sur une zone</button>
  	</div>
  
  	<div class='footer-nav'>
  		<img id='zp_back' src='img/arrow_back_white_24.svg'
  			style='cursor: pointer;' alt="Retour">
  		<div>
  			<div id='zp_phone_name'
  				style='text-align: center; font-weight: bold; padding-right: 20px;'></div>
  		</div>
  		<img id='zp_home' src='img/home_white_24.svg'
  			style='cursor: pointer; height: 32px' alt="Accueil">
  	</div>
  </div>
  
  
  
  
  <!-- Modal suppression de zone -->
  <div class="modal fade" id="modalDelZone" tabindex="-1"
  	aria-labelledby="modalDelZone" aria-hidden="true"
  	data-bs-backdrop="static" data-bs-keyboard="false">
  	<div class="modal-dialog">
  		<div class="modal-content">
  			<div class="row"
  				style="border-bottom: solid 1px #d8d8d8 !important; padding-bottom: 5px;">
  				<div class="col-1" style="text-align: left; padding-top: 5px">
  					<img src="img/trash_red_24.svg">
  				</div>
  				<div id="modalDelZoneTitle" style="text-align: center"
  					class="col-11 modal-title">Suppression de l'alerte sur zone</div>
  			</div>
  
  
  			<div class="modal-body">
  				<div
  					style='border: solid 1px #131D3C; border-radius: 5px; margin-bottom: 25px; font-size: 0.9em; padding: 10px'>
  					<div id='modalDelZoneMsg'></div>
  					<div id="modalDelZoneLoader" style="display: none">
  						<div class='row' style="text-align: center;">
  							<p style="text-align: center; margin-top: 10px;">
  								<img id="" alt="" class="blink-image"
  									src="img/bgps_icon_balisesgps_48.svg">
  							</p>
  						</div>
  					</div>
  				</div>
  			</div>
  
  			<div class="modal-footer">
  				<div id="" class="row">
  					<div class="col-6">
  						<button id=modalDelZoneCancelBtn class="btn btn-raz-small"
  							data-bs-dismiss="modal">Annuler</button>
  					</div>
  					<div class="c
endpoints.name: https://m.balisesgps.com/favicon.ico
endpoints.html_title: BGPS MOBILE
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 
  Date:  <REDACTED>
  Server: Apache/2.4.41 (Ubuntu)
  Content-Type: text/html;charset=ISO-8859-1
  Set-Cookie: JSESSIONID=E929E678ADEA8217344DF5D6E6B0E4E3; Path=/; HttpOnly
  Vary: Accept-Encoding
  Content-Encoding: gzip
  Content-Length: 13657
  
endpoints.ip: 37.59.202.62
[binary data, 7 values, 175 bytes]