stanislas/resa-padel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
resa-padel/tests/data/responses/tournaments.html

2459 lines
142 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<title>Evenements</title>
<!------------------ ANALYTICS ------------------>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-69202342-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-69202342-4');
</script>
<script type='module' src='/membre/assets/js/spec/event.js?version=2.6.4.3.9'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="#000000">
<link rel="icon" type="image/png" href="/membre/assets/img/favicon.png" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/membre/assets/img/icon/192x192.png">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/membre/assets/css/style.css?version=2.6.4.3.9">
<link rel="stylesheet" href="/membre/assets/css/custom.css?version=2.6.4.3.9">
<!-- FILEUPLOADER -->
<link href="/library/js/fileuploader/jquery.fileuploader.css?version=2.6.4.3.9" media="all" rel="stylesheet">
<link href="/library/js/fileuploader/jquery.fileuploader-theme-thumbnails.css?version=2.6.4.3.9" media="all" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/library/js/timepicker/jquery.timepicker.css?version=2.6.4.3.9" />
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.js"></script>
<!-- Jquery -->
<script src="/membre/assets/js/lib/jquery-3.4.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<!-- FILEUPLOADER -->
<script src="/library/js/fileuploader/jquery.fileuploader.min.js?version=2.6.4.3.9" type="text/javascript"></script>
<!--FONT AWESOME ---->
<script src="https://kit.fontawesome.com/7a90cbb9a0.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js"></script>
<script src='https://js.stripe.com/v3/'></script><script src='/library/js/payment/stripe.js?version=2.6.4.3.9'></script><link rel='stylesheet' href='/library/css/cardstripe.css?version=2.6.4.3.9'><input type='hidden' name='pkStripe' value='pk_live_ckbVQzHHeD6vjXAbSJLBgVgp' /><input type='hidden' name='accountIdStripe' value='acct_1GkB2DHAqp98zq8v' /><script src='/membre/assets/js/spec/stripe.js?version=2.6.4.3.9'></script>
</head>
<body>
<!-- App Header -->
<script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js'></script>
<script type="text/javascript">
if(localStorage.getItem("themeColor") != null ){
document.documentElement.style.setProperty('--theme-color', localStorage.getItem("themeColor"));
}
$(document).ready(function () {
var themeColor = $('#themeColor').val();
document.documentElement.style.setProperty('--theme-color', themeColor);
});
</script>
<!-- loader -->
<div id="loader">
<div class="spinner-border text-primary" role="status"></div>
<div class="loaderText text-primary"> </div>
</div>
<!-- * loader -->
<div class="appHeader bg-primary text-light">
<div class="left">
<a href="/membre/index.php" class="headerButton">
<ion-icon name="chevron-back-outline" role="img" class="md hydrated" aria-label="chevron back outline"></ion-icon>
Retour
</a>
<!--<a href="#" class="headerButton" data-toggle="modal" data-target="#sidebarPanel">
<ion-icon name="menu-outline"></ion-icon>
</a>-->
<input type="hidden" value="#1e74fd" id="themeColor">
<input type='hidden' name='system' value=''>
</div>
<div class="pageTitle">
Evenements </div>
<div class="right">
<a href="javascript:;" id='notif' class="headerButton" data-toggle="modal" data-target="#centre_notifs">
<ion-icon name="notifications-outline"></ion-icon>
<span class='badge badge-danger'>37</span>
</a>
</div>
</div>
<!-- * App Header -->
<!-- App Capsule -->
<div id="appCapsule" class="event">
<div id="message" class="notification-content"></div>
<!-- carousel full -->
<!--<div class="carousel-full splide">-->
<!-- <div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<img src="/img/bibliotheque/TCP_Ligue_Arcanthe2-01-min.png" alt="logo Evenement" class="imaged w-100 square">
</li>
</ul>
</div>
</div>-->
<!--///////////////////////// SESSIONS ////////////////////////-->
<!--///////////////////////////////////////////////////////////-->
<div class="section full">
<div class="wide-block pt-2 pb-2 product-detail-header">
<div class="detail-footer">
<div class="price">
<div class="current-price">Du lundi 1 août 2022 au mardi 1 octobre 2024</div>
</div>
</div>
<h1 class="title">Padel</h1>
</div>
</div>
<!--///////////////////////// SESSIONS ////////////////////////-->
<!--///////////////////////////////////////////////////////////-->
<div class="section mt-2 row">
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P250 aprem
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>25/03/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>13h30 - 19h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_78317"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P25 matin
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>28/03/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h00 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<button type="button" id='register_78321' data-show-participants="" data-idsession="78321" data-prix="50" data-credit="0" class="btn btn-primary btn-seance mt-1" data-toggle="modal" data-target="#modal_inscript_event">Je m'inscris</button>
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_78321"><span class='nb_place_libre'>1</span> <span>place(s) restante(s)</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P25 matin
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
<div class="ms-05 ml-1">
<ion-icon name="people" style="font-size: 1.4em;" role="image" aria-label="two players icon"></ion-icon>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>30/03/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Open / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h30 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79295"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P100 Femmes
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>30/03/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Femme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h30 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-info ms-05">
<span class="chip-label">Exclusivement pour les femmes.</span>
</div>
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79296"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P250 après-midi
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
<div class="ms-05 ml-1">
<ion-icon name="people" style="font-size: 1.4em;" role="image" aria-label="two players icon"></ion-icon>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>30/03/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Open / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>13h30 - 18h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79297"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P100 matin
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>04/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h00 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79057"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P100 aprem
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>13h30 - 19h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79061"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P25 matin
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>11/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h00 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79058"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P100 mixte
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
<div class="ms-05 ml-1">
<ion-icon name="people" style="font-size: 1.4em;" role="image" aria-label="two players icon"></ion-icon>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>20/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Mixte / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h30 - 13h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79063"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P100
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>20/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h30 - 13h30</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79064"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P250 hommes
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>20/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>13h30 - 19h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79065"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P25 femmes
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>20/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Femme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>14h00 - 18h30</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-info ms-05">
<span class="chip-label">Exclusivement pour les femmes.</span>
</div>
<div class="chip chip-info ms-05 mt-1">
<span class="chip-label nb_place_libre_79066"><span class='nb_place_libre'>8</span> <span>place(s) restante(s)</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P250 aprem
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>22/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>13h30 - 19h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79062"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
<input type='hidden' name='searchDate' value='0'/>
<div class="col-md-6 col-12 col-sm-12 mb-3 ">
<div class="card mb-2 mr-1 ml-1">
<div class="card-body ">
<h5 class="card-title d-flex justify-content-between">
Tournoi P25 matin
<!--affichage du tarif-->
<div class="d-flex justify-content-around">
<div class="chip chip-success ms-05 ml-1">
<span class="chip-label">50,00 € </span>
</div>
</div>
</h5>
<div class="row">
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>25/04/2024</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>Homme / Double</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div>08h00 - 12h00</div><!-- 8h - 15h-->
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-12 mt-3 d-flex justify-content-between align-items-center flex-verysm-column">
<div class="chip chip-warning ms-05 mt-1">
<span class="chip-label nb_place_libre_79060"><span class='nb_place_libre'>Complet</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--///////////////////////// CIUP OPTION START////////////////-->
<!--///////////////////////////////////////////////////////////-->
<!--///////////////////////// CIUP OPTION END//////////////////-->
<!--///////////////////////// AUTRE EVENT ////////////////////////-->
<!--//////////////////////////////////////////////////////////////-->
<!-- app footer -->
<div class="appFooter">
<img src="/img/logo-club/file-15887811055eb2e0313d32c.png" alt="icon" class="footer-logo mb-2">
<div class="footer-title">
Copyright © Gestion-Sports 2024. Tous droits réservés.
</div>
<div>
<button type="button" class="btn btn-text-secondary me-1 mb-1 btnLoadIframe" data-toggle="modal" data-target="#loadIframe" data-link='https://www.gestion-sports.fr/conditions-generales-dutilisation/' data-title='Mentions légales'>Mentions Légales</button>
<button type="button" class="btn btn-text-secondary me-1 mb-1 btnLoadIframe" data-toggle="modal" data-target="#loadIframe" data-link='https://www.gestion-sports.fr/conditions-generales-dutilisation/' data-title='Conditions générales Gestion-Sports'>CGU</button>
<div class="modal fade modalbox show" style="z-index:1051" id="cgv" data-backdrop="true" tabindex="-1" aria-modal="true" role="dialog" >
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header ">
<h5 class="modal-title w-100 text-center">Conditions Générales de Vente</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<h4>Toulouse Padel Club </h4>
<p>
<b>PREAMBULE</b> <br/><br/>
Gestion Sports est une plateforme de services internet à destination de Clubs de sport, clients de la société Gestion Sports.</br>
Les présentes Conditions Générales de Vente (CGV) ont pour objet de définir les termes et conditions qui s’imposent à toute personne physique qui souscrit à un abonnement proposé par le Club sur la Plateforme.
</p>
<h4>DEFINITIONS </h4>
<p>
Le terme « Club » vise exclusivement les personnes physiques ou morales qui sont clients de la société Gestion Sports et qui ont accès à l’interface spécifique des dirigeants de club. </br>
Le terme « Bon de commande » désigne le formulaire d’inscription en format électronique permettant la souscription d’un Abonnement. </br>
Le terme « Utilisateur » désigne toute personne physique qui effectue une souscription d’un abonnement, un achat de crédits, une inscription à un événement payant ou bien une location de terrains en application des présentes Conditions Générales. </br>
</p>
<h4>ARTICLE 1 - CONDITIONS D’ACCES AUX ACHATS </h4>
<p>
1.1. Pour bénéficier des services du Club, l’Utilisateur doit procéder à son inscription exclusivement sur le site internet ou sur l’application du Club.</br></br>
1.2. Tout Utilisateur déclare avoir la capacité d’accepter les CGV, c’est-à-dire avoir la majorité numérique légale et ne pas être sous tutelle ou curatelle. </br></br>
Dans l’hypothèse où l’Utilisateur serait une personne physique ne jouissant pas de la majorité numérique légale,
il déclare et reconnaît avoir recueilli l’autorisation auprès de ses parents ou du (des) titulaire(s) de l’autorité parentale le concernant pour
s’inscrire sur la Plateforme. Ainsi, les parents (ou titulaires de l’autorité parentale) sont invités à surveiller l’utilisation faite par leurs enfants de la Plateforme
et à garder présent à l’esprit qu’en leur qualité de tuteur légal il est de leur responsabilité de surveiller l’utilisation qui en est faite.
Toute demande d’inscription générée automatiquement par un robot ou par toute autre méthode sera refusée..<br/><br/>
1.2. L’Utilisateur doit créer un compte sur l’application du club ou sur le lien personnalisé communiqué par le club. À cette fin, il doit renseigner les différents champs du formulaire d’inscription et notamment une adresse e-mail valide et, le cas échéant, un numéro de téléphone.
Une fois son inscription validée, la plateforme de réservation adresse à l’Utilisateur un courrier électronique de confirmation en utilisant l’adresse email du Club.<br/><br/>
1.3. Lorsqu’il renseigne le formulaire d’inscription, l’Utilisateur s’engage à remplir correctement ledit formulaire,
et notamment à ne communiquer que des informations exactes, à jour et complètes.<br/><br/>
1.4. L’Utilisateur est entièrement et exclusivement responsable de l’usage de la Plateforme par lui-même et par tout tiers quel qu’il soit.
Toute connexion ou transmission de données effectuée en utilisant la Plateforme sera réputée avoir été effectuée par l’Utilisateur et sous sa responsabilité exclusive.<br/><br/>
1.5. La société Gestion Sports ne pourra être tenu responsable si les données relatives à l’inscription d’un Utilisateur ne lui parvenaient pas pour une quelconque raison qui ne lui serait pas imputable
(par exemple, un problème de connexion à Internet dû à une quelconque raison chez l’Utilisateur,
une défaillance momentanée de ses serveurs, etc) ou lui arrivaient illisibles ou impossibles à traiter,
(par exemple si l’Utilisateur possède un matériel informatique ou un environnement logiciel inadéquat pour son inscription).<br/><br/>
1.6. La souscription d’un Abonnement, l’achat de crédits, l'inscription à un événement payant ou bien la location de terrains s’effectuent en ligne sur le Site ou l’application du Club
par saisie des données personnelles et informations de paiement demandées et après validation par l’Utilisateur de ses données. Ceci constitue le Bon de commande. <br/><br/>
1.7. L’Utilisateur doit consulter et adhérer sans réserve aux présentes CGV en cochant la case située à côté de la mention « J’ai lu et j’accepte sans réserve les conditions générales de vente».<br/><br/>
</p>
<h4>ARTICLE 2 - TARIF ET PAIEMENT DES ACHATS</h4>
<p>
2.1. Les tarifs sont consultables en ligne. <br/><br/>
2.2. Le paiement s’effectue par CB ou VISA, en saisissant les coordonnées, le cryptogramme visuel et la date d’expiration de sa carte bancaire. <br/><br/>
2.3. Une fois le paiement en ligne effectif et validé par la banque, l’Utilisateur recevra une confirmation par mail avec toutes les données enregistrées concernant sa commande. <br/><br/>
2.4. L’Utilisateur autorise le Club et la plateforme à conserver ses informations bancaires uniquement pour effectuer automatiquement les paiements par carte bancaire suivants lorsque la reconduction tacite de l’abonnement est prévue. <br/><br/>
2.5. De même, l’Utilisateur peut autoriser le Club et la plateforme à conserver ses informations bancaires pour faciliter les prochains paiements en ligne en cochant la case située à côté de la mention « J’autorise la conservation de mes informations bancaires pour faciliter les prochains paiements ». <br/><br/>
</p>
<h4>ARTICLE 3 - DUREE DE L’ABONNEMENT </h4>
<p>
3.1. Les abonnements sont souscrits pour la durée initiale déterminée sur le Bon de Commande. <br/><br/>
</p>
<h4>ARTICLE 4 - DROIT DE RETRACTATION </h4>
<p>
Conformément au Code de la consommation, l’Utilisateur peut exercer son droit de rétractation dans un délai de 14 jours suivant la date de commande en adressant au Club par courrier RAR, exprimant clairement sa volonté de se rétracter. <br/>
Le remboursement de l’Utilisateur s’effectuera à réception du courrier RAR. <br/><br/>
</p>
<h4>ARTICLE 5 - RESILIATION PAR LE CLUB </h4>
<p>
5.1. En cas :</br>
a) d’absence de règlement d’une facture ;</br>
b) de violation par l’Utilisateur du périmètre des droits qui lui sont concédés en application de son Abonnement ou de son Achat ;</br>
c) de tentative d’intrusion, d’atteinte à l’intégrité logicielle ou de contrefaçon des sites internet et Services de Gestion Sports par l’Utilisateur; </br></br>
Le Club peut à sa seule discrétion :</br>
- suspendre l’accès au Service, sans notification préalable à l’Utilisateur , </br>
et/ou</br>
- prononcer la résiliation de l’Abonnement, de plein droit à l’expiration d’un préavis de 15 jours après envoi d’une mise en demeure par lettre recommandé avec demande d’avis de réception.</br></br>
5.2. Dans tous les cas ci-avant, toutes les sommes restant dues par l'Utilisateur seront immédiatement exigibles sans préjudice des dommages et intérêts qui pourraient être dus au Club.</br></br>
</p>
<h4>ARTICLE 6 - INCESSIBILITE</h4>
<p>
L'Utilisateur ne peut céder tout ou partie des droits et obligations résultant des présentes à un tiers, sans l'autorisation expresse et préalable du Club.</br></br>
</p>
<h4>ARTICLE 7 - ACCÈS AUX INFORMATIONS PERSONNELLES</h4>
<p>
7.1. Les Informations Personnelles sont accessibles à tout moment dans la rubrique « Mon Compte » grâce à l’adresse e-mail et au mot de passe de l’Utilisateur.</br></br>
7.2. Conformément à la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, modifiée par la loi n°2004-801 du 6 août 2004 (la « loi Informatique et Libertés »),
l’Utilisateur dispose d’un droit d’accès, de rectification, de suppression et d’opposition relatif aux Informations Personnelles le concernant. Pour l’exercer, celui-ci peut se connecter à son compte ou contacter directement son club.</br></br>
7.3. Toutes les Informations Personnelles sont envoyées et stockées chez l’hébergeur du site gestion-sports.fr situé en France, dont les cordonnées figurent sur la page d’accueil à la rubrique « Mentions Légales ».</br></br>
7.4. Les Informations Personnelles ne seront conservées que pour la durée strictement nécessaire à la gestion de la relation client et prospect et ne dépassant pas la durée durant laquelle le Compte Gestion Sports de l’Utilisateur sera actif.</br></br>
</p>
<h4>ARTICLE 8 - DOCUMENTS CONTRACTUELS</h4>
<p>
8.1. Les documents contractuels constituant les contrats de vente sont par ordre de priorité :</br>
-le Bon de Commande</br>
-les présentes Conditions Générales</br></br>
En cas de contradiction entre les différents documents, le document de rang supérieur prévaudra.</br></br>
8.2. Le Club se réserve le droit de modifier, à tout moment, le contenu des Conditions Générales. De telles modifications donnent lieu à l’édition d’une nouvelle version qui s’appliquera automatiquement aux achats effectués ultérieurement.</br></br>
</p>
<h4>ARTICLE 9 - LOI APPLICABLE ET JURIDICTION COMPETENTE</h4>
<p>
Les présentes Conditions Générales sont soumises au droit français. En cas de litige, les tribunaux français seront seuls compétents.
Les Parties s’engagent cependant à rechercher une solution amiable avant toute action judiciaire.</br></br></br>
</p>
<div class="retractationForm border d-flex w-75 ml-2 p-1 justify-content-start">
<div class="col">
<h4>Annexe – Formulaire de rétractation (Vente à distance) </h4></br>
<p class="text-left">
Le consommateur dispose de 14 jours pour renoncer à son engagement par lettre recommandée
avec accusé de réception (LRAR) à partir de la conclusion du contrat.
Si le jour d'expiration du délai est un samedi,
un dimanche ou un jour férié ou chômé, le délai est prolongé jusqu'au lundi ou le lendemain du jour férié.
</p></br>
<p class="text-left">
À l'attention de .................................. (Nom du Club) , Je notifie par la présente ma rétractation du contrat d’abonnement ci-dessous :
</p></br></br>
<p class="text-left">
Numéro du contrat ou de la commande:
</p></br>
<p class="text-left">
Nom et prénom de l’abonné:
</p></br></br>
<p class="text-left">
Signature de l’abonné
</p></br></br></br>
<em class="text-left">A imprimer et à adresser par lettre recommandé avec AR dans le délai légal de 14 jours.</em>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div class="mt-2">
<a href="javascript:;" class="btn btn-icon btn-sm btn-facebook">
<ion-icon name="logo-facebook"></ion-icon>
</a>
<a href="javascript:;" class="btn btn-icon btn-sm btn-twitter">
<ion-icon name="logo-twitter"></ion-icon>
</a>
<a href="javascript:;" class="btn btn-icon btn-sm btn-linkedin">
<ion-icon name="logo-linkedin"></ion-icon>
</a>
<a href="javascript:;" class="btn btn-icon btn-sm btn-instagram">
<ion-icon name="logo-instagram"></ion-icon>
</a>
<a href="#" class="btn btn-icon btn-sm btn-secondary goTop">
<ion-icon name="arrow-up-outline"></ion-icon>
</a>
</div>-->
</div>
<input type='hidden' name='idClub' value='88'>
<input type='hidden' name='missStar' value='' />
<!-- ///////////// Js Files //////////////////// -->
<!-- Bootstrap-->
<script src="/membre/assets/js/lib/popper.min.js?version=2.6.4.3.9"></script>
<script src="/membre/assets/js/lib/bootstrap.min.js?version=2.6.4.3.9"></script>
<!-- Splide (caroussel crea partie) -->
<script src="/membre/assets/js/plugins/splide/splide.min.js?version=2.6.4.3.9"></script>
<!-- Ionicons -->
<script type="module" src="https://unpkg.com/ionicons@5.0.0/dist/ionicons/ionicons.js"></script>
<!-- Owl Carousel -->
<script src="/membre/assets/js/plugins/owl-carousel/owl.carousel.min.js?version=2.6.4.3.9"></script>
<!-- jQuery Circle Progress -->
<script src="/membre/assets/js/plugins/jquery-circle-progress/circle-progress.min.js?version=2.6.4.3.9"></script>
<!-- Base Js File -->
<script src="/membre/assets/js/base.js?version=2.6.4.3.9"></script>
<div class="modal fade modalbox show" id="mentions_rgpd" data-backdrop="static" tabindex="-1" aria-modal="true" role="dialog" >
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Mentions RGPD</h5>
</div>
<div class="modal-body">
<p>
Vous vous apprêtez à créer un compte sur Gestion sports ou à accéder pour la première fois à celui-ci. <br/><br/>
Si vous créez un compte, les réponses aux questions identifiées par un astérisque sont obligatoires et nécessaires au traitement de votre
demande de création de compte sur Gestion sports.<br/><br/>
Les informations personnelles collectées au moyen du formulaire qui suit sont enregistrées dans un fichier informatisé de données par la CIUP.
</p>
<p>
Pour les partenaires, les salariés de la fondation CIUP, et le personnel travaillant à la CIUP mais non salarié de la fondation CIUP, le compte
est créé directement par la fondation CIUP en accord avec ces derniers et sur la base des informations qui lui sont communiquées directement selon
le cas par le partenaire ou par l’employeur concerné (nom, prénom, adresse e-mail, sexe, numéro de téléphone). <br/>
A l’exception des partenaires, Vous pourrez ensuite compléter votre profil en y ajoutant notamment une photo. <br/><br/>
</p>
<p>
Le traitement est basé sur l’exécution d’un contrat avec la fondation CIUP.<br/><br/>
Vos données ne seront traitées et utilisées que dans la mesure où cela est nécessaire pour : <br/><br/>
- le traitement de votre demande de création de compte, la gestion de votre dossier, de vos abonnements, de vos réservations, à l’accès aux
services proposés sur l’outil et à votre identification à l’entrée des cours de sport via un QR code personnel (usagers personnes physiques). <br/>
- la gestion du contrat, de la facturation et des réservations (personnes morales partenaires de la CIUP) <br/><br/>
Vos informations personnelles sont conservées pour la durée des finalités pour lesquelles elles ont été collectées sauf si : <br/><br/>
• Vous exercez votre droit de suppression des données vous concernant, dans les conditions décrites ci-après ; <br/>
• Une durée de conservation plus longue est autorisée ou imposée en vertu d’une obligation légale ou règlementaire.
</p>
<div class="table-responsive mb-2 mt-2">
<table class="table">
<thead>
<tr>
<th scope="col">Finalités</th>
<th scope="col">Durée de conservation</th>
</tr>
</thead>
<tbody>
<tr>
<td>création de compte, la gestion de votre dossier, de vos abonnements, <br/>
de vos réservations et votre identification à l’entrée <br/>
des cours de sport (usagers personnes physiques)</td>
<td>Durée de l’abonnement + une année</td>
</tr>
<tr>
<td>gestion du contrat, de la facturation et des réservations (partenaires)</td>
<td>Durée de la relation contractuelle + une année</td>
</tr>
</tbody>
</table>
</div>
<p>
Pendant la durée de conservation de vos données personnelles, nous nous engageons à mettre en œuvre les mesures nécessaires en vue d’assurer la
confidentialité et la sécurité de celles-ci. <br/><br/>
L'accès à vos données personnelles est strictement limité à la fondation CIUP, à ses partenaires sportifs, ainsi qu’à ses sous-traitants
(notamment l’éditeur de l’outil Gestion Sports). <br/><br/>
Ces derniers ne peuvent utiliser vos données qu’en conformité avec nos dispositions contractuelles et la législation applicable en matière
de protection des données personnelles.
</p>
<p>
Nous nous engageons ainsi et sauf obligation légale, à ne pas vendre, louer, céder ni donner accès à des tiers à vos données sans votre
consentement préalable. <br/><br/>
L'accès à vos données personnelles est strictement limité à la fondation CIUP, à ses partenaires sportifs, ainsi qu’à ses sous-traitants
(notamment l’éditeur de l’outil Gestion Sports). <br/><br/>
Conformément à la loi n° 78-17 du 6 janvier 1978 modifiée, relative à l'informatique, aux fichiers et aux libertés, vous disposez d'un droit d'accès,
d'opposition, de rectification, de portabilité, et d’effacement des données qui vous concernent, ainsi que d’un droit de limitation du traitement
de celles-ci.<br/><br/>
Pour exercer ce droit, vous pouvez adresser un message électronique à <a href="mailto:dpo@ciup.fr">dpo@ciup.fr</a>
</p>
<p>
Vous pouvez également consulter notre politique de protection des données personnelles sur le site <a href="https://www.ciup.fr/" target="_blank">CIUP.FR</a>.
Pour toute information complémentaire ou réclamation, vous pouvez contacter la Commission Nationale de l’Informatique et des Libertés (<a href="https://www.cnil.fr" target="_blank">www.cnil.fr</a>). <br/><br/>
</p>
<button type="button" class="btn btn-outline-success btn-block mt-4 mb-4" data-dismiss="modal">J'ai compris</button>
</div>
</div>
</div>
</div>
<div class="modal fade modalbox show" id="mentions_resa_hors_abo" data-backdrop="true" tabindex="-1" aria-modal="true" role="dialog" >
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Règlements</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<h3>1. Accès aux courts </h3>
<p>
Avant tout accès aux courts, toute personne désirant jouer doivent obligatoirement figurer au tableau de réservation en ligne, en échange d’une clé
(maison, voiture ou scooter). Pour les personnes non- abonnées, une clé personnelle devra être remise en échange de la clé du court de tennis. <br/><br/>
Le passe sanitaire de chaque joueur est contrôlé avant la remise des clés.Les groupements utilisateurs extérieurs sont durant toute leur présence
(accès, séance, départ) sous la responsabilité et l’autorité de la personne désignée en début d’année auprès de la direction du service des sports. <br/><br/>
L'accès à une partie ou à la totalité des courts peut être interdit de façon ponctuelle (compétitions, travaux et maintenance, conditions atmosphériques
défavorable..). Aucune indemnité compensatoire ne pourra être demandée. <br/><br/>
En cas d’empêchement, de non-attribution du terrain pour force majeure, la réservation en ligne ne donnera pas lieu à une contrepartie financière ou
à un remboursement des frais (si l’annulation est faite 24 heures avant le créneau qui a été réservé par l’utilisateur). <br/><br/>
En cas de retard de plus de 15 minutes, la réservation est annulée sans contrepartie financière. <br/><br/>
Dans la mesure du possible, l'indisponibilité des courts lors de ces périodes sera affichée préalablement en ligne. <br/><br/>
Les utilisateurs de la dernière séance devront avoir évacué les courts de tennis et rendu les clés à l’heure de fin de créneau.
</p>
<h3>2. Réservation des courts </h3>
<p>
Les réservations s'effectuent en ligne sur les courts attribués aux différents groupements utilisateurs à partir du lundi 08h00, pour la semaine à venir.
</p>
<h3>3. Tarifs </h3>
<p>
Les tarifs sont consultables en ligne.
</p>
<h3>4. Temps de jeu </h3>
<p>
Le temps de jeu est d'une durée d'une heure (de heure à heure). <br/><br/>
A la fin du temps de jeu, la clé du court sera remise au contrôleur-gardien en échange de la clé personnelle.
</p>
<h3>5. Comportement et tenue </h3>
<p>
Une tenue adaptée à la pratique du tennis et un comportement correct sont de rigueur. <br/>
L'accès aux courts est réservé aux seuls joueurs autorisés et aux officiels s'il y a lieu. <br/><br/>
Tout matériel ou véhicule (poussette, bicyclette...) est strictement interdit sur les courts de tennis. <br/>
Aucun enseignement ou entraînement ne peut se dérouler sans autorisation préalable. <br/><br/>
En cas d’abus répétés, d’utilisation frauduleuse ou d’un accès illicite aux terrains en dehors des heures d’ouvertures,
l’adhérent pourra être sanctionné sans aucune indemnité financière.
</p>
<button type="button" class="btn btn-outline-success btn-block mt-4 mb-4" data-dismiss="modal">J'ai compris</button>
</div>
</div>
</div>
</div>
<div class="modal fade modalbox show" id="loadIframe" data-backdrop="true" tabindex="-1" aria-modal="true" role="dialog" >
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<span id='iframeinsert'></span>
<button type="button" class="btn btn-outline-success btn-block mt-4 mb-4" data-dismiss="modal">J'ai compris</button>
</div>
</div>
</div>
</div>
<!-- notification -->
<script src="/membre/assets/js/spec/notif.js"></script>
<div id="notification-welcome" class="notification-box">
<div class="notification-dialog android-style">
<div class="notification-header">
<div class="in">
<img src="/img/logo-club/logo-1489134624.png" alt="image" class="imaged w24">
<strong>Le Mas</strong>
<span>à l'instant</span>
</div>
<a href="#" class="close-button">
<ion-icon name="close"></ion-icon>
</a>
</div>
<div class="notification-content">
<div class="in">
<h3 class="subtitle">Titre de la notif</h3>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
</div>
<!-- * notification -->
<!-- alert ERROR -->
<!-- ajouter : data-toggle="modal" data-target="#alert_error" sur le bouton qui doit ouvrir cet alert message -->
<div class="modal fade dialogbox show" id="alert_error" data-backdrop="static" tabindex="-1" aria-modal="true" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-icon text-danger">
<ion-icon name="close-circle" role="img" class="md hydrated" aria-label="close circle"></ion-icon>
</div>
<div class="modal-header">
<h5 class="modal-title">Erreur</h5>
</div>
<div class="modal-body">
This is a dialog message
</div>
<div class="modal-footer">
<div class="btn-inline">
<a href="#" class="btn" data-dismiss="modal">Fermer</a>
</div>
</div>
</div>
</div>
</div>
<!-- * alert error -->
<!-- centre de notification -->
<div class="modal fade modalbox show" id="centre_notifs" data-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Mes notifications</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body p-0">
<div class="wide-block">
<!-- timeline -->
<div id="lesnotifs" class="timeline timed">
<!--<div class="item">
<span class="time">11:00</span>
<div class="dot"></div>
<div class="content">
<h4 class="title">Call Amanda</h4>
<div class="text">Talk about the project</div>
</div>
</div>
<div class="item">
<span class="time">16:40</span>
<div class="dot bg-warning"></div>
<div class="content">
<h4 class="title">Party Night</h4>
<div class="text">Get a ticket for party at tonight 9:00 PM</div>
</div>
</div>
<div class="item">
<span class="time">18:00</span>
<div class="dot bg-info"></div>
<div class="content">
<h4 class="title">New Release</h4>
<div class="text">Export the version 2.3</div>
</div>
</div>-->
</div>
<!-- * timeline -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- * App Capsule -->
<!-- Navigation -->
<!-- App Sidebar -->
<div class="modal fade panelbox panelbox-left" id="sidebarPanel" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body p-0">
<!-- profile box -->
<div class="profileBox">
<div class="image-wrapper">
<img id="avatar-nav" src="/img/avatars/avatar_homme.png" alt="avatar" class="imaged rounded">
</div>
<div class="in">
<strong>Audiard jacques</strong>
</div>
<a href="javascript:;" class="close-sidebar-button" data-dismiss="modal">
<ion-icon name="close"></ion-icon>
</a>
</div>
<!-- * profile box -->
<ul class="listview flush transparent no-line image-listview mt-2">
<li>
<a href=" /membre/reservation.html" class="item">
<div class="icon-box bg-dark">
<i class="fa-solid fa-calendar-days"></i>
</div>
<div class="in">
Réservez </div>
</a>
</li>
<li>
<a href="/membre/mesresas.html" class="item">
<div class="icon-box bg-dark">
<i class="fa-solid fa-calendar-check"></i>
</div>
<div class="in">
Mes Réservations </div>
</a>
</li>
<!--<li>
<a href=" /membre/creation_partie.html" class="item">
<div class="icon-box bg-secondary">
<ion-icon name="add-outline"></ion-icon>
</div>
<div class="in">
Créer une partie
</div>
</a>
</li>-->
<li>
<a href="https://m.facebook.com/groups/204811503213734" target='_blank' class="item">
<div class="icon-box bg-light" style="color: #1877f2; font-size: 30px" >
<ion-icon name="logo-facebook" style="color: #1877f2; background-color:#ffffff "></ion-icon>
</div>
<div class="in">
<div>Padel Social</div>
</div>
</a>
</li>
<li>
<a href="https://www.doctolib.fr/chiropracteur/l-union/laura-dall-armi" target='_blank' class="item">
<div class="icon-box bg-light" style="font-size: 30px" >
<ion-icon name="link-outline"></ion-icon>
</div>
<div class="in">
<div>Chiropraxie</div>
</div>
</a>
</li>
<li>
<a data-toggle="modal" href="#" data-target="#loadIframe" data-link='https://www.padelskills.fr/TPC/classement-club' class="item btnLoadIframe" >
<div class="icon-box bg-light" style="font-size: 30px" >
<ion-icon name="link-outline"></ion-icon>
</div>
<div class="in">
<div>Classement TPC</div>
</div>
</a>
</li>
<li>
<a data-toggle="modal" href="#" data-target="#loadIframe" data-link='https://studio-tpc.fr/' class="item btnLoadIframe" >
<div class="icon-box bg-light" style="font-size: 30px" >
<ion-icon name="link-outline"></ion-icon>
</div>
<div class="in">
<div>Studio TPC</div>
</div>
</a>
</li>
<!--li>
<a href="page-chat.html" class="item">
<div class="icon-box bg-success">
<ion-icon name="chatbubble-ellipses-outline"></ion-icon>
</div>
<div class="in">
<div>Chat</div>
<span class="badge badge-danger">5</span>
</div>
</a>
</li-->
</ul>
<div class="listview-title mt-2 mb-1">
<span>Le club</span>
</div>
<ul class="listview image-listview flush transparent no-line">
<li>
<a href=" /membre/actus/actus.html" class="item ">
<div class="icon-box bg-light">
<ion-icon name="megaphone-outline"></ion-icon>
</div>
<div class="in">
<div>Actualités</div>
</div>
</a>
</li>
<!-- <li>-->
<!-- <a href=" /membre/notre_equipe.php" class="item">-->
<!-- <div class="icon-box bg-light">-->
<!-- <ion-icon name="people-outline"></ion-icon>-->
<!-- </div>-->
<!-- <div class="in">-->
<!-- <div>Notre équipe</div>-->
<!-- </div>-->
<!-- </a>-->
<!-- </li>-->
</ul>
</div>
<!-- sidebar buttons -->
<div class="sidebar-buttons">
<a href="/library/scripts/deconnect.php" class="button">
<ion-icon name="log-out-outline"></ion-icon>
<small style='font-size:12px' class='ml-1'>Déconnexion</small>
</a>
</div>
<!-- * sidebar buttons -->
</div>
</div>
</div>
<!-- * App Sidebar -->
<!-- Menu Bottom -->
<div class="appBottomMenu">
<a href="/membre" class="item">
<div class="col">
<ion-icon name="home-outline" role="img" class="md hydrated" aria-label="home outline"></ion-icon>
Accueil
</div>
</a>
<a href='/membre/actus/actus.html' class="item ">
<div class="col">
<ion-icon name="megaphone-outline"></ion-icon>
Actualités
</div>
</a>
<a href='/membre/reservation.html' class="item">
<div class="col">
<div class="globe-principal">
<ion-icon name="calendar-outline"></ion-icon>
<span>Réserver</span>
</div>
</div>
</a>
<a href='/membre/compte/menu.html' class="item">
<div class="col">
<ion-icon name="person-outline" role="img" class="md hydrated" aria-label="person outline"></ion-icon>
Compte
</div>
</a>
<a data-toggle="modal" data-target="#sidebarPanel" class="item">
<div class="col">
<ion-icon name="menu-outline" role="img" class="md hydrated" aria-label="menu outline"></ion-icon>
Menu
</div>
</a>
</div>
<!-- * Menu Bottom -->
<!--///////////////////////// POPUP INSCRIPTION ////////////////////////-->
<!--////////////////////////////////////////////////////////////////////-->
<div class="modal fade modalbox" id="modal_inscript_event" data-bs-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
Nom de l'évènement / Session
</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<div class="row">
<ul class="col-md-6 col-sm-6 col-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="calendar-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div class="date-modal">Date</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="male-female-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div class="categorie">Catégorie</div>
</div>
</div>
</li>
</ul>
<ul class="col-md-6 col-sm-6 col-6 listview image-listview">
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="time-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div class="hour">Horaires</div>
</div>
</div>
</li>
<li>
<div class="item">
<div class="icon-box text-dark">
<ion-icon name="star-outline" role="img" class="md hydrated" aria-label="image outline"></ion-icon>
</div>
<div class="in">
<div class="level">Niveau(x)</div>
</div>
</div>
</li>
</ul>
</div>
<form>
<!-- <div class="col-md-12 p-2 participantsShow"></div>-->
<input type="hidden" name="need-licence" value="">
<div class="row pb-1 pt-2">
<div class="col-md-12">
<div class="form-group boxed">
<div class="input-wrapper">
<label class="label" for="date">Informations supplémentaires :</label>
<input id="disponibilite" type="text" class="form-control" />
</div>
<!---------------- PJ ---------------------->
<div class="input-wrapper mb-2 pj_obligatoire"></div>
<!---------------- PJ ---------------------->
</div>
</div>
<div class="col-md-12 licence"></div>
<div class="col-md-6 playerInApp"></div>
<div class="col-md-6 partenaire"></div>
<div class="col-md-12 d-flex mt-2 ml-2 justify-content-between agreeShowMyName"></div>
<div class="col-md-12 event-info-specialPrice" id="infoSpecialPrice">
<p>*Le tarif peut varier en fonction des abonnements acquis, il est calculé en temps réel et le meilleur tarif vous sera appliqué.</p>
</div>
<div class="col-md-12 event-info-mustpay text-warning text-center cacherImportant" id="infosMustPay">
<span><i class="bi bi-exclamation-triangle"></i> Votre partenaire doit régler son inscription à la session pour y participer</span>
</div>
<div class="col-md-12 d-flex mt-2 justify-content-between ispj">
<button type="button" class="p-4 mt-0 ml-2 btn btn-primary btn-lg btn-block d-flex flex-column btn_payWithCredit" data-dismiss="modal">
<span class="spinnerLoader cacherImportant"><i class="fas fa-spinner fa-spin"></i></span>
<span class="session_btn_txt">Valider
<span class="small mt-05">
l'inscription à la session
</span> </span>
</button>
<button type="button" class="p-4 mt-0 mr-2 btn btn-primary btn-lg btn-block d-flex flex-column btn-popup pay_event" data-toggle="modal" data-target="#popup_paiement">
<span class="spinnerLoader cacherImportant"><i class="fas fa-spinner fa-spin"></i></span>
<span class="session_btn_txt">Valider
<div class="small mt-05">
et payer
<div class="ms-05 chip chip-warning">
<span class="chip-label prix"></span>
</div>
</div>
</span>
</button>
<button type="button" class="p-4 mt-0 ml-2 btn btn-secondary btn-lg btn-block d-flex flex-column achat_session" data-dismiss="modal">
<span class="spinnerLoader cacherImportant"><i class="fas fa-spinner fa-spin"></i></span>
<span class="session_btn_txt ">Valider <div class='pay-on-site-btn small mt-05'>et payer sur place</div></span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- * POPUP INSCRIPTION -->
<!--///////////////////////// POPUP INSCRIPTION LOADING /////////////////////-->
<!--/////////////////////////////////////////////////////////////////////////-->
<div class="modal fade modalbox show" id="modal_inscript_processing" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content" style="/*! opacity: 0.5; */">
<div class="d-flex h-100 justify-content-center align-items-center">
<div class="spinner-border" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
</div>
</div>
</div>
<!-- * POPUP INSCRIPTION LOADING -->
<!--///////////////////////// POPUP AJOUT PARTENAIRE ////////////////////////-->
<!--/////////////////////////////////////////////////////////////////////////-->
<div class="modal fade modalbox" id="modalpartenaires" data-backdrop="static" tabindex="-1" role="dialog">
<input type='hidden' name='initPlayer' value='232382'
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Ajouter un partenaire</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body popup choose_partenaires">
<div class="section full mt-4 mb-5">
<form>
<div class="form-group boxed">
<div class="input-wrapper">
<label class="label" for="partenaire">Trouver un partenaire (Tapez les 3 premières lettres pour voir apparaître la liste de suggestion)</label>
<input type="text" class="form-control tags_players" id="partenaire" >
<span class='alert text-danger samePlayerMsg cacherImportant'><em>Vous ne pouvez pas vous ajouter vous-même comme partenaire</em></span>
</div>
</div>
</form>
<div class="mb-2 mt-2 grid-4">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL PARTICIPANTS -->
<div class="modal fade modalbox" id='showParticipantsCollapse' data-bs-backdrop="static" tabindex="-1" style="display: none;" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Liste des participants</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class=" modalParticipants modal-body p-0">
</div>
</div>
</div>
</div>
<!-- *MODAL PARTICIPANTS -->
<input type='hidden' name='currency' value='EUR'/>
<input type='hidden' name='apiPaiement' value='stripe'>
<input type='hidden' name='locale' value='fr-FR'/>
<!--sert pour le js a charger le nouveau bdc en ajax -->
<input type="hidden" name="whatItem" value="null" data-id='null'/>
<!-- * POPUP AJOUT PARTENAIRE -->
<!--///////////////////////// POPUP PAIEMENT ////////////////////////-->
<!--/////////////////////////////////////////////////////////////////-->
<div class="modal fade modalbox show" id="popup_paiement" data-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Paiement</h5>
<a href="javascript:;" data-dismiss="modal" class='closePopup'>Fermer</a>
</div>
<div class="modal-body">
<input type="hidden" name="choix-prelevement" value="card"/>
<div class="hide-if-no-renew hide choice-payment-options">
<div class="choice-pm-container d-flex justify-content-around">
<div class="choix-sepa-only choice-sepa w-100 p-2 cacher">
<div class=" text-center border border-secondary p-2">
<i class="bi bi-exclamation-circle-fill text-warning"></i><p>Un premier prélèvement de <span class="abo-engag-amount"></span> sera effectué immédiatement par carte, puis <span class="abo-engag-amount"></span> tous <span class="recurence-pay"></span> par prélèvement,
<b>10 jours avant la date de renouvellement de l'abonnement. </b>
</p>
</div>
</div>
</div>
</div>
<div class="section full must-hide-for-abos-autorenew">
<input type ='hidden' class="cgvId" value="1">
<input type ='hidden' class="hasCheckedLatestCgv" value="">
<input type ='hidden' class="canPayOnline" value="1">
<div class="section mt-2 mb-4">
<div class="iban_form hide"> <h3>Etape 1 : Veuillez sélectionner ou ajouter une carte de paiement pour votre premier mois d'abonnement :</h3> </div>
<div id="oldCard" class="old_card mb-5 list_cards">
<h4 class="mb-5">Sélectionnez une carte de paiement :</h4>
<!-- INFO EXPIRATION CARTE SI ENGAGEMENT -->
<div class="mb-1 text-muted text-center border p-1 expire-warning hide">
<i class="text-warning bi bi-exclamation-triangle "></i>
Votre carte arrivera à expiration avant la fin de l'engagement, afin d'éviter un défaut de paiement et ainsi voir votre compte bloqué, pensez à mettre à jour votre carte dès que possible.
</div>
<!-- *INFO EXPIRATION CARTE SI ENGAGEMENT -->
<!-- LISTE CARTES USER -->
<div class="pm-container d-flex flex-column">
</div> <!--pm-container-->
<!-- *LISTE CARTES USER -->
</div> <!--old_card-->
<!-- FORMULAIRES CARTE -->
<div class="mb-4 mt-4 new_card hide">
<form id="payment-form" secret="">
<h4 class="mb-5">Ajoutez une carte de paiement :</h4>
<div id="payment-element">
<!--Stripe.js injects the Payment Element-->
</div>
<div class='Checkbox' id='CheckboxId'>
<input class="CheckboxInput" type='checkbox' id="saveCardCheckbox"/>
<label class="CheckboxLabel" for="saveCardCheckbox">Enregistrer votre carte pour vos futurs paiements</label>
</div>
<div id="payment-message" class="hidden"></div>
</form>
</div>
<!-- *FORMULAIRES CARTE -->
<div class="iban_form pb-2 border-bottom hide">
<!-- FORMULAIRES IBAN -->
<div class="new_iban mb-2 mt-2 pb-2">
<h3>Etape 2 : Veuillez ajouter votre IBAN pour vos prélèvements mensuels :</h3>
<form id="payment-form-w-iban" secret="">
<div id="iban-element">
<!-- loader -->
<div id="loader-element" class="cacher">
<div class="spinner-border text-primary" role="status"></div>
</div>
<!-- * loader -->
<!--Stripe.js injects iban elements-->
</div>
</form>
</div> <!--new_iban-->
<!-- *FORMULAIRES IBAN -->
</div>
<!-- CHECKBOX CGV -->
<div class="form-check form-check-inline cgvCheck mt-2">
<input class="form-check-input cgvInput" type="checkbox" id="flexSwitchRegisteredCard">
<label class="form-check-label" for="flexSwitchRegisteredCard"><small><em>J'ai lu et j'accepte sans réserve les présentes <a href='#' data-toggle="modal" data-target="#cgv">CGV</a>.</em></small></label>
</div>
<div class="alert alert-outline-danger mb-1 cacherImportant text-center text-uppercase" role="alert" id="existing-pm-error"></div>
<!-- *CHECKBOX CGV -->
<div class="registeredCardButtonGroupe">
<button type="button" class="btn btn-primary btn-block" id="lastCardPayment" data-card='same'>
<div class="spinner hidden" id="spinner"></div> <span id="button-text"> Payer <span class='showprice ml-1'>X</span></span>
</button>
</div>
</div>
<div class="mb-4 mt-2 text-center">
<small>
<em>Votre paiement est sécurisé. Vos données bancaires sont cryptées et transmises à l'intermédiaire (Stripe) et ne sont pas gardées sur nos serveurs.<br>
</em>
</small>
</div>
<!--<div class="mb-4 mt-2 text-center">-->
<!-- <div id="info_paiement_ligne" class="alert alert-warning">-->
<!-- * Pour les paiements en ligne, nous prenons une empreinte du montant maximal de la réservation. 24h après votre partie, le montant final sera calculé (en fonction des éventuels remplacements de partenaires) et vous serez prélevé. Cette méthode nous permet de garantir la disponibilité de votre réservation tout en assurant une facturation précise.-->
<!-- </div>-->
<!-- <small>-->
<!-- <em>Votre paiement est sécurisé. Vos données bancaires sont cryptées et transmises à l'intermédiaire (Stripe) et ne sont pas gardées sur nos serveurs.<br>-->
<!-- </em>-->
<!-- </small>-->
<!---->
<!--</div>--> </div>
</div>
</div>
</div>
</div>
<div class="modal fade modalbox show" id="add_paiement_popup" data-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Ajouter un moyen de paiement</h5>
<a href="javascript:;" data-dismiss="modal" class='closePopup'>Fermer</a>
</div>
<div class="modal-body">
<div class="section full">
<div class='section-info'>
</div>
<input type ='hidden' class="cgvId" value="1">
<input type ='hidden' class="hasCheckedLatestCgvRec" value="">
<div class="divider bg-secondary mt-5 mb-5">
<div class="icon-box bg-secondary">
<ion-icon name="card-outline" role="img" class="md hydrated"></ion-icon>
</div>
</div>
<div class="mb-4 mt-4 new_card">
<form id="setup-form" secret="">
<div id="setup-element">
<!-- Stripe.js injects the Payment Element-->
</div>
<button id="setup-submit">
<div class="spinner hidden" id="setup-spinner"></div>
<span id="setup-button-text">Enregistrer</span>
</button>
<div id="setup-message" class="hidden"></div>
<div class="mt-4">
<div class="form-check form-check-inline cgvCheck">
<input class="form-check-input cgvInput" type="checkbox" id="acceptCgvSetUpIntent">
<label class="form-check-label" for="acceptCgvSetUpIntent"><small><em>J'ai lu et j'accepte sans réserve les présentes <a href='#' data-toggle="modal" data-target="#cgv">CGU</a>.<em></small></label>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Popup modal en haut de l'écran -->
<div class="modal fade dialogbox" id="modal_confirmation" data-backdrop="static" tabindex="-1" aria-modal="true" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"></h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<div class="btn-inline">
<a href="#" class="btn btn-text-danger" data-dismiss="modal">
<ion-icon name="close-outline"></ion-icon>
NON
</a>
<a href="#" class="btn btn-text-success confirm_modal_confirmation" data-dismiss="modal">
<ion-icon name="checkmark-outline"></ion-icon>
OUI
</a>
</div>
</div>
</div>
</div>
</div>
<!--------MODAL NIVEAU ----------->
<div class="modal fade modalbox show" id="crea_partie_niveau" data-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Améliorez votre expèrience en complétant votre niveau :</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body pl-1 pr-1">
<form>
<div class="row mb-2 alert alert-secondary d-flex align-items-center" role="alert">
Pour changer ton niveau il suffit de sélectionner ton niveau sur chaque sport puis de valider ta sélection. Besoin d'aide ? Regarde le visuel en cliquant sur le point d'interrogation pour t'aider a choisir ton niveau.
<p> Les niveaux certifiés sont des niveaux qui ont été validés par un dirigeant de ton club et qui ne modifiables que par lui.</p>
</div>
<div class="wide-block row pb-1 pt-2">
<div class="col-md-4 col-sm-6 form-group update-level">
<div class="input-wrapper d-flex align-items-center justify-content-start flex-column">
<span class="mb-2 mt-2 d-flex flex-column align-items-center">
<small>Mon niveau de</small>
<span class="h5"><b>Padel</b></span>
</span>
<select class=" " name="niveau" data-idsport='217' data-rank=''>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option selected='true' value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="d-flex align-items-center justify-content-center input_level mb-2 mt-2">
<i class="bi bi-star-fill"></i>
<p class="mb-0">5</p>
</div>
<div class="mb-2 d-flex align-items-center">
Besoin d'aide ?
<button type="button" class="btn btn-sm btn-icon btn-outline-light notice btnNotice ml-1" data-toggle="modal" data-target="#infosnotation" data-notice="file-15898191895ec2b735da8ea.jpg">
<ion-icon name="help-outline"></ion-icon>
</button>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 form-group update-level">
<div class="input-wrapper d-flex align-items-center justify-content-start flex-column">
<span class="mb-2 mt-2 d-flex flex-column align-items-center">
<small>Mon niveau de</small>
<span class="h5"><b>Squash</b></span>
</span>
<select class=" " name="niveau" data-idsport='218' data-rank=''>
<option selected='true' value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="d-flex align-items-center justify-content-center input_level mb-2 mt-2">
<i class="bi bi-star-fill"></i>
<p class="mb-0">1</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 form-group update-level">
<div class="input-wrapper d-flex align-items-center justify-content-start flex-column">
<span class="mb-2 mt-2 d-flex flex-column align-items-center">
<small>Mon niveau de</small>
<span class="h5"><b>Electrostimulation</b></span>
</span>
<select class=" " name="niveau" data-idsport='910' data-rank=''>
<option selected='true' value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<div class="d-flex align-items-center justify-content-center input_level mb-2 mt-2">
<i class="bi bi-star-fill"></i>
<p class="mb-0">1</p>
</div>
</div>
</div>
</div>
<div class="wide-block pt-2 pb-2">
<button class="btn btn-primary addRanking">Valider</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!--------MODAL NIVEAU ----------->
<!-- popup : infos notation/étoile -->
<div class="modal fade modalbox show" id="infosnotation" data-backdrop="static" tabindex="-1" role="dialog" aria-modal="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Informations classement</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body p-0">
<div class="wide-block pt-2 pb-2">
<img src="" alt="image" class="imaged img-fluid notice loadNotice">
</div>
</div>
</div>
</div>
</div>
<!-- * popup : infos notation/étoile -->
<!-- * Modal ACTU -->
<!-- *MODAL ACTU-->
<!-- Modal INFOS -->
<div class="modal fade modalbox" id="modalPass" data-bs-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title d-flex align-items-center"><span class="iconedbox bg-warning mr-1"><ion-icon name="warning-outline"></ion-icon></span> INFORMATIONS</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<div class='infoPopupModal'>
</div>
<button type="button" data-dismiss="modal" class="btn btn-primary btn-block mt-2">
J'ai compris
</button>
</div>
</div>
</div>
</div>
<!-- * Modal INFOS -->
<!-- Modal infos Créations de parties -->
<div class="modal fade modalbox" id="infosCreaParties" data-bs-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title d-flex align-items-center"><span class="iconedbox bg-warning mr-1"><ion-icon name="warning-outline"></ion-icon></span> INFORMATIONS</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<h3>Comment créer un match ?</h3></br>
<h4>Qu'est-ce qu'un Match Privé ?</h4>
<p>
Il s'agit d'une réservation classique où tu peux entrer tes partenaires et valider ta réservation.
</p></br>
<h4>Qu'est-ce qu'un Match Public ?</h4>
<p>Tu cherches des partenaires ? Crée un match public.</br>
Ton créneau sera automatiquement réservé. C'est toi le boss de la partie.</p>
<p>Tous les autres Joueurs <span class="levelSpan"></span> verront ton match et pourront y participer.</p>
<p>Si le match réunit<span class="playerNumberSpan"></span>Joueurs, le match est confirmé !</br>
Tout le monde aura un message de confirmation.</p>
<p>Si le match ne rassemble pas<span class="delaySpan"></span>, le match sera annulé et le terrain sera libéré pour laisser la place aux autres.
Les Joueurs seront évidemment informés.</p></br>
<h3>Comment rejoindre un match ?</h3></br>
<img src="/img/elements/imgCreaPartie.jpg" alt="Tuto création de partie" class="img-fluid"></img>
<p>Clique sur "Rejoindre le match" ou retire toi d'un match en cliquant sur "J'abandonne"</p>
<h3>Qu'est ce qu'un Match certifié ?</h3>
<p>Lorsque le match est certifié, le club s'engage à ce que le niveau du joueur corresponde à son niveau réel.</p>
<button type="button" data-dismiss="modal" class="btn btn-primary btn-block mt-2">
J'ai compris
</button>
</div>
</div>
</div>
</div>
<!-- * Modal PASS SANITAIRE -->
<!-- Popup ajout partenaire -->
<div class="modal fade modalbox" id="modalpartenaires" data-backdrop="static" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Ajouter un partenaire</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body popup choose_partenaires">
<div class="section full mt-4 mb-5">
<form>
<div class="form-group boxed">
<div class="input-wrapper">
<label class="label" for="partenaire">Trouver un partenaire (Tapez les 3 premières lettres pour voir apparaître la liste de suggestion)</label>
<input type="text" class="form-control tags_players" id="partenaire" >
</div>
</div>
</form>
<div class="mb-2 mt-2 grid-4">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- * Popup ajout partenaire -->
<!--///////////////////// POPUP TELEPHONE /////////////////////-->
<!--///////////////////////////////////////////////////////////-->
<div class="modal fade dialogbox" id="popup_tel" data-bs-backdrop="static" tabindex="-1" aria-modal="true" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-icon text-info">
</div>
</div>
</div>
</div>
<!-- * POPUP TELEPHONE -->
<!-- Popup change club en haut -->
<div class="modal fade modalbox " id="ModalSwitchClub" data-backdrop="static" tabindex="-1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Rechercher un club</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body">
<div class="login-form">
<div class="section mt-2">
<p>Vous êtes actuellement connecté sur le club <b>Toulouse Padel Club</b>.</p><p> Pour vous connecter à un autre club, sélectionnez un établissement dans le menu déroulant ci-dessous et cliquez sur "Valider"</p>
</div>
<div class="section mt-4 mb-5">
<div class="alert alert-danger alertMustValidateOnSwitch hide"></div>
<form>
<div class="wide-block pb-1 pt-2">
<input type="hidden" name="playerid" value="0"/>
<div class="form-group boxed ">
<div class="input-wrapper">
<label class="label" for="modif-sous-club"></label>
<select class="form-control custom-select rounded-0" id="modif-sous-club">
<option value="0" disabled selected class='text-muted'>--Choisissez votre club--</option>
</select>
</div>
</div>
</div>
<div class="mt-2">
<button type="button" class="btn btn-primary btn-block btn-lg valide-switch-club rounded-0">Valider</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!----- TOASTER CHANGEMENT DE CLUB -->
<!--<div id="toast-welcome-club" class="toast-box toast-top bg-info">
<div class="in">
<div class="text">
Vous êtes désormais connecté sur <span class='toast-switch-club-text'></span>
</div>
</div>
</div>-->
<!-- pop up link -->
<div class="modal fade" id="fbModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body mb-0 p-0 ">
<div class="embed-responsive embed-responsive-16by9 z-depth-1-half">
<iframe name="fbFrame" class="embed-responsive-item " src="https://www.doctolib.fr/chiropracteur/toulouse/mathile-rabet" allowfullscreen></iframe>
</div>
</div>
<button type="button" class="btn btn-outline-primary btn-rounded btn-md ml-4" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</body>
</html>
Reference in a new issue View git blame Copy permalink