<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/assets/js/OpenLayers.js"></script>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<title> Dr ACHIN Rémi, Dermatologue à Volvic - rendez-vous médical en ligne
</title>
<!-- VENDOR CSS -->
<link href="https://fonts.googleapis.com/css?family=Raleway:800i&display=swap" rel="stylesheet">
<link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="/assets/vendor/font-awesome/css/all.css" rel="stylesheet">
<link href="/assets/vendor/reset/reset.css" rel="stylesheet">
<link href="/assets/vendor/slick/slick.css" rel="stylesheet">
<link href="/assets/vendor/slick/slick-theme.css" rel="stylesheet">
<link href="/assets/vendor/niceSelect/nice-select.css" rel="stylesheet">
<link href="/assets/css/lightbox.min.css" rel="stylesheet">
<link href="/assets/vendor/scroll/jquery.mCustomScrollbar.min.css" rel="stylesheet">
<link href="/datepicker/js/datepicker.min.css" rel="stylesheet">
<!-- FONT CSS -->
<link href="/assets/css/fonts.css" rel="stylesheet">
<!-- OUR CSS -->
<link href="/assets/css/gpssante.css?ver=2.3.0" rel="stylesheet">
<!-- VENDOR JS-->
<script src="/assets/vendor/jquery/jquery.min.js"></script>
<script src="/assets/vendor/bootstrap/js/popper.min.js"></script>
<script src="/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/vendor/niceSelect/jquery.nice-select.min.js"></script>
<script src="/assets/vendor/slick/slick.min.js"></script>
<!-- Scroll -->
<script src="/assets/vendor/scroll/jquery.mousewheel.min.js"></script>
<script src="/assets/vendor/scroll/jquery.mCustomScrollbar.min.js"></script>
<!------ lightbox ------>
<script src="/assets/js/lightbox.min.js"></script>
<!-- Datepicker -->
<script src="/datepicker/js/datepicker.min.js"></script>
<script src="/datepicker/js/datepicker.fr-FR.js"></script>
<script src="/datepicker/js/jquery.inputmask.bundle.min.js"></script>
<!-- OUR CSS -->
<script src="/assets/js/gpssante.js"></script>
<script src="/assets/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="/assets/jquery-validation/dist/localization/messages_fr.js"></script>
<script src="/assets/js/fo-form-validate.js"></script>
<script src="/assets/js/autocomplete-home.js"></script>
<!--script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script-->
<script src="/assets/js/rdv-modal.js"></script>
</head>
<body class = "page-web">
<header>
<div class = "logo_wrapper">
<a href = "/" class = "link"><img class = "logo" src = "/assets/images/logo.png" alt = "logo"></a>
</div>
<ul class = "navigation for-desktop">
<li class = "navigation-item"><a class = "link" href = "/visiteur">Visiteurs médicaux</a></li>
<li class = "navigation-item"><a class = "link" href='/patient'>Patients</a></li>
<li class = "navigation-item"><a class = "link" href = "/professionnels-sante">Professionnels de santé</a></li>
<!--li class = "navigation-item "><a class = "link" href = "https://www.gpssante.fr/blog/">Blog</a></li-->
<!-- li class = "navigation-item btn"><a class = "link linkPro" href = "#">Téléconsultation <i class="fas fa-laptop"></i></a></li -->
<li class = "navigation-item">
<a class = "link" href = "/authentification/connexion ">Mon espace</a>
</li>
</ul>
</header>
<div class = "navigation_mobile">
<ul class = "navigation for-mobile">
<li class = "navigation-item"><a class = "link" href = "/visiteur">Visiteurs médicaux</a></li>
<li class = "navigation-item"><a class = "link" href="/patient">Patients</a></li>
<li class = "navigation-item"><a class = "link" href = "/professionnels-sante">Professionnels de santé</a></li>
<!-- li class = "navigation-item btn"><a class = "link" href = "#">Téléconsultation <i class="fas fa-laptop"></i></a></li -->
<li class = "navigation-item">
<a class = "link" href = "/authentification/connexion ">Mon espace</a>
</li>
</ul>
</div>
<div class = "hamburger for-mobile">
<span class = "hamburger-line"></span>
<span class = "hamburger-line"></span>
<span class = "hamburger-line"></span>
</div>
<div class = "wrapper">
<div class = "loader_wrapper" style="z-index: 1100">
<div class = "loader"></div>
</div>
<div class="ma-page-wrapper-top background-top"
style="background: linear-gradient(to right, rgba(7, 0, 221, 0.8), rgba(0, 242, 255, 0.8), rgba(7, 0, 221, 0.8) ), url(../images/bg_img.png) no-repeat center; background-size: cover;">
<div class="container">
<div class="maPageProfile-wrapper position-relative d-flex align-items-center width-wrapper">
<div class="maPageProfile-picture">
<div class="maPageProfilePicture-wrapper"
style="background: url('/uploads/images/fiche/4c8f84f3eaa28f34e025771fbc08fc0a.png') no-repeat center; background-size: cover;">
</div>
</div>
<div class="text_center w-100">
<h1 class="medecin_name">Docteur ACHIN Rémi
<span class="medecin_ville"> à Volvic</h1>
<div class="speciality">
<ul class="list-unstyled listUnstyled-hidden">
<li>
Dermatologue
</li>
</ul>
</div>
</div>
</div>
<!-- Right side pannel -->
<div id="rdv-side-pannel" class="side_pannel_rdv">
<form class="form" method="GET" action="/medecin/rdv">
<input type="hidden" id="fiche-id" name="fiche" value="563"/>
<input type="hidden" id="remplacement" name="remplacement" value=""/>
<input type="hidden" id="rdv" name="rdv" value=""/>
<div id="popup-rdv" class="side_pannel_rdv_wrapper custom-modal popup-rdv"
data-rdv-url="/medecin/creneaux/563/:prestation/:start/:end">
<div class="bloc-slide">
<div class="infos-button">
<div class="infos-button tel">
<a class="phone-medecin" href="tel:0465846155">
<div class="infos-button a">
<i class="fas fa-phone phone-icon" data-toggle="tooltip"
data-original-title="Téléphone du docteur"></i>
<span class="center-tel">0465846155</span>
</div>
</a>
</div>
</div>
<div class="side_pannel_rdv_header head">
<h5 class="modal-title active slide" id="popup-add-field">
<div style="padding-left: 5px;">
<div>
<span style="margin-left: 13px;" class="close_pannel close"><i class="fas fa-plus icon-plus"></i></span>
</div>
<div style="padding-left: 12px;">
<span style="padding-left: 12px;" class="name medecin">Prendre RDV avec : ACHIN Rémi</span>
</div>
</div>
</h5>
<div class="link">
</div>
</div>
<div class="side_pannel_rdv_body" id="side_pannel_rdv_body">
<input type="hidden" id="date-rdv" name="date_rdv" value=""/>
<input type="hidden" id="duree-rdv" name="duree" value=""/>
<input type="hidden" id="rdv-adress" name="address" value=""/>
<div class="step step_2">
<span class="step-number"></span>
<h6 class="title">Choisissez votre type de consultations </h6>
<div class="form-group for-select choice-type-prestation">
<select class="select-item" id="prestation-id" name="prestation">
<option value="">Choisissez un type</option>
<option value="1504"
data-notes='<li class="item list-item p-2 item-notes-page2">Le Docteur ACHIN ne reçoit plus de nouveaux patients</li>'>Consultation dermatologique</option>
</select>
</div>
</div>
<div class="step step_3">
<span class="step-number"></span>
<h6 class="title">Sélectionnez votre rendez-vous</h6>
<div class="custom-calendar" id="step3-rdv"
data-begin="2025-05-11 19:40:06"
data-end="2025-05-11 23:59:00">
<!-- no-rdv -->
<div class="calendar-controls" id="calendar-controls">
<a href="#" class="control left previous" data-href=""><i
class="fa fa-chevron-left"></i></a>
<a href="#" class="control right next" data-href=""><i class="fa fa-chevron-right"></i></a>
</div>
<div class="wrapper-calendar scroll-calendar see-more">
<ul class="list">
<li class="item">
<div class="head-calendar">
<span class="date">
Lun.
<span class="date-number">01 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Mar.
<span class="date-number">02 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Mer.
<span class="date-number">03 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Jeu.
<span class="date-number">04 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Ven.
<span class="date-number">05 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Sam.
<span class="date-number">06 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
<li class="item">
<div class="head-calendar">
<span class="date">
Dim.
<span class="date-number">02 Sept.</span>
</span>
</div>
<div class="body-calendar">
<ul class="list">
<li class="item"><a href="#" class="content">12:50</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
<li class="item"><a href="#" class="content null">-</a></li>
</ul>
</div>
</li>
</ul>
<div class="text-wrapper">
<p class="text">Prochain RDV le <a href="#" class="goto-rdv">20 Septembre <i
class="fa fa-chevron-right"></i></a></p>
</div>
<div class="loader_wrapper">
<div class="loader"></div>
</div>
<div class="show-more-wrapper">
<a href="javascript:void(0)" class="link">Voir plus d'horaires<br/><i
class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="side_pannel_rdv_footer">
<div class="text-center bg-yellow background-pink">
<div class="add-wait-list scroll">
<p><strong>"Le Cabinet du Dr ACHIN est transféré au Pôle Santé de Volvic -10 Avenue de la Liberté-63530 Volvic depuis le 9 Octobre 2023" </strong></p>
<p><strong>Le docteur ACHIN ne reçoit pas de nouveaux patients</strong></p>
<p>Le Docteur Achin s'occupe des ulcères dans le Service de Dermatologie du CHU ESTAING au 04 73 750 445</p>
<p> </p>
</div>
</div>
</div>
</div>
</form>
<script>
console.log('test--menu');
var $_header_page = $('header'),
// $_marker_item = $('.welcome_message'),
$_marker_item = $('.ma-page-wrapper-top'),
$_rdv_body = $('body'),
$_targer_side = $('.side_pannel_rdv_wrapper'),
$_body_side = $('.side_pannel_rdv_wrapper .side_pannel_rdv_body'),
$_title_side = $('.side_pannel_rdv_wrapper .modal-title');
$(window).on('scroll', function () {
var $_scroll = $(this).scrollTop(),
$_test = $_marker_item.offset().top + $_marker_item.height();
if ($_scroll >= $_header_page.offset().top) {
$_targer_side.addClass('sticky').css({
'top': $_header_page.height() + 40,
'left': $_rdv_body.width() - $_targer_side.width() - 25
});
} else if ($_scroll <= $_header_page.offset().top) {
$_targer_side.removeClass('sticky').css({'top': $_header_page.height() + 10, 'left': 'auto', 'right': 11});
}
});
$_title_side.on('click', function () {
$(this).toggleClass('active');
$_body_side.toggle('slow');
});
$(document).on('click', function (e) {
var $_test = $(e.target);
if ($_test.closest('.side_pannel_rdv_body').length == 0) {
$_rdv_body.removeClass('rdv-active');
} else {
$_rdv_body.addClass('rdv-active');
}
});
</script>
</div>
</div>
</div>
<div class="maPage-topLink">
<div class="container d-flex align-items-center">
<ul class="list d-flex flex-wrap align-items-center">
<li class="item active">
<a href="#info" class="link link-target icon active">
<label class="iconWrapper" data-toggle="tooltip" data-placement="top"
data-original-title="Informations principales">
<i class="fa fa-info"></i>
</label>
</a>
</li>
<li class="item">
<a href="#honoraires" class="link link-target">Honoraires et remboursement</a>
</li>
<li class="item">
<a href="#expertises" class="link link-target">Expertises</a>
</li>
<li class="item">
<a href="#adresse" class="link link-target">Adresse et accès</a>
</li>
<li class="item">
<a href="#general" class="link link-target">Présentation</a>
</li>
<li class="item">
<a href="#horraires" class="link link-target">Horaires et contacts</a>
</li>
</ul>
</div>
</div>
<div class="maPageTop-info text position-relative w-100">
<div>
<div class="for_mobile mt-2">
<div class="btn-wrapper center">
<button data-toggle="modal" data-target="#popup-rdv-mobile" class="btn">Prendre rendez-vous
</button>
</div>
</div>
</div>
</div>
<div id="info" class="pageWeb-info">
<div class="container infos">
<div class="row no-gutters">
<div class="col-8">
<div class="infoMedecin-wrapper">
<div class="infoMedecin-content maPageWrapper-text mb-0 background-infoMedecin text-color">
<div id="infos" class="info-importantes">
<i class="fas fa-exclamation-triangle icon-exclamation"></i>
<p class="para">Informations importantes</p>
</div>
<div class="txt_info padding-info">
<div class="global_infos">
</div>
<p>"Le Cabinet du Dr ACHIN est transféré au Pôle Santé de Volvic -10 Avenue de la Liberté-63530 Volvic depuis le 9 Octobre 2023" </p>
<p>"Le Dr ACHIN ne peut plus prendre en charge de nouveaux patients"</p>
</div>
</div>
</div>
<div class="rdv-patients">
<i class="fas fa-user-plus user-icon"></i>
La prise de rendez-vous en ligne est reservée aux patients suivis du cabinet.
</div>
<div class="rdv-honoraire">
<div id="honoraires"
class="picto-wrapper picto-title text-center d-flex align-items-center">
<h2 class="title honoraire">
<i class="fas fa-notes-medical icon"></i>
<p class="infos-complementaires">Honoraires et remboursement</p>
</h2>
</div>
<div class="rdv-content">
Conventionné
: Oui (Secteur 1)
<br>
<p>
Carte Vitale acceptée<br/>
<br/>
<span class="inner-title honoraire"><b>Moyens de paiement : </b></span><br/>
<span>Carte bancaire<br/></span>
<span>Chèque<br/></span>
<span>Espèces<br/></span>
</p>
</div>
<a href="#actes" class="actes_honoraires">
<button class="consult-tarif">Consulter les tarifs</button>
</a>
</div>
<div id="expertises" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-stethoscope icon"></i>
<p class="infos-complementaires">Expertises</p>
</h2>
</div>
<div class="rdv-content">
<p>Dermatologie - Ulceres </p>
</div>
</div>
<div id="expertises" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-info-circle icon"></i>
<p class="infos-complementaires">Bon à savoir</p>
</h2>
</div>
<div class="rdv-content">
<p>Le Docteur Achin s'occupe des ulcères dans le Service de Dermatologie du CHU ESTAING au 04 73 750 445</p>
<p> </p>
</div>
</div>
<div id="adresse" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-map-marker-alt icon"></i>
<p class="infos-complementaires">Adresse et accès</p>
</h2>
</div>
<div class="rdv-content">
<div class="fiche-adresse">
<div class="fiche-adresse-liste">
<span>
<span><b>Adresse</b></span>
</span>
<br/>
<div class="fiche-adresse-rue">10 Avenue de la Liberté
<br>63530 Volvic
France
<br> Pôle santé volvic
</div>
<div class="adresse">
<div class="acces_pmr">
<br/>
<i class="fas fa-wheelchair icon"
style="color: limegreen;"></i>
<span><b>Accès PMR : </b></span>Oui
</div>
</div>
<div class="adresse">
<div>
<br/>
<img src="/assets/images/elevator-green.png"
class="icon-elevator">
<span><b>Ascenseur : </b></span>Oui
</div>
</div>
<div class="adresse">
</div>
</div>
</div>
<br/>
<div class="annuaire_gps">
<div class="map_wrapper" id="map_wrapper">
</div>
</div>
</div>
</div>
<div id="general" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center">
<h2 class="title honoraire">
<i class="fas fa-user-md icon"></i>
<p class="infos-complementaires">Docteur Achin Rémi</p>
</h2>
</div>
<div class="rdv-content">
<p>
<span class="inner-title presentation">Présentation :</span><br/>
<span> <p>Le Dr ACHIN Rémi, Dermatologue à Volvic, département 63 Puy de Dôme : vous reçoit a son cabinet et vous propose de prendre vos rendez-vous médicaux en ligne ou par téléphone.<br />
</p>
<p> </p></span>
<br><br/>
<span class="inner-title presentation">Numéro RPPS :</span><br/>
<span> 810003172136</span>
</p>
</div>
</div>
<div id="actes" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="far fa-question-circle icon"></i>
<p class="infos-complementaires">Actes et honoraires</p>
</h2>
</div>
<div class="rdv-content">
<div class="scroll list-acte">
<ul class="list">
<li class="item">
<span class="inner-title">Consultation dermatologique : </span> non defini
(€)
</li>
</ul>
</div>
</div>
<br/>
<p>
<i>
Le montant des honoraires vous est communiqué à titre indicatif. Il peut
varier en
fonction du type de soins réalisé ou de tout acte additionnel
</i>>
</p>
</div>
<div id="horraires" class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-user-clock icon"></i>
<p class="infos-complementaires">Horaires et contacts</p>
</h2>
</div>
<div class="rdv-content">
<p><p><strong>Les consultations sont assurées sur rendez-vous</strong></p>
<p>Lundi</p>
<p>Mercredi</p>
<p>Jeudi</p>
<p>Vendredi aprés midi</p></p>
</div>
</div>
<div class="rdv-honoraire">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-ambulance icon"></i>
<p class="infos-complementaires">En cas d'urgence</p>
</h2>
</div>
<div class="rdv-content">
<p><p>En cas d'urgence contacter le 15</p></p>
</div>
</div>
<div id="autres" class="rdv-honoraire d-none">
<div class="picto-wrapper picto-title text-center d-flex align-items-center rdv-title">
<h2 class="title honoraire">
<i class="fas fa-info-circle icon"></i>
<p class="infos-complementaires">Informations complémentaires</p>
</h2>
</div>
<div class="rdv-content">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="slideImg" class="slide-img-footer">
<div class="container">
<div class="slider-container row no-gutters">
<div class="slider-view_ lg col-8">
<div class="row no-gutters">
<div class="item col-4">
<figure class="position-relative"
style="background: url('/uploads/images/fiche/4c8f84f3eaa28f34e025771fbc08fc0a.png') no-repeat center; background-size: cover;">
<img style="pointer-events: none"
src="/uploads/images/fiche/4c8f84f3eaa28f34e025771fbc08fc0a.png"
alt="Docteur ACHIN Rémi à Volvic">
<a class="linkZoom position-absolute"
href="/uploads/images/fiche/4c8f84f3eaa28f34e025771fbc08fc0a.png"
data-lightbox="userPhoto">
<i class="fas fa-search-plus"></i>
</a>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal process -->
<div class="modal custom-modal popup-rdv" id="popup-rdv-mobile" tabindex="-1" role="dialog" aria-labelledby="popup-take-rdv" aria-hidden="true" data-rdv-url="/medecin/creneaux/563/:prestation/:start/:end">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form class = "form" method="GET" action="/medecin/rdv">
<input type="hidden" id="fiche-id" name="fiche" value="563" />
<input type="hidden" id="remplacement" name="remplacement" value="" />
<div class="modal-header">
<h5 class="modal-title" id="popup-add-field">Prendre RDV avec : <span class = "name">Achin Rémi</span></h5>
<button type="button" class="fas close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<input type="hidden" id="date-rdv" name="date_rdv" value="" />
<input type="hidden" id="duree-rdv" name="duree" value="" />
<input type="hidden" id="rdv-adress" name="address" value=""/>
<div class = "step step_2">
<span class = "step-number"></span>
<h6 class = "title">Choisissez votre type de consultation</h6>
<div class ="form-group for-select">
<select class = "select-item" id="prestation-id" name="prestation">
<option value = "" >Choisissez un type</option>
<option value = "1504"
data-notes=' <li class="item list-item p-2 item-notes-page">Le Docteur ACHIN ne reçoit plus de nouveaux patients</li>'
>Consultation dermatologique</option>
</select>
</div>
</div>
<div class = "step step_3">
<span class = "step-number"></span>
<h6 class = "title">Sélectionnez votre rendez-vous</h6>
<div class = "custom-calendar" id="step3-rdv" data-begin="2025-05-11 19:40:06" data-end="2025-05-11 23:59:00"> <!-- no-rdv -->
<div class = "calendar-controls" id="calendar-controls">
<a href = "#" class = "control left previous" data-href=""><i class = "fa fa-chevron-left"></i></a>
<a href = "#" class = "control right next" data-href=""><i class = "fa fa-chevron-right"></i></a>
</div>
<div class = "wrapper-calendar">
<ul class = "list">
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Lun.
<span class = "date-number">01 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Mar.
<span class = "date-number">02 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Mer.
<span class = "date-number">03 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Jeu.
<span class = "date-number">04 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Ven.
<span class = "date-number">05 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Sam.
<span class = "date-number">06 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
<li class = "item">
<div class = "head-calendar">
<span class = "date">
Dim.
<span class = "date-number">02 Sept.</span>
</span>
</div>
<div class = "body-calendar">
<ul class = "list">
<li class = "item"><a href = "#" class = "content">12:50</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
<li class = "item"><a href = "#" class = "content null">-</a></li>
</ul>
</div>
</li>
</ul>
<div class ="text-wrapper">
<p class = "text">Prochain RDV le <a href = "#" class = "goto-rdv">20 Septembre <i class = "fa fa-chevron-right"></i></a></p>
</div>
<div class="loader_wrapper">
<div class="loader"></div>
</div>
<div class ="show-more-wrapper">
<a href = "javascript:void(0)" class = "link">Voir plus d'horaires<br/><i class ="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="text-center bg-yellow">
<div class="add-wait-list scroll">
<p><strong>"Le Cabinet du Dr ACHIN est transféré au Pôle Santé de Volvic -10 Avenue de la Liberté-63530 Volvic depuis le 9 Octobre 2023" </strong></p>
<p><strong>Le docteur ACHIN ne reçoit pas de nouveaux patients</strong></p>
<p>Le Docteur Achin s'occupe des ulcères dans le Service de Dermatologie du CHU ESTAING au 04 73 750 445</p>
<p> </p>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="popup-incription" style="z-index:1091" tabindex="-1" role="dialog"
aria-labelledby="popup-validation-rdv" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Création d'un compte patient</h5>
<button type="button" class="fas close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body content-inscripion">
</div>
</div>
</div>
</div>
<div class="modal fade" id="popup-login" style="z-index:1091" tabindex="-1" role="dialog"
aria-labelledby="popup-validation-rdv" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" style="margin:0 auto;width: 100px;"></h5>
<button type="button" class="fas close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body content-login">
</div>
</div>
</div>
</div>
<div class="modal fade custom-modal popup-notification-rdv" id="popup-notification-rdv" tabindex="-1"
role="dialog" aria-labelledby="popup-validation-rdv" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Notifications</h5>
<button type="button" class="fas close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="list">
</ul>
</div>
<div class="modal-footer">
<div class="btn-wrapper with_border_top right">
<button class="btn" type="button" data-dismiss="modal" aria-label="Close">Accepter</button>
</div>
</div>
</div>
</div>
</div>
<div class="search-footer">
<div class="svg-footer">
<svg viewbox="0 0 500 500" preserveaspectratio="none" class="svg">
<path fill="#f1f4f5" d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
</svg>
</div>
<div class="para-footer">
<span>Centre D'aide Support Technique <b><br>GPS Santé</b></span>
</div>
<div class="button-footer">
<a href="https://www.gpssante.fr/nous-contacter">
<button class="btn-footer">
<span class="span-btn-footer">Nous contacter</span>
<i class="fas fa-arrow-right"></i>
</button>
</a>
<div class="image-footer">
<img src="/assets/images/contact-GPS-SANTE.jpg" class="img-footer">
</div>
</div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function () {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
var Module = (function () {
var on_search = function search() {
var $btnSearch = $('.btn-seach');
$btnSearch.on('click', function (e) {
e.preventDefault();
$refrech_data();
});
}
var on_serach_filter = function () {
var $btnSearch = $('.btn.search_filter_annuaire');
$btnSearch.on('click', function (e) {
e.preventDefault();
$refresh_data_filter();
});
}
var $refrech_data = function refresh_data() {
var $_template_search = $('.autocomplete-wrapper');
var dataParams = [];
dataParams.push('name=' + $('.name.input-text').val());
dataParams.push('lat=' + $('.address-lat').val());
dataParams.push('lon=' + $('.address-lon').val());
dataParams.push('location=' + $('.address.input-text').val());
var paramsUrl = dataParams.join("&");
load_data(paramsUrl, 0);
$_template_search.html('');
}
var $refresh_data_filter = function () {
var $_template_search = $('.autocomplete-wrapper');
var dataParams = [];
dataParams.push('name=' + $('.name.input-text').val());
dataParams.push('lat=' + $('.address-lat').val());
dataParams.push('lon=' + $('.address-lon').val());
dataParams.push('location=' + $('.address.input-text').val());
var typeRdv = $('.select-item.type_rdv_annuaire option:selected').val();
dataParams.push('typeRdv=' + typeRdv);
var typeSpec = $('.select-item.specialite_annuaire option:selected').val();
dataParams.push('spec=' + typeSpec);
var paramsUrl = dataParams.join("&");
load_data(paramsUrl, 1);
$_template_search.html('');
}
var updateNiceSelect = function () {
$('.select-item').niceSelect('update');
}
var $_refresh_data_type_rdv = function ($datas, type) {
if (type !== 1) {
var templateTypeRdv = '';
if ($datas.length > 0) {
templateTypeRdv = '<option value="" >Sélectionné un type de rdv</option>'
$datas.forEach(function (el) {
templateTypeRdv += '<option value="' + el.id + '">' + el.name + '</option>';
});
$('.select-item.type_rdv_annuaire').html(templateTypeRdv);
} else {
templateTypeRdv = '<option value="">Aucune type de rdv</option>'
$('.select-item.type_rdv_annuaire').html(templateTypeRdv);
}
}
}
var $_refresh_data_specialite = function ($datas, type) {
if (type !== 1) {
var templateSpecialite = '';
if ($datas.length > 0) {
templateSpecialite = '<option value="" >Sélectionné une spécialité</option>'
$datas.forEach(function (el) {
templateSpecialite += '<option value="' + el.id + '">' + el.name + '</option>';
});
$('.select-item.specialite_annuaire').html(templateSpecialite);
} else {
templateSpecialite = '<option value="" >Aucune spécialité</option>'
$('.select-item.specialite_annuaire').html(templateSpecialite);
}
}
}
var load_data = function load_data($params, type) {
$('body').addClass('loading');
$.ajax({
url: '/recherche-ficheAdress' + '?' + $params,
success: function (data) {
datas = [];
marker.clearMarkers();
$_refresh_data_type_rdv(data.data_typeRdv, type);
$_refresh_data_specialite(data.data_spec, type);
console.log(data);
data.data_list.forEach(function (el) {
datas.push(el);
});
marker.clearMarkers();
if (datas.length > 0) {
load_map(datas);
$('#count-resultat').html('(' + datas.length + ')');
// create_template2(datas);
} else {
$('#count-resultat').html('');
$('.table-fixed tbody').html('<tr><td colspan="4"><p style="float:left" >Aucun resultat...</p></td></tr>')
}
updateNiceSelect();
}
}).always(function () {
$('body').removeClass('loading');
});
}
var default_map = function () {
//var data = [{lat:48.866667,lon:2.333333 }];
var position = create_position(2.333333, 48.866667);
map_center(position, 13);
}
var load_map = function ($datas) {
if ($datas.length > 0) {
$datas.forEach(function (value, index) {
var position = create_position(value.lon, value.lat);
var icon;
if (index === 0) {
map_center(position, zoom);
icon = setIconMarkers_position(1);
} else {
icon = setIconMarkers_position(2);
}
addMarkers(marker, position, icon);
});
} else {
default_map();
}
};
var get_data_position = function () {
var datas = [];
var data = {};
data ={"lat":"45.87503","lon":"3.04385"}
datas.push(data);
//$_refresh_data_type_rdv(data.data_typeRdv);
///$_refresh_data_specialite(data.data_spec);
if (datas.length > 0) {
$('#count-resultat').html('(' + datas.length + ')')
} else {
$('#count-resultat').html('');
default_map();
}
updateNiceSelect();
return datas;
};
var url_message = '/message/nouveau';
var create_template2 = function ($aDatas) {
var $tableList = $('.table-fixed tbody');
if ($aDatas.length > 0) {
$tableList.html('');
$aDatas.forEach(function (el, index) {
var class1 = index == 0 ? 'active' : '';
var dateRdv = el.date_rdv ? el.date_rdv : 'Aucun Rdv'
var url = el.type === 'fiche' ? '/medecin/page-web' + '/' : '/cabinet' + '/';
var urlImage = el.type === 'fiche' ? '/uploads/images/fiche/' : '/uploads/images/cabinet/';
var template = "<tr class=\"" + class1 + "\"><td>\n" +
"\t<div class=\"avatar center\">\n" +
"\t\t<span class=\"avatar_wrapper\" style = \"background: url(" + urlImage + el.image + "); background-size: cover;\"></span>\n" +
"\t\t<span class=\"name\"><a class =\"link\" href =\"" + url + el.url + "\">" + el.lastname + " " + el.lastname + "</a></span>\n" +
"\t</div>\n";
template = create_template_specialite(template, el);
template = create_template_adresse(template, el);
template += "<a class=\"btn btn_new_message\" href=\"" + url_message + "?fiches=" + el.id_fiche + "\"><i class=\"fas fa-envelope\" ></i> Envoyer message</a></td>";
template += "<td>" + dateRdv + "</td>";
template += "<td><i data=\"" + index + "\" class=\"fas fa-map-marker-alt link_map\"></i></td>";
template += "</tr>";
$tableList.append(template);
choice_list();
});
updateBtnMessage();
} else {
$tableList.html('<tr><td colspan="4"><p style="float:left" >Aucun resultat...</p></td></tr>')
}
}
function create_template_specialite(template, el) {
var $aSpeciality = el.speciality.split('---');
if ($aSpeciality.length > 0) {
template += '<ul class="list specialite">';
$aSpeciality.forEach(function (value, index, array) {
if (value !== '') {
template += '<li class ="item">' + value + '</li>';
}
});
template += '</ul>';
}
return template;
}
function create_template_adresse(template, el) {
var $aAddress = el.all_address.split('---');
if ($aAddress.length > 0) {
template += '<ul class="list adresse">';
$aAddress.forEach(function (value, index, array) {
if (value !== '') {
template += '<li>' + value + '</li>';
}
});
template += '</ul>';
}
return template;
}
var create_template = function ($aDatas) {
var $tableList = $('.table-fixed tbody');
if ($aDatas.length > 0) {
$tableList.html('');
$aDatas.forEach(function (el, index) {
console.log(el)
var class1 = index == 0 ? 'active' : '';
var dateRdv = el.date_rdv ? el.date_rdv : 'Aucun Rdv'
var url = el.type === 'fiche' ? '/medecin/page-web' + '/' : '/cabinet' + '/';
var template = '<tr class="' + class1 + '">\n' +
'\t\t\t\t\t\t\t\t\t\t<td><a class ="link" href ="' + url + el.url + '">' + el.lastname + ' ' + el.firstname + '</a></td>\n' +
'\t\t\t\t\t\t\t\t\t\t<td>' + el.speciality + '</td>\n' +
'\t\t\t\t\t\t\t\t\t\t<td>' + dateRdv + '</td>\n' +
'\t\t\t\t\t\t\t\t\t\t<td><i data="' + index + '" class ="fas fa-map-marker-alt link_map"></i></td>\n' +
'\t\t\t\t\t\t\t\t\t</tr>';
$tableList.append(template);
choice_list();
});
} else {
$tableList.html('<tr><td colspan="4"><p style="float:left" >Aucun resultat...</p></td></tr>')
}
}
var choice_list = function choice_list() {
var $link = $('.link_map');
$link.on('click', function (e) {
e.preventDefault();
var index = $(this).attr('data');
var tmp = datas[0];
datas[0] = datas[index];
datas[index] = tmp;
marker.clearMarkers();
load_map(datas);
update_template(index);
});
}
var update_template = function update_template(indexCurrent) {
var $link = $('.link_map');
$link.each(function (el) {
var index = $(this).attr('data');
if (index == 0) {
$(this).attr('data', indexCurrent);
$(this).parents('tr').removeClass('active');
}
if (index == indexCurrent) {
$(this).attr('data', 0);
$(this).parents('tr').addClass('active');
}
});
}
var setIconMarkers_position = function ($type) {
var icon = $type === 1 ? new OpenLayers.Icon('/uploads/img_openStreepMap/marker_1.png') : new OpenLayers.Icon('/uploads/img_openStreepMap/marker_2.png')
return icon;
}
var createMarkers = function (map) {
var markers = new OpenLayers.Layer.Markers("Markers");
map.addLayer(markers);
return markers;
}
var addMarkers = function (markers, position, icon) {
markers.addMarker(new OpenLayers.Marker(position, icon));
}
var create_position = function ($lon, $lat) {
var fromProjection = new OpenLayers.Projection("EPSG:4326");
var toProjection = new OpenLayers.Projection("EPSG:900913");
var position = new OpenLayers.LonLat($lon, $lat).transform(fromProjection, toProjection);
return position;
}
var create_map = function ($idMap) {
var mapoptions = {
controls: [
new OpenLayers.Control.Navigation(),
new OpenLayers.Control.PanZoomBar(),
new OpenLayers.Control.Attribution()
]
};
map = new OpenLayers.Map($idMap, mapoptions);
var mapnik = new OpenLayers.Layer.OSM();
//var gmap = new OpenLayers.Layer.Google("Google Streets");
map.addLayers([mapnik]);
console.log(map)
return map;
}
var map_center = function (position, zoom) {
map.setCenter(position, zoom);
}
var back_nav = $(window).on('popstate', function (e) {
var state = e.originalEvent.state;
//alert(state);
});
var zoom = 13;
var map = create_map("map_wrapper");
var marker = createMarkers(map);
var datas = [];
function updateBtnMessage() {
$('.btn.btn_new_message').on('click', function (e) {
e.preventDefault();
alert('Vous devez être connecté pour envoyer une message.');
});
}
$(document).on('click', ".geolocation_", function () {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(setPosition);
}
});
function setPosition(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var apiLink = "https://nominatim.openstreetmap.org/reverse?format=jsonv2&lat=" + latitude + "&lon=" + longitude;
$(".address-lat").val(latitude);
$(".address-lon").val(longitude);
$.get(apiLink, function (data) {
$(".address.input-text").val(data.address.road
+ ", " + data.address.state + ", " + data.address.country);
});
$("[name=]").submit();
}
var btnSeeMore = function () {
$(".btn-see-more-infoMedecin").on("click", function (e) {
e.preventDefault();
$(this).parent().find(".see-more-infoMedecin").removeClass("limit-display");
$(this).remove();
})
}
/** init **/
var init = function () {
datas = get_data_position();
load_map(datas);
btnSeeMore();
/// create_template2(datas)
///on_search();
// on_serach_filter();
if (datas.length === 0) {
$refrech_data();
}
};
/** return **/
return {
init: init
}
})();
$(window).on('load', Module.init);
$('body').on('click', '.btn-register', function (e) {
e.preventDefault();
$('body').addClass('loading');
var urlAccount = $(this).attr('href');
$.ajax({
url: urlAccount,
success: function (data) {
$('#popup-login').modal('hide');
$('.content-inscripion').html(data.content)
$('#popup-incription').modal();
}
}).always(function () {
$('body').removeClass('loading');
});
});
$('body').on('click', '.btn-new-account', function (e) {
e.preventDefault();
var form = $('.form-register');
var formValues = form.serialize();
$('body').addClass('loading');
$.ajax({
method: 'post',
url: form.attr('data-url'),
data: formValues,
success: function (data) {
var message = ''
if (data.content == '') {
message = 'Votre compte a été enregistré avec succès, vous pouvez désormais prendre un rendez-vous.'
flashMessageSucces(message);
var url = $('.to-liste-attente').attr('href');
document.location = url;
} else {
$('.content-inscripion').html(data.content)
message = 'Une erreur s\'est produite lors de votre inscription,veuillez vérifier vos champs.'
flashMessageFailed(message);
}
}
}).always(function () {
$('body').removeClass('loading');
});
});
var flashMessageSucces = function (message) {
var $messageFlash = '<div class="flash-notice action-notif alert-dismissable">\\n\' +\n' +
' \' <p style="z-index: 1100" class = "flashNotice-body action-succes"><span class = "close-btn flash"><i class="fas fa-times"></i>close </span><i class="fas fa-check"></i>' + message + '</p>\\n\' +\n' +
' \' </div>';
$('body').append($messageFlash);
setTimerAlert();
}
var flashMessageFailed = function (message) {
var $messageFlash = '<div style="z-index: 1100" class="flash-notice action-notif alert-dismissable">\\n\' +\n' +
' \' <p style="z-index: 1100" class = "flashNotice-body action-failed"><span class = "close-btn flash"><i class="fas fa-times"></i>close </span><i class="fas fa-close"></i>' + message + '.</p>\\n\' +\n' +
' \' </div>';
$('body').append($messageFlash);
setTimerAlert();
}
var flashMessageNotif = function (message) {
var $messageFlash = '<div style="z-index: 1100" class="flash-notice action-notif alert-dismissable">\\n\' +\n' +
' \' <p style="z-index: 1100" class = "flashNotice-body action-notif"><span class = "close-btn flash"><i class="fas fa-times"></i>close </span><i class="fas fa-info"></i>' + message + '</p>\\n\' +\n' +
' \' </div>';
$('body').append($messageFlash);
setTimerAlert()
}
function setTimerAlert() {
window.setTimeout(function () {
$(".flash-notice").fadeTo(500, 0).slideUp(2000, function () {
$(this).remove();
});
}, 4000);
var btn_cllose = $('.flashNotice-body .close-btn');
btn_cllose.on('click', function () {
$(this).parents('.flash-notice').remove();
});
}
$('.content-login').on('click', '.btn-connexion-bo', function (e) {
e.preventDefault();
var count = 0;
$('.content-login').find('.input-text').each(function () {
if ($(this).val() === '') {
$(this).addClass('errors');
count = 1;
} else {
$(this).removeClass('errors');
}
});
if (count === 0) {
checkTypeCheck()
}
});
var submitFormLogin = function (valid) {
var form = $('.form');
var formValues = form.serialize();
var urlLogin = form.attr('action');
$('body').addClass('loading');
$.ajax({
method: 'post',
url: urlLogin,
data: formValues,
success: function (data) {
if (valid == 1) {
document.location = $('.to-liste-attente').attr('href');
$('#popup-login').modal('hide');
$('#modal-choice-account').modal('hide');
} else {
if (data.content == undefined) {
document.location = '/connecting';
$('#popup-login').modal('hide');
} else {
$('.content-login').html('');
$('.content-login').html(data.content)
var message = 'Une erreur s\'est produite lors de votre connexion,veuillez vérifier vos identifiants.'
flashMessageFailed(message);
}
}
$('body').removeClass('loading');
}
}).errors(function () {
var message = 'Une erreur s\'est produite lors de votre connexion.'
flashMessageFailed(message);
$('body').removeClass('loading');
});
}
var checkTypeCheck = function ($idPatient) {
var datas = {}
datas['username'] = $('#username').val();
datas['password'] = $('#password').val();
$('body').addClass('loading');
$.ajax({
url: '/authentification/check-type-account/' + $idPatient,
method: 'post',
data: datas,
dataType: 'json',
success: function (data) {
if (data.length == 0 || data['type'] === 'fiche') {
submitFormLogin();
} else {
$('.compte-choice ul').html('');
if (Object.keys(data['list']).length > 0) {
var $i = 0;
$.each(data['list'], function (index, item) {
if ($i == 0) {
var template = templatePatient(item, 1, $idPatient);
} else {
var template = templatePatient(item, null, $idPatient);
}
$('.compte-choice ul').append(template);
$i++
});
$('#modal-choice-account').modal();
}
changeRadio();
checkChangeValue();
jQuery('[data-toggle="tooltip"]').tooltip('dispose');
jQuery('[data-toggle="tooltip"]').tooltip();
}
}
}).always(function () {
$('body').removeClass('loading');
});
};
function changeRadio() {
$('input:radio[name="compte-choice"]').change(
function () {
var tr = $(this).parents('tr');
if ($(this).prop('checked')) {
tr.addClass('active');
} else {
tr.removeClass('active');
}
checkChangeValue();
}
);
}
function checkChangeValue() {
$('#id_patient_actif').val($('input[name=compte-choice]:checked').val());
}
$("body").on('click', '#btn-valider-choice-compte', function (e) {
if ($('input[name=compte-choice]:checked').val()) {
checkChangeValue();
submitFormLogin(1);
}
})
$(document).ready(function () {
setTimeout(function () {
var $_scroll2 = $(".choice-type-prestation ul.list");
$_scroll2.mCustomScrollbar();
}, 1000);
setTimeout(function () {
$(".step_3 .for-select ul.list").mCustomScrollbar();
}, 1000);
});
</script>
<footer>
<div>
</div>
<div class="bloc-social-network center">
<ul class = "list">
<li class ="item">
<a href = "https://www.facebook.com/Gpssante/" class = "link"><i class="fab fa-facebook-f"></i></a>
</li>
<li class ="item">
<a href = "https://twitter.com/Gpssantefrance" class = "link"><i class="fab fa-twitter"></i></a>
</li>
<li class ="item">
<a href = "https://www.linkedin.com/company/gps-santé" class = "link"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class ="item">
<a href = "https://www.instagram.com/gpssante" class = "link"><i class="fab fa-instagram"></i></a>
</li>
<li class ="item">
<a href = "https://www.youtube.com/channel/UCiZkTcfDMq9e9O_wz_7nrww" class = "link"><i class="fab fa-youtube"></i></a>
</li>
</ul>
</div>
<div class="footer-link">
<div class="container">
<div class="row">
<div class="col">
<h4 class="title">Informations</h4>
<ul class="list">
<li class="item"><a class="link" href="https://www.gpssante.fr/"><img style="width: 60%;" class = "logo" src = "/assets/images/logo_white.png" alt = "logo"></a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/a-propos-de-nous">A propos de nous</a></li>
<li class="item"><a class="link">Contacts</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/conditions-generales-dutilisation-gps-sante" >Conditions générales d'utilisation</a></li>
</ul>
</div>
<div class="col">
<h4 class="title">Nos Services pour les patients</h4>
<ul class="list">
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/2021/10/01/numeros-durgence">Numéros d'urgences médicales</a></li>
<li class="item"><a class="link" href="https://www.gouvernement.fr/info-coronavirus">Informations Covid-19</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/patient-teleconsultation/">Téléconsultation</a></li>
<li class="item"><a class="link" href="/patient#RDV-medical">Rendez-vous médicaux en ligne</a></li>
<li class="item"><a class="link" href="/patient#messagerie">Messagerie sécurisée</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/nous-contacter-patients">Centre d'aide</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/patient-le-guide-gps-sante">Le guide du patient</a></li>
</ul>
</div>
<div class="col-6">
<div class="row">
<div class="col-6">
<h4 class="title">Nos Services pour les professionnels de santé</h4>
<ul class="list">
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/professionnels-de-sante-agenda-medical-en-ligne-rdv-medicaux-en-ligne">Agenda médical en ligne / rdv médicaux en ligne</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/professionnels-de-sante-permanence-telephonique-telesecretariat-medical">Permanence téléphonique - télésecrétariat médical</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/professionnels-de-sante-teleconsultation">Téléconsultation</a></li>
<li class="item"><a class="link" href="https://www.gpssante.fr/blog/nous-contacter-professionnels">Service d'assistance</a></li>
</ul>
</div>
<div class="col-6">
<h4 class="title">Recherches fréquentes</h4>
<ul class="list">
<li class="item"><a class="link" href="/recherche/medecin-generaliste/clermont-ferrand">Médecin généraliste Clermont-Fernand</a></li>
<li class="item"><a class="link" href="/recherche/medecin-generaliste/lyon">Médecin généraliste Lyon</a></li>
<li class="item"><a class="link" href="/recherche/medecin-generaliste/marseille">Médecin généraliste Marseille</a></li>
<li class="item"><a class="link" href="/recherche/pediatre">Pédiatre Puy de Dôme</a></li>
<li class="item"><a class="link" href="/recherche/gynecologue/clermont-ferrand">Gynécologue Clérmont Ferrand</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h4 class="title">Medecins et praticiens</h4>
<ul class="list">
<li class="item"><a class="link" href="/recherche/actes-de-gynecologie">Actes de gynécologie</a></li>
<li class="item"><a class="link" href="/recherche/acupuncteur">Acupuncteur</a></li>
<li class="item"><a class="link" href="/recherche">Algologue (Médecin de la douleur)</a></li>
<li class="item"><a class="link" href="/recherche/allergologue">Allergologue</a></li>
<li class="item"><a class="link" href="/recherche/angiologue">Angiologue</a></li>
<li class="item"><a class="link" href="/recherche">Art-thérapeute</a></li>
<li class="item"><a class="link" href="/recherche">Auxiliaire de puériculture</a></li>
<li class="item"><a class="link" href="/recherche/cardiologue">Cardiologue - maladies vasculaires</a></li>
<li class="item"><a class="link" href="/recherche">Centre épilation laser et anti-âge</a></li>
<li class="item"><a class="link" href="/recherche/chirurgien-dentiste">Chirurgien dentiste</a></li>
</ul>
<div class="btn-app-wrapper d-flex justify-content-between align-items-center">
<div
class="store-badge"
data-name="GPS SANTE"
data-google-play-url=""
data-app-store-url=""
></div>
<script async src="https://cdn.jsdelivr.net/npm/store-badge@1/build/bundle.js"></script>
</div>
<a href="" target="_blank">
<div class="bg-light">
<img src="/assets/images/mangopay-terms.png" alt="">
</div>
</a>
<script>
$(document).ready(function (){
$('.store-badge-app-store').attr('target','_blank')
$('.store-badge-google-play').attr('target','_blank')
})
</script>
</div>
<div class="col-6">
<div class="row">
<div class="col-6">
<h4 class="title"> </h4>
<ul class="list">
<li class="item"><a class="link" href="/recherche/Conseil%20en%20nutrition">Conseil en nutrition</a></li>
<li class="item"><a class="link" href="/recherche/dermatologue">Dermatologue</a></li>
<li class="item"><a class="link" href="/recherche/dermatologue-venerologue">Dermatologue et vénérologue</a></li>
<li class="item"><a class="link" href="/recherche">Diététicien</a></li>
<li class="item"><a class="link" href="/recherche/nutritionniste">Diététicien Nutritionniste</a></li>
<li class="item"><a class="link" href="/recherche/endocrinologue-diabetologue">Endocrinologue, diabétologue et métabolisme</a></li>
<li class="item"><a class="link" href="/recherche/geriatre">Gériatre</a></li>
<li class="item"><a class="link" href="/recherche/gynecologue">Gynécologue médical</a></li>
<li class="item"><a class="link" href="/recherche/obstetricien">Gynécologue obstétricien</a></li>
<li class="item"><a class="link" href="/recherche/homeopathe">Homéopathe</a></li>
</ul>
</div>
<div class="col-6">
<h4 class="title"> </h4>
<ul class="list">
<li class="item"><a class="link" href="/recherche/specialiste-hypnose">Hypnothérapeute</a></li>
<li class="item"><a class="link" href="/recherche/infirmi%C3%A8re">Infirmier(e)</a></li>
<li class="item"><a class="link" href="/recherche">Maladies de la mémoire</a></li>
<li class="item"><a class="link" href="/recherche/kinesitherapeute">Masseur-Kinésithérapeute D.E</a></li>
<li class="item"><a class="link" href="/recherche/medecin-du-sport">Médecin du sport</a></li>
<li class="item"><a class="link" href="/recherche/estheticienne">Médecin esthétique</a></li>
<li class="item"><a class="link" href="/recherche/medecin-generaliste">Médecin généraliste</a></li>
<li class="item"><a class="link" href="/recherche">Médecin généraliste interne</a></li>
<li class="item"><a class="link" href="/recherche/medecin-legiste-et-expertises-medicales">Médecin légiste et expertises médicales</a></li>
<li class="item"><a class="link" href="/recherche/specialiste-medecine-manuelle">Médecin manuel -ostéopathe</a></li>
</ul>
</div>
</div>
</div>
<div class="col">
<h4 class="title"> </h4>
<ul class="list">
<li class="item"><a class="link" href="/recherche/medecin-nutritionniste">Médecin nutritionniste</a></li>
<li class="item"><a class="link" href="/recherche/medecine-thermale">Médecin thermal</a></li>
<li class="item"><a class="link" href="/recherche/mesotherapeute">Mésothérapeute</a></li>
<li class="item"><a class="link" href="/recherche/microkine">Microkiné</a></li>
<li class="item"><a class="link" href="/recherche">Naturopathe</a></li>
<li class="item"><a class="link" href="/recherche/neonatologue">Néonatologue</a></li>
<li class="item"><a class="link" href="/recherche/neurologue">Neurologue</a></li>
<li class="item"><a class="link" href="/recherche/ophtalmologue">Ophtalmologue</a></li>
<li class="item"><a class="link" href="/recherche/orl">ORL</a></li>
<li class="item"><a class="link" href="/recherche/orthodontiste">Orthodontiste</a></li>
<li class="item"><a class="link" href="/recherche/orthopediste-dento-facial">Orthopédiste dento-facial</a></li>
<li class="item"><a class="link" href="/recherche/orthoptiste">Orthoptiste</a></li>
<li class="item"><a class="link" href="/recherche/osteopathe">Ostéopathe</a></li>
<li class="item"><a class="link" href="/recherche/pathologie-cardio-vasculaire">Pathologie cardio vasculaire</a></li>
<li class="item"><a class="link" href="/recherche/pediatre">Pédiatre</a></li>
<li class="item"><a class="link" href="/recherche/pediatre-capacite-allergologue">Pédiatre - Capacité Allergologue</a></li>
<li class="item"><a class="link" href="/recherche/pedicure-podologue">Pédicure - Podologue</a></li>
<li class="item"><a class="link" href="/recherche/pharmacie">Pharmacie</a></li>
<li class="item"><a class="link" href="/recherche">Phytothérapie</a></li>
<li class="item"><a class="link" href="/recherche/podologue">Podologue</a></li>
<li class="item"><a class="link" href="/recherche">Posturologue</a></li>
<li class="item"><a class="link" href="/recherche">Praticien EMDR</a></li>
<li class="item"><a class="link" href="/recherche">Psychanalyste</a></li>
<li class="item"><a class="link" href="/recherche/psychiatre">Psychiatre</a></li>
<li class="item"><a class="link" href="/recherche/psychologue">Psychologue</a></li>
<li class="item"><a class="link" href="/recherche/psychopraticien">Psychopraticien(ne)</a></li>
<li class="item"><a class="link" href="/recherche/psychotherapeute">Psychothérapeute*</a></li>
<li class="item"><a class="link" href="/recherche">Réflexologue</a></li>
<li class="item"><a class="link" href="/recherche/sage-femme">Sage-femme</a></li>
<li class="item"><a class="link" href="/recherche/Sage-femme%20%C3%A9chographiste">Sage-femme échographiste</a></li>
<li class="item"><a class="link" href="/recherche/sexologue">Sexologue</a></li>
<li class="item"><a class="link" href="/recherche">Sophrologue*</a></li>
<li class="item"><a class="link" href="/recherche/suivi-de-l-enfant">Suivi de l'enfant</a></li>
<li class="item"><a class="link" href="/recherche/therapeute">Thérapeute</a></li>
<li class="item"><a class="link" href="/recherche">Thérapie par le Jeu et la Créativité</a></li>
<li class="item"><a class="link" href="/recherche">Thérapie Psycho-Corporelle</a></li>
<li class="item"><a class="link" href="/recherche/traumatologue">Traumatologue</a></li>
<li class="item"><a class="link" href="/recherche/Autres">z-Autres</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class = "item footer_social">
© GPS Santé - 2025
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
/****************************** Choix account **************************/
$('.btn.btn-block.btn-connexion-bo').click(function(e){
e.preventDefault();
var count = 0;
$('input .input-text').each(function(){
if($(this).val() === ''){
$(this).addClass('errors');
count = 1;
} else {
$(this).removeClass('errors');
}
});
if ($("#password").val().length === 0) {
$("#password").focus();
return;
}
if(count === 0){
checkCode()
}
});
function templatePatient(patient , first ,$idPatient ){
var countRdv = parseInt(patient['count_rdv']) > 0 ? '\t\t\t\t<span class ="item-content rdvCompteur popup-compteur">\t\t\t\t\n' +
'\t\t\t\t\t<span class ="compteur-wrapper position-relative" ><i class ="fa fa-calendar-alt" data-toggle="tooltip" data-placement="top" data-original-title="Rendez-vous à venir."></i><span class="compteur-number position-absolute">'+patient['count_rdv']+'</span></span>\t\t\t\t\t\n' +
'\t\t\t\t</span>\n' : '';
var countMessage = parseInt(patient['count_message']) > 0 ? '\t\t\t\t<span class ="item-content messageCompteur popup-compteur">\t\t\t\t\n' +
'\t\t\t\t\t<span class ="compteur-wrapper position-relative" ><i class ="fa fa-envelope" data-toggle="tooltip" data-placement="top" data-original-title="Messages non lus." ></i><span class="compteur-number position-absolute">'+patient['count_message']+'</span></span>\t\t\t\t\t\n' +
'\t\t\t\t</span>\n' : '';
var isCheked = '';
if(first == 1){
if($idPatient != null ){
if( patient['id'] == $idPatient ){
isCheked = 'checked';
} else {
isCheked = '';
}
} else {
isCheked = 'checked';
}
var $tamplate = '<li class ="item">\n' +
'<input value="'+patient["id"]+'" type="radio" id="compte'+patient["id"]+'" name="compte-choice" '+isCheked+' >' +
'\t\t\t<label class="compte-choice-wrapperLabel" for ="compte'+patient["id"]+'" >' +
'\t\t\t\t<span class ="item-content avatar-icon">\n' +
'\t\t\t\t\t<span class = "avatar-wrapper" style="background:url('+patient["profil_account"]+');background-size: cover;"></span>\n' +
'\t\t\t\t</span>\n' +
'\t\t\t\t<span class ="item-content name">\n' +
'\t\t\t\t\t'+patient["nom"]+' '+patient["prenom"]+' \n' +
'\t\t\t\t</span>\n' +countMessage + countRdv+
'\t\t\t\t<span class ="item-content radioBtn">\t\t\t\t\n' +
'\t\t\t\t\t<span class ="btn" ><i class ="fa fa-circle"></i></span>\t\t\t\t\t\n' +
'\t\t\t\t</span>\n' +
'\t\t\t</label>\n' +
'\t\t</li> ';
} else {
if($idPatient != null ){
if( patient['id'] == $idPatient ){
isCheked = 'checked';
} else {
isCheked = '';
}
} else {
isCheked = '';
}
var $tamplate = '<li class ="item">\n' +
'<input value="'+patient["id"]+'" type="radio" id="compte'+patient["id"]+'" name="compte-choice" '+isCheked+'>' +
'\t\t\t<label class="compte-choice-wrapperLabel" for ="compte'+patient["id"]+'" >' +
'\t\t\t\t<span class ="item-content avatar-icon">\n' +
'\t\t\t\t\t<span class = "avatar-wrapper" style="background:url('+patient["profil_account"]+');background-size: cover;"></span>\n' +
'\t\t\t\t</span>\n' +
'\t\t\t\t<span class ="item-content name">\n' +
'\t\t\t\t\t'+patient["nom"]+' '+patient["prenom"]+' \n' +
'\t\t\t\t</span>' +countMessage + countRdv+
'\t\t\t\t<span class ="item-content radioBtn">\t\t\t\t\n' +
'\t\t\t\t\t<span class ="btn" ><i class ="fa fa-circle"></i></span>\t\t\t\t\t\n' +
'\t\t\t\t</span>\n' +
'\t\t\t</label>\n' +
'\t\t</li> ';
}
return $tamplate;
}
function resetForm(id, el) {
$('#'+id+' '+el).each(function (e) {
$(this).val('');
});
}
$(document).on('click', '#btn-valider-code', function (e) {
e.preventDefault();
let isValidForm = true;
$('#codeForm input').each(function (i, el) {
$(el).removeClass('errors');
if (!$(el).val()) {
$('#msg-error-code-required').removeClass('d-none');
$('#msg-error-code-invalid-1').addClass('d-none');
$(el).addClass('required-field errors');
isValidForm = false;
}
});
if (isValidForm) {
checkType()
}
});
function nextField(event, field) {
var currentField = event.target;
var lengthMax = parseInt(currentField.getAttribute('maxlength'));
if (currentField.value.length >= lengthMax) {
var fieldNext = document.getElementById(field);
if (fieldNext) {
fieldNext.focus();
}
}
}
$(".code-digit").on("keydown", function(event) {
if (event.which == 8) {
var currentInputId = $(this).attr("id");
if ($(this).val().length === 0) {
var currentInputNumber = parseInt(currentInputId.replace("_code", ""));
if (currentInputNumber === 1) return;
$("#_code" + (currentInputNumber - 1)).focus();
}
}
});
$(".code-digit").on("paste", function(event) {
event.preventDefault();
var pastedText = (event.originalEvent || event).clipboardData.getData('text/plain');
var codes = pastedText.split(' ');
$(".code-digit").each(function(index) {
$(this).val(codes[index]);
});
event.stopPropagation();
});
var timerInterval = 0;
var minutes = 10;
var seconds = 60;
var checkCode = function(){
var datas = {}
datas['username'] = $('#username').val().trim();
datas['password'] = $('#password').val();
$('body').addClass('loading');
$.ajax({
url: '/two-factor-code',
method: 'POST',
data: datas,
dataType: 'json',
success: function(data){
$(".alert-danger").each(function (e) {
$(this).addClass('d-none');
});
// désactiver double authentification pour le medecin et sécretaire
if (data.code === 'valid' && (data.type_user === 'MEDECIN' || data.type_user === 'SECRETAIRE')) {
checkType();
return;
}
if (data.code === "BLOCKED") {
Swal.fire({
html: '<p>Votre compte est actuellement bloqué. Pour plus d\'informations, veuillez nous : <a href="https://www.gpssante.fr/blog/nous-contacter-patients/" target="_blank">Centre d\'aide</a></p>',
icon: "error"
});
return;
}
if (data.code === 'NOT_ENABLE_MFA') {
checkType();
return;
}
// fin desactivation double authentification pour medecin
if (data.not_authorized_send_code) {
$('.code-authentification').slideDown();
$('.form-connexion').slideUp('slow');
$('#msg-error-user-not-found').addClass('d-none');
$('#msg_error_waitting').removeClass('d-none');
$('#address_email').text(data.email);
minutes = parseInt(data.minutes);
seconds = parseInt(data.second);
if (timerInterval !== 0) {
clearInterval(timerInterval);
}
updateRemainingTime('left-time');
timerInterval = setInterval(function() {
updateRemainingTime("left-time");
}, 1000);
return;
}
if (data.code === 'NOT_FOUND') {
$('#msg-error-user-not-found').removeClass('d-none');
$('#msg_error_waitting').addClass('d-none');
return ;
}
if( data.length == 0 || data['type'] === 'fiche' ){
$('.form').submit();
} else if(data.notAuthorized){
Swal.fire({
html: '<p>Votre compte a été bloqué, veuillez réessayer dans 3 minutes ou contactez nos services : <a href="https://www.gpssante.fr/blog/nous-contacter-patients/" target="_blank">Centre d\'aide</a></p>',
icon: "error"
});
} else if(data.nbreTentative){
if(data.nbreTentative == 1){
$('#msg_error_1').removeClass('d-none');
$('#msg-error-user-not-found').addClass('d-none');
$('#msg_error_2').addClass('d-none');
$('#msg_error_waitting').addClass('d-none');
}else if(data.nbreTentative == 2){
$('#msg_error_1').addClass('d-none');
$('#msg_error_2').removeClass('d-none');
$('#msg-error-user-not-found').addClass('d-none');
$('#msg_error_waitting').addClass('d-none');
}else if(data.nbreTentative >= 3){
$('#msg_error_1').addClass('d-none');
$('#msg_error_2').addClass('d-none');
$('#msg-error-user-not-found').addClass('d-none');
$('#msg_error_waitting').addClass('d-none');
Swal.fire({
html: '<p>Votre compte a été bloqué, veuillez réessayer dans 3 minutes ou contactez nos services : <a href="https://www.gpssante.fr/blog/nous-contacter-patients/" target="_blank">Centre d\'aide</a></p>',
icon: "error"
});
}
} else {
$('#msg_error_1').addClass('d-none');
$('#msg_error_2').addClass('d-none');
$('#msg-error-user-not-found').addClass('d-none');
$('#msg-error-code-required').addClass('d-none')
$('#msg_error_waitting').addClass('d-none');
resetForm("codeForm", 'input');
//$('#modal-code').modal();
$('.code-authentification').slideDown('slow');
resetCode();
$('#_code1').focus()
$('.form-connexion').slideUp();
if (data.code === "SEND_MAIL") {
minutes = parseInt(data.min);
seconds = parseInt(data.sec);
$('#address_email').text(data.email);
if (timerInterval !== 0) {
clearInterval(timerInterval);
}
updateRemainingTime('left-time');
timerInterval = setInterval(function() {
updateRemainingTime("left-time");
}, 1000);
}
}
}
}).always(function(){
$('body').removeClass('loading');
});
}
var resetCode = function () {
$('#_code1').val('');
$('#_code2').val('');
$('#_code3').val('');
$('#_code4').val('');
$('#_code5').val('');
$('#_code6').val('');
}
$('.request-code').on('click', function (e) {
$('body').addClass('loading')
$.ajax({
url : '/re-send-code',
success : function (data) {
minutes = parseInt(data.min);
seconds = parseInt(data.second);
$('#address_email').text(data.email);
if (timerInterval !== 0) {
clearInterval(timerInterval);
}
updateRemainingTime('left-time');
timerInterval = setInterval(function() {
updateRemainingTime("left-time");
}, 1000);
$('body').removeClass('loading');
},
always: function () {
$('body').removeClass('loading');
},
})
});
function updateRemainingTime(id) {
seconds -= 1;
if (seconds === 0) {
seconds = minutes === 0 ? 0 : 60;
minutes -= minutes === 0 ? 0 : 1;
}
// Construire la chaîne de temps restant
var timeString = minutes + ":" + seconds;
// Mettre à jour l'élément HTML avec l'ID #left-time
document.getElementById(id).innerHTML = timeString;
// Vérifier si le temps restant est écoulé
if (minutes <= 0 && seconds <= 0) {
clearInterval(timerInterval);
$('.request-code').removeClass('d-none');
}
}
var checkType = function ($idPatient){
var datas = {}
datas['username'] = $('#username').val().trim();
datas['password'] = $('#password').val();
datas['token'] = $('#token_firebase').val();
var code = '';
$('.code-digit').each(function() {
code += $(this).val();
});
datas['code'] = code;
$('body').addClass('loading');
$.ajax({
url: '/authentification/check-type-account/'+$idPatient,
method: 'post',
data: datas,
dataType: 'json',
success: function(data){
$(".alert-danger").each(function (e) {
$(this).addClass('d-none');
});
if (data.code === "BLOCKED") {
Swal.fire({
html: '<p>Votre compte a été bloqué, veuillez réessayer dans 3 minutes ou contactez nos services : <a href="https://www.gpssante.fr/blog/nous-contacter-patients/" target="_blank">Centre d\'aide</a></p>',
icon: "error"
});
$('body').removeClass('loading');
return;
}
if (data.code === 'EXPIRED') {
resetCode();
$("#password").val("");
$('.code-authentification').slideUp('slow');
$('.form-connexion').slideDown();
$("#msg_code_expire").removeClass('d-none')
return;
}
if (data.code === 'invalid') {
$("#msg-error-code-required").addClass('d-none');
switch (data.attempts) {
case 1 :
$('#msg-error-code-invalid-1').removeClass('d-none');
break;
case 2 :
$('#msg-error-code-invalid-1').removeClass('d-none');
$('#msg-error-code-invalid-1').html(`
<p>Erreur dans le code, veuillez réessayer. </p>
<p class="text-danger">attention vous allez faire votre dernier essai</p>
`);
break;
case 3 :
$('#msg-error-code-invalid-1').addClass('d-none');
$('#modal-code').modal('hide');
Swal.fire({
html: '<p>Votre code est expiré, veuillez attendre 3 minutes pour redemander un nouveau code.</p>',
icon: "error"
});
break;
}
return;
}
if( data.length == 0 ||
data['type'] === 'fiche' ||
data.type_user === 'MEDECIN' ||
data.type_user === 'SECRETAIRE' ||
data['type'] === 'SECRETAIRE' ||
data['code'] === 'NOT_ENABLE_MFA'
)
{
$('.form').submit();
} else {
$('.compte-choice ul').html('');
if(Object.keys(data['list']).length > 0 ){
var $i = 0;
$.each(data['list'],function(index,item){
if($i == 0){
var template = templatePatient(item,1,$idPatient);
} else {
var template = templatePatient(item,null,$idPatient);
}
$('.compte-choice ul').append(template);
$i++
});
$('#modal-code').modal('hide');
$('#modal-choice-account').modal();
}
changeRadio();
checkChangeValue();
jQuery('[data-toggle="tooltip"]').tooltip('dispose');
jQuery('[data-toggle="tooltip"]').tooltip();
}
}
}).always(function(){
$('body').removeClass('loading');
});
function changeRadio(){
$('input:radio[name="compte-choice"]').change(
function(){
var tr = $(this).parents('tr');
if($(this).prop('checked')) {
tr.addClass('active');
} else {
tr.removeClass('active');
}
checkChangeValue();
}
);
}
function checkChangeValue(){
$('#id_patient_actif').val($('input[name=compte-choice]:checked').val());
}
var changePatientValue = function ($idPatient){
$('body').addClass('loading');
$.ajax({
url: '/authentification/change/'+$idPatient,
method: 'get',
data: datas,
dataType: 'json',
success: function(data){
location.reload(true);
}
}).always(function(){
$('body').removeClass('loading');
});
}
$("body").on('click','#btn-valider-choice-compte',function(e){
if($('input[name=compte-choice]:checked').val()){
checkChangeValue();
//$('.form').submit();
let url = $('.form').attr('action');
$.ajax({
url : url,
type : 'POST',
data: $('.form').serializeArray(),
success : function (response) {
window.location.reload();
}
})
}
})
$('.cancel').click(function(e){
$('.id_patient_actif').val('');
})
}
function storeToken(token) {
$('#token_firebase').val(token);
/*$.ajax({
url : '/firebase/store/token',
type : 'POST',
data : {
'token' : token,
},
success : function (response) {
console.log(response);
}
})*/
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-136329588-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-136329588-1');
</script>
<div
class="fb-customerchat"
page_id="235344307217621"
ref=""
logged_out_greeting="Connectez-vous à Messenger et laissez-vous guider par Iris, notre bot FAQ"
logged_in_greeting="Iris, notre bot FAQ, pour vous guider...">
</div>
</footer>
<style>
.code-input {
display: flex;
justify-content: space-between;
}
.code-digit {
width: 14%;
height: 40px;
margin-right: 5px;
text-align: center;
font-size: 18px;
border: 1px solid #ccc;
border-radius: 5px;
}
</style>
<div class="modal fade custom-modal" id="modal-choice-account" style="z-index: 1091" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title tille-notes" id="exampleModalLabel">CHOIX DU COMPTE</h5>
<button type="button" class="fas close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body-compte">
<div class="compte-choice for-login">
<ul class ="compte-choice-wrapper">
<li class ="item">
<input type="radio" id="compte1" name="compte-choice">
<label class="compte-choice-wrapperLabel" for ="compte1">
<span class ="item-content avatar-icon">
<span class = "avatar-wrapper"></span>
</span>
<span class ="item-content name">
Esmeraude Gougeon def
</span>
<span class ="item-content radioBtn">
<span class ="btn" ><i class ="fa fa-circle"></i></span>
</span>
</label>
</li>
</ul>
<span>Voulez-vous poursuivre avec ce compte?</span>
</div>
</div>
<div class="modal-footer">
<div class = "btn-wrapper with_border_top right">
<button type="button" class="btn cancel" data-dismiss="modal">Non</button>
<button id="btn-valider-choice-compte" class="btn btn-primary" href="#">Oui</button>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
