resa-padel/tests/data/responses/user_bookings_get.html

1363 lines
106 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

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="fr">
<head>
<title>Mes réservations</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/mesresas.js?version=2.6.4.3.7'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.eu01.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={licenseKey:"NRJS-5d7e135cdebdcd41e66",applicationID:"183368127"};;/*! For license information please see nr-loader-rum-1.252.1.min.js.LICENSE.txt */
(()=>{var e,t,r={234:(e,t,r)=>{"use strict";r.d(t,{P_:()=>v,Mt:()=>b,C5:()=>s,DL:()=>w,OP:()=>S,lF:()=>T,Yu:()=>x,Dg:()=>m,CX:()=>c,GE:()=>_,sU:()=>R});var n=r(8632),i=r(9567);const o={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.D)(t,o);const r=(0,n.ek)(e);r&&(r.info=a[e])}const u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=r(7056),l=r(50);const f="[data-nr-mask]",g=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{domain:void 0,expiresMs:d.oD,inactiveMs:d.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,l.Z)("An invalid session_replay.mask_selector was provided. '*' will be used.",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},h="All configuration objects require an agent identifier!";function v(e){if(!e)throw new Error(h);if(!p[e])throw new Error("Configuration for ".concat(e," was never set"));return p[e]}function m(e,t){if(!e)throw new Error(h);p[e]=(0,i.D)(t,g());const r=(0,n.ek)(e);r&&(r.init=p[e])}function b(e,t){if(!e)throw new Error(h);var r=v(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A={};function w(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!A[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return A[e]}function _(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");A[e]=(0,i.D)(t,y);const r=(0,n.ek)(e);r&&(r.loader_config=A[e])}const x=(0,n.mF)().o;var E=r(385),D=r(6818);const k={buildEnv:D.Re,customTransaction:void 0,disabled:!1,distMethod:D.gF,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(E._A?.performance?.timeOrigin||E._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:""+E._A.location,ptid:void 0,releaseIds:{},session:void 0,xhrWrappable:"function"==typeof E._A.XMLHttpRequest?.prototype?.addEventListener,version:D.q4,denyList:void 0},j={};function S(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!j[e])throw new Error("Runtime for ".concat(e," was never set"));return j[e]}function R(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");j[e]=(0,i.D)(t,k);const r=(0,n.ek)(e);r&&(r.runtime=j[e])}function T(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,n.Z)("Setting a Configurable requires a model to set its initial properties");const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.Z)("An error occurred while setting a property of a Configurable",e)}return r}catch(e){(0,n.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,r)=>{"use strict";r.d(t,{Re:()=>i,gF:()=>o,q4:()=>n});const n="1.252.1",i="PROD",o="CDN"},385:(e,t,r)=>{"use strict";r.d(t,{Nk:()=>d,Tt:()=>s,_A:()=>o,cv:()=>l,iS:()=>a,il:()=>n,ux:()=>c,v6:()=>i,w1:()=>u});const n="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=n?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a=Boolean("hidden"===o?.document?.visibilityState),s=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),c=s&&"undefined"==typeof SharedWorker,u=((()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);Array.isArray(e)&&e.length>=2&&e[1]})(),Boolean(n&&window.document.documentMode)),d=!!o.navigator?.sendBeacon,l=Math.floor(o?.performance?.timeOrigin||o?.performance?.timing?.navigationStart||Date.now())},1117:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(50);const i={agentIdentifier:"",ee:void 0};class o{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occured while setting SharedContext",e)}}}},8e3:(e,t,r)=>{"use strict";r.d(t,{L:()=>d,R:()=>c});var n=r(8325),i=r(1284),o=r(4322),a=r(3325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};u(e),s[e].get(t)||s[e].set(t,r)}function u(e){e&&(s[e]||(s[e]=new Map))}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature",r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(u(e),!e||!s[e].get(t)||r)return c(t);s[e].get(t).staged=!0;const a=[...s[e]];function c(t){const r=e?n.ee.get(e):n.ee,a=o.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)l(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}delete a[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}a.every((e=>{let[t,r]=e;return r.staged}))&&(a.sort(((e,t)=>e[1].priority-t[1].priority)),a.forEach((t=>{let[r]=t;s[e].delete(r),c(r)})))}function l(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],o=e[3],a=e[2];i.apply(o,a)}}))}},8325:(e,t,r)=>{"use strict";r.d(t,{A:()=>c,ee:()=>u});var n=r(8632),i=r(2210),o=r(234);class a{constructor(e){this.contextId=e}}var s=r(3117);const c="nr@context:".concat(s.a),u=function e(t,r){var n={},s={},d={},f=!1;try{f=16===r.length&&(0,o.OP)(r).isolatedBacklog}catch(e){}var g={on:h,addEventListener:h,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=p(n),c=v(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var f=b()[s[e]];f&&f.push([g,e,r,a]);return a},get:m,listeners:v,context:p,buffer:function(e,t){const r=b();if(t=t||"feature",g.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,i]=e;s[i]=t,t in r||(r[t]=[])}))},abort:l,aborted:!1,isBuffering:function(e){return!!b()[s[e]]},debugId:r,backlog:f?{}:t&&"object"==typeof t.backlog?t.backlog:{}};return g;function p(e){return e&&e instanceof a?e:e?(0,i.X)(e,c,(()=>new a(c))):new a(c)}function h(e,t){n[e]=v(e).concat(t)}function v(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(g,t)}function b(){return g.backlog}}(void 0,"globalEE"),d=(0,n.fP)();function l(){u.aborted=!0,Object.keys(u.backlog).forEach((e=>{delete u.backlog[e]}))}d.ee||(d.ee=u)},5546:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(8325).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4322:(e,t,r)=>{"use strict";r.d(t,{X:()=>o});var n=r(5546);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.E,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.E);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3239:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(385);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(r,n))}},3117:(e,t,r)=>{"use strict";r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{"use strict";r.d(t,{Rl:()=>a,ky:()=>s});var n=r(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}},7056:(e,t,r)=>{"use strict";r.d(t,{Bq:()=>n,Hb:()=>o,IK:()=>c,oD:()=>i,uT:()=>s,wO:()=>a});const n="NRBA",i=144e5,o=18e5,a={PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},s={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},c={OFF:0,FULL:1,ERROR:2}},7894:(e,t,r)=>{"use strict";function n(){return Math.round(performance.now())}r.d(t,{z:()=>n})},50:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{"use strict";r.d(t,{N:()=>d,T:()=>l});var n=r(8325),i=r(5546),o=r(3325),a=r(385);const s="newrelic";const c={stn:[o.D.sessionTrace],err:[o.D.jserrors,o.D.metrics],ins:[o.D.pageAction],spa:[o.D.spa],sr:[o.D.sessionReplay,o.D.sessionTrace]},u=new Set;function d(e,t){const r=n.ee.get(t);e&&"object"==typeof e&&(u.has(t)||(Object.entries(e).forEach((e=>{let[t,n]=e;c[t]?c[t].forEach((e=>{n?(0,i.p)("feat-"+t,[],void 0,e,r):(0,i.p)("block-"+t,[],void 0,e,r),(0,i.p)("rumresp-"+t,[Boolean(n)],void 0,e,r)})):n&&(0,i.p)("feat-"+t,[],void 0,void 0,r),l[t]=Boolean(n)})),Object.keys(c).forEach((e=>{void 0===l[e]&&(c[e]?.forEach((t=>(0,i.p)("rumresp-"+e,[!1],void 0,t,r))),l[e]=!1)})),u.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{a._A.dispatchEvent(new CustomEvent(s,{detail:e}))}catch(e){}}({loaded:!0})))}const l={}},2210:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},1284:(e,t,r)=>{"use strict";r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{"use strict";r.d(t,{P:()=>o});var n=r(8325);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,r)=>{"use strict";r.d(t,{KB:()=>a,b2:()=>o});var n=r(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.bP)("load",e,t)}function a(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},8632:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>d,ce:()=>o,ek:()=>u,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(7894),i=r(385);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return i._A.NREUM||(i._A.NREUM={}),void 0===i._A.newrelic&&(i._A.newrelic=i._A.NREUM),i._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:i._A.setTimeout,SI:i._A.setImmediate,CT:i._A.clearTimeout,XHR:i._A.XMLHttpRequest,REQ:i._A.Request,EV:i._A.Event,PR:i._A.Promise,MO:i._A.MutationObserver,FETCH:i._A.fetch}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,n.z)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},7956:(e,t,r)=>{"use strict";r.d(t,{N:()=>i});var n=r(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,n.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},3081:(e,t,r)=>{"use strict";r.d(t,{gF:()=>o,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(3325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},7633:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},5938:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(8325);class i{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},8862:(e,t,r)=>{"use strict";r.d(t,{j:()=>A});var n=r(3325),i=r(234),o=r(5546),a=r(8325),s=r(7894),c=r(8e3),u=r(3960),d=r(385),l=r(50),f=r(3081),g=r(8632);const p=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start","recordReplay","pauseReplay"],h=["setErrorHandler","finished","addToTrace","addRelease"];function v(){const e=(0,g.gG)();p.forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];let o=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&o.push(e.api[t](...n))})),o.length>1?o:o[0]}(t,...n)}}))}var m=r(2825);const b=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let y=!1;function A(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=arguments.length>2?arguments[2]:void 0,A=arguments.length>3?arguments[3]:void 0,{init:w,info:_,loader_config:x,runtime:E={loaderType:p},exposed:D=!0}=t;const k=(0,g.gG)();_||(w=k.init,_=k.info,x=k.loader_config),(0,i.Dg)(e.agentIdentifier,w||{}),(0,i.GE)(e.agentIdentifier,x||{}),_.jsAttributes??={},d.v6&&(_.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,_);const j=(0,i.P_)(e.agentIdentifier),S=[_.beacon,_.errorBeacon];y||(j.proxy.assets&&(b(j.proxy.assets),S.push(j.proxy.assets)),j.proxy.beacon&&S.push(j.proxy.beacon),v(),(0,g.EZ)("activatedFeatures",m.T)),E.denyList=[...j.ajax.deny_list||[],...j.ajax.block_internal?S:[]],(0,i.sU)(e.agentIdentifier,E),void 0===e.api&&(e.api=function(e,t){t||(0,c.R)(e,"api");const g={};var p=a.ee.get(e),v=p.get("tracer"),m="api-",b=m+"ixn-";function y(t,r,n,o){const a=(0,i.C5)(e);return null===r?delete a.jsAttributes[t]:(0,i.CX)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),_(m,n,!0,o||null===r?"session":void 0)(t,r)}function A(){}h.forEach((e=>{g[e]=_(m,e,!0,"api")})),g.addPageAction=_(m,"addPageAction",!0,n.D.pageAction),g.setCurrentRouteName=_(m,"routeName",!0,n.D.spa),g.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(r||"http://custom.transaction")+t,_(m,"setPageViewName",!0)()},g.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return y(e,t,"setCustomAttribute",r);(0,l.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,l.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},g.setUserId=function(e){if("string"==typeof e||null===e)return y("enduser.id",e,"setUserId",!0);(0,l.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},g.setApplicationVersion=function(e){if("string"==typeof e||null===e)return y("application.version",e,"setApplicationVersion",!1);(0,l.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},g.start=e=>{try{const t=e?"defined":"undefined";(0,o.p)(f.xS,["API/start/".concat(t,"/called")],void 0,n.D.metrics,p);const r=Object.values(n.D);if(void 0===e)e=r;else{if((e=Array.isArray(e)&&e.length?e:[e]).some((e=>!r.includes(e))))return(0,l.Z)("Invalid feature name supplied. Acceptable feature names are: ".concat(r));e.includes(n.D.pageViewEvent)||e.push(n.D.pageViewEvent)}e.forEach((e=>{p.emit("".concat(e,"-opt-in"))}))}catch(e){(0,l.Z)("An unexpected issue occurred",e)}},g.recordReplay=function(){(0,o.p)(f.xS,["API/recordReplay/called"],void 0,n.D.metrics,p),(0,o.p)("recordReplay",[],void 0,n.D.sessionReplay,p)},g.pauseReplay=function(){(0,o.p)(f.xS,["API/pauseReplay/called"],void 0,n.D.metrics,p),(0,o.p)("pauseReplay",[],void 0,n.D.sessionReplay,p)},g.interaction=function(){return(new A).get()};var w=A.prototype={createTracer:function(e,t){var r={},i=this,a="function"==typeof t;return(0,o.p)(f.xS,["API/createTracer/called"],void 0,n.D.metrics,p),(0,o.p)(b+"tracer",[(0,s.z)(),e,r],i,n.D.spa,p),function(){if(v.emit((a?"":"no-")+"fn-start",[(0,s.z)(),i,a],r),a)try{return t.apply(this,arguments)}catch(e){throw v.emit("fn-err",[arguments,this,e],r),e}finally{v.emit("fn-end",[(0,s.z)()],r)}}}};function _(e,t,r,i){return function(){return(0,o.p)(f.xS,["API/"+t+"/called"],void 0,n.D.metrics,p),i&&(0,o.p)(e+t,[(0,s.z)(),...arguments],r?null:this,i,p),r?void 0:this}}function x(){r.e(75).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,c.L)(e,"api")})).catch((()=>{(0,l.Z)("Downloading runtime APIs failed..."),(0,c.L)(e,"api",!0)}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{w[e]=_(b,e,void 0,n.D.spa)})),g.noticeError=function(e,t){"string"==typeof e&&(e=new Error(e)),(0,o.p)(f.xS,["API/noticeError/called"],void 0,n.D.metrics,p),(0,o.p)("err",[e,(0,s.z)(),!1,t],void 0,n.D.jserrors,p)},d.il?(0,u.b2)((()=>x()),!0):x(),g}(e.agentIdentifier,A)),void 0===e.exposed&&(e.exposed=D),y=!0}},1926:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.sessionReplay]:9}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>"nr-rum-1.252.1.min.js",i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.252.1.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={75:"sha512-coXLfM7RkXRTFzWd9lXnf/fAuVs/D91sUGj0PeykZ9LOawtrZP/2njEtfjyJtUkhEhkSa8dmiYkqP0kHTmBVFA=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var g=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(g.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=g.bind(null,s.onerror),s.onload=g.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={50:0,832:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.252.1.PROD"]=self["webpackChunk:NRBA-1.252.1.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(1926);var e=i(50);class t{#e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];if("function"==typeof this.api?.[t])return this.api[t](...n);(0,e.Z)("Call to agent api ".concat(t," failed. The API is not currently initialized."))}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}finished(e){return this.#e("finished",e)}addRelease(e,t){return this.#e("addRelease",e,t)}start(e){return this.#e("start",e)}recordReplay(){return this.#e("recordReplay")}pauseReplay(){return this.#e("pauseReplay")}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}}var r=i(3325),n=i(234);const o=Object.values(r.D);function a(e){const t={};return o.forEach((r=>{t[r]=function(e,t){return!1!==(0,n.Mt)(t,"".concat(e,".enabled"))}(r,e)})),t}var s=i(8862);var c=i(8e3),u=i(5938),d=i(3960),l=i(385);class f extends u.W{constructor(e,t,r){let i=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=i,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,n.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto&&(0,c.R)(e,r)}importAggregator(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate)return;if(!this.auto)return void this.ee.on("".concat(this.featureName,"-opt-in"),(()=>{(0,c.R)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()}));const r=l.il&&!0===(0,n.Mt)(this.agentIdentifier,"privacy.cookies_enabled");let o;this.onAggregateImported=new Promise((e=>{o=e}));const a=async()=>{let n;try{if(r){const{setupAgentSession:e}=await i.e(75).then(i.bind(i,957));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t)}try{if(!this.shouldImportAgg(this.featureName,n))return(0,c.L)(this.agentIdentifier,this.featureName),void o(!1);const{lazyFeatureLoader:e}=await i.e(75).then(i.bind(i,8582)),{Aggregate:r}=await e(this.featureName,"aggregate");this.featAggregate=new r(this.agentIdentifier,this.aggregator,t),o(!0)}catch(t){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),t),this.abortHandler?.(),(0,c.L)(this.agentIdentifier,this.featureName,!0),o(!1)}};l.il?(0,d.b2)((()=>a()),!0):a()}shouldImportAgg(e,t){return e!==r.D.sessionReplay||!!n.Yu.MO&&(!1!==(0,n.Mt)(this.agentIdentifier,"session_trace.enabled")&&(!!t?.isNew||!!t?.state.sessionReplayMode))}}var g=i(7633);class p extends f{static featureName=g.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,g.t,r),this.importAggregator()}}var h=i(1117),v=i(1284);class m extends h.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var o=this.getBucket(e,t,r,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,v.D)(e,(function(e,r){t[e]=b(r,t[e])})),t}(n,o.metrics),o}merge(e,t,r,n,i){var o=this.getBucket(e,t,n,i);if(o.metrics){var a=o.metrics;a.count+=r.count,(0,v.D)(r,(function(e,t){if("count"!==e){var n=a[e],i=r[e];i&&!i.c?a[e]=b(i.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=y(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=b(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=A(this.aggregatedData[r]),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function b(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=y(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function y(e){return{t:e,min:e,max:e,sos:e*e,c:1}}function A(e){return"object"!=typeof e?[]:(0,v.D)(e,w)}function w(e,t){return t}var _=i(8632),x=i(4402),E=i(4351);var D=i(5546),k=i(7956),j=i(3239),S=i(7894),R=i(9251);class T extends f{static featureName=R.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,R.t,r),l.il&&((0,k.N)((()=>(0,D.p)("docHidden",[(0,S.z)()],void 0,R.t,this.ee)),!0),(0,j.bP)("pagehide",(()=>(0,D.p)("winPagehide",[(0,S.z)()],void 0,R.t,this.ee))),this.importAggregator())}}var I=i(3081);class P extends f{static featureName=I.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,I.t9,r),this.importAggregator()}}new class extends t{constructor(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,x.ky)(16);super(),l._A?(this.agentIdentifier=r,this.sharedAggregator=new m({agentIdentifier:this.agentIdentifier}),this.features={},(0,_.h5)(r,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(p),(0,s.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initial the agent. Could not determine the runtime environment.")}get config(){return{info:(0,n.C5)(this.agentIdentifier),init:(0,n.P_)(this.agentIdentifier),loader_config:(0,n.DL)(this.agentIdentifier),runtime:(0,n.OP)(this.agentIdentifier)}}run(){try{const t=a(this.agentIdentifier),n=[...this.desiredFeatures];n.sort(((e,t)=>r.p[e.featureName]-r.p[t.featureName])),n.forEach((n=>{if(t[n.featureName]||n.featureName===r.D.pageViewEvent){const i=function(e){switch(e){case r.D.ajax:return[r.D.jserrors];case r.D.sessionTrace:return[r.D.ajax,r.D.pageViewEvent];case r.D.sessionReplay:return[r.D.sessionTrace];case r.D.pageViewTiming:return[r.D.pageViewEvent];default:return[]}}(n.featureName);i.every((e=>t[e]))||(0,e.Z)("".concat(n.featureName," is enabled but one or more dependent features has been disabled (").concat((0,E.P)(i),"). This may cause unintended consequences or missing data...")),this.features[n.featureName]=new n(this.agentIdentifier,this.sharedAggregator)}}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,_.fP)();return delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator,r.ee?.abort(),delete r.ee?.get(this.agentIdentifier),!1}}}({features:[p,T,P],loaderType:"lite"})})()})();</script>
<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.7">
<link rel="stylesheet" href="/membre/assets/css/custom.css?version=2.6.4.3.7">
<!-- FILEUPLOADER -->
<link href="/library/js/fileuploader/jquery.fileuploader.css?version=2.6.4.3.7" media="all" rel="stylesheet">
<link href="/library/js/fileuploader/jquery.fileuploader-theme-thumbnails.css?version=2.6.4.3.7" media="all" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/library/js/timepicker/jquery.timepicker.css?version=2.6.4.3.7" />
<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.7" 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.7'></script><link rel='stylesheet' href='/library/css/cardstripe.css?version=2.6.4.3.7'><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.7'></script>
</head>
<body class="compte">
<!-- 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">
Mes réservations </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'>20</span>
</a>
</div>
</div>
<!-- App Capsule -->
<div id="appCapsule">
<div class="section full">
<div class="wide-block transparent p-0">
<ul class="nav nav-tabs lined iconed" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="resas-tab" data-toggle="tab" href="#resas" role="tab" aria-controls="resas" aria-selected="true">
Mes réservations <ion-icon name="calendar" role="img" class="md hydrated"></ion-icon>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="events-tab" data-toggle="tab" href="#events" role="tab" aria-controls="events" aria-selected="false">
Mes événements <i class="md hydrated bi bi-trophy eventBlockTitle" name="trophy" role="img" style="width: 32px; line-height: 1em; font-size: 24px !important;" ></i>
</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade" id="events" role="tabpanel" aria-labelledby="events-tab">
<div class="section-title">Mes événements</div>
<div class="pt-2 pb-2">
<div class="row" id="memberevents">
</div>
</div>
</div>
<div class="tab-pane fade show active" id="resas" role="tabpanel" aria-labelledby="resas-tab">
<div class="section-title">Mes réservations</div>
<div class="pt-2 pb-2">
<div class="row" id="resamember">
</div>
<a href="/membre/reservation.html" class="btn btn-primary mb-3 mt-3">
<ion-icon name="add" role="img" class="md hydrated"></ion-icon>
Réserver un court
</a>
</div>
</div>
</div>
</div>
<div class="card mt-5 d-flex p-3 flex-wrap justify-content-around ">
<div class="d-flex flex-row justify-content-around w-100 section-title border-bottom py-1"><small>Suivi de vos réservations par sport</small></div>
<div class="d-flex flex-row justify-content-around w-100">
<span class="w-25"></span>
<span class="w-25 d-flex justify-content-center section-title py-0"><small>Heure pleines</small></span>
<span class="w-25 d-flex justify-content-center section-title py-0"><small>Heure creuses </small></span>
</div>
<div class="d-flex flex-row justify-content-around align-items-center w-100">
<span class="w-25 section-title py-0"><small>Padel</small> </span>
<span class="w-25">
<div class="progress ">
<div class="progress-bar bg-light border text-secondary d-none" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"> 1 /1 </div>
<div class="progress-bar bg-danger " role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"> 1 /1 </div>
</div>
</span>
<span class="w-25">
<div class="progress">
<div class="progress-bar bg-light border text-secondary d-none" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
<div class="progress-bar bg-success " role="progressbar" style= "width:100%";" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
</div>
</span>
</div>
<div class="d-flex flex-row justify-content-around align-items-center w-100">
<span class="w-25 section-title py-0"><small>Squash</small> </span>
<span class="w-25">
<div class="progress ">
<div class="progress-bar bg-light border text-secondary d-flex" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"> 0 /2 </div>
<div class="progress-bar bg-secondary " role="progressbar" style= "width:0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"> 0 /2 </div>
</div>
</span>
<span class="w-25">
<div class="progress">
<div class="progress-bar bg-light border text-secondary d-none" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
<div class="progress-bar bg-success " role="progressbar" style= "width:100%";" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
</div>
</span>
</div>
<div class="d-flex flex-row justify-content-around align-items-center w-100">
<span class="w-25 section-title py-0"><small>Electrostimulation</small> </span>
<span class="w-25">
<div class="progress ">
<div class="progress-bar bg-light border text-secondary d-none" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
<div class="progress-bar bg-success " role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
</div>
</span>
<span class="w-25">
<div class="progress">
<div class="progress-bar bg-light border text-secondary d-none" role="progressbar" style= "width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
<div class="progress-bar bg-success " role="progressbar" style= "width:100%";" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">illimitées</div>
</div>
</span>
</div>
</div>
</div>
</div>
<!-- * App Capsule -->
<!-- modal listview joueurs -->
<!--<div class="modal modalbox" tabindex="-1" role="dialog" id="modal-call-participants">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Contacter les partenaires</h5>
<a href="#" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body p-0">
<ul class="listview image-listview flush mb-2 listViewResaPlayers">
</ul>
</div>
</div>
</div>
</div>-->
<!--* modal listview joueurs -->
<!-- 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 simposent à 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 à linterface spécifique des dirigeants de club. </br>
Le terme « Bon de commande » désigne le formulaire dinscription en format électronique permettant la souscription dun Abonnement. </br>
Le terme « Utilisateur » désigne toute personne physique qui effectue une souscription dun 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 DACCES AUX ACHATS </h4>
<p>
1.1. Pour bénéficier des services du Club, lUtilisateur doit procéder à son inscription exclusivement sur le site internet ou sur lapplication du Club.</br></br>
1.2. Tout Utilisateur déclare avoir la capacité daccepter les CGV, cest-à-dire avoir la majorité numérique légale et ne pas être sous tutelle ou curatelle. </br></br>
Dans lhypothèse où lUtilisateur serait une personne physique ne jouissant pas de la majorité numérique légale,
il déclare et reconnaît avoir recueilli lautorisation auprès de ses parents ou du (des) titulaire(s) de lautorité parentale le concernant pour
sinscrire sur la Plateforme. Ainsi, les parents (ou titulaires de lautorité parentale) sont invités à surveiller lutilisation faite par leurs enfants de la Plateforme
et à garder présent à lesprit quen leur qualité de tuteur légal il est de leur responsabilité de surveiller lutilisation qui en est faite.
Toute demande dinscription générée automatiquement par un robot ou par toute autre méthode sera refusée..<br/><br/>
1.2. LUtilisateur doit créer un compte sur lapplication du club ou sur le lien personnalisé communiqué par le club. À cette fin, il doit renseigner les différents champs du formulaire dinscription 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 à lUtilisateur un courrier électronique de confirmation en utilisant ladresse email du Club.<br/><br/>
1.3. Lorsquil renseigne le formulaire dinscription, lUtilisateur sengage à remplir correctement ledit formulaire,
et notamment à ne communiquer que des informations exactes, à jour et complètes.<br/><br/>
1.4. LUtilisateur est entièrement et exclusivement responsable de lusage de la Plateforme par lui-même et par tout tiers quel quil soit.
Toute connexion ou transmission de données effectuée en utilisant la Plateforme sera réputée avoir été effectuée par lUtilisateur et sous sa responsabilité exclusive.<br/><br/>
1.5. La société Gestion Sports ne pourra être tenu responsable si les données relatives à linscription dun 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 lUtilisateur,
une défaillance momentanée de ses serveurs, etc) ou lui arrivaient illisibles ou impossibles à traiter,
(par exemple si lUtilisateur possède un matériel informatique ou un environnement logiciel inadéquat pour son inscription).<br/><br/>
1.6. La souscription dun Abonnement, lachat de crédits, l'inscription à un événement payant ou bien la location de terrains seffectuent en ligne sur le Site ou lapplication du Club
par saisie des données personnelles et informations de paiement demandées et après validation par lUtilisateur de ses données. Ceci constitue le Bon de commande. <br/><br/>
1.7. LUtilisateur doit consulter et adhérer sans réserve aux présentes CGV en cochant la case située à côté de la mention « Jai lu et jaccepte 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 seffectue par CB ou VISA, en saisissant les coordonnées, le cryptogramme visuel et la date dexpiration de sa carte bancaire. <br/><br/>
2.3. Une fois le paiement en ligne effectif et validé par la banque, lUtilisateur recevra une confirmation par mail avec toutes les données enregistrées concernant sa commande. <br/><br/>
2.4. LUtilisateur 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 labonnement est prévue. <br/><br/>
2.5. De même, lUtilisateur 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 « Jautorise la conservation de mes informations bancaires pour faciliter les prochains paiements ». <br/><br/>
</p>
<h4>ARTICLE 3 - DUREE DE LABONNEMENT </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, lUtilisateur 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 lUtilisateur seffectuera à réception du courrier RAR. <br/><br/>
</p>
<h4>ARTICLE 5 - RESILIATION PAR LE CLUB </h4>
<p>
5.1. En cas :</br>
a) dabsence de règlement dune facture ;</br>
b) de violation par lUtilisateur 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 dintrusion, datteinte à lintégrité logicielle ou de contrefaçon des sites internet et Services de Gestion Sports par lUtilisateur; </br></br>
Le Club peut à sa seule discrétion :</br>
- suspendre laccès au Service, sans notification préalable à lUtilisateur , </br>
et/ou</br>
- prononcer la résiliation de lAbonnement, de plein droit à lexpiration dun préavis de 15 jours après envoi dune mise en demeure par lettre recommandé avec demande davis 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 à ladresse e-mail et au mot de passe de lUtilisateur.</br></br>
7.2. Conformément à la loi n°78-17 du 6 janvier 1978 relative à linformatique, 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 »),
lUtilisateur dispose dun droit daccès, de rectification, de suppression et dopposition relatif aux Informations Personnelles le concernant. Pour lexercer, 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 lhébergeur du site gestion-sports.fr situé en France, dont les cordonnées figurent sur la page daccueil à 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 lUtilisateur 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 dune nouvelle version qui sappliquera 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 sengagent 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 dabonnement 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 labonné:
</p></br></br>
<p class="text-left">
Signature de labonné
</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.7"></script>
<script src="/membre/assets/js/lib/bootstrap.min.js?version=2.6.4.3.7"></script>
<!-- Splide (caroussel crea partie) -->
<script src="/membre/assets/js/plugins/splide/splide.min.js?version=2.6.4.3.7"></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.7"></script>
<!-- jQuery Circle Progress -->
<script src="/membre/assets/js/plugins/jquery-circle-progress/circle-progress.min.js?version=2.6.4.3.7"></script>
<!-- Base Js File -->
<script src="/membre/assets/js/base.js?version=2.6.4.3.7"></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 lemployeur concerné (nom, prénom, adresse e-mail, sexe, numéro de téléphone). <br/>
A lexception des partenaires, Vous pourrez ensuite compléter votre profil en y ajoutant notamment une photo. <br/><br/>
</p>
<p>
Le traitement est basé sur lexécution dun 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, à laccès aux
services proposés sur loutil et à votre identification à lentré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 dune 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 à lentrée <br/>
des cours de sport (usagers personnes physiques)</td>
<td>Durée de labonnement + 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 dassurer 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 loutil Gestion Sports). <br/><br/>
Ces derniers ne peuvent utiliser vos données quen 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 loutil 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 deffacement des données qui vous concernent, ainsi que dun 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 lInformatique 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 dune 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 lautorité de la personne désignée en début danné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 dempê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 lannulation est faite 24 heures avant le créneau qui a été réservé par lutilisateur). <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 à lheure 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 dabus répétés, dutilisation frauduleuse ou dun accès illicite aux terrains en dehors des heures douvertures,
ladhé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>
<!-- 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 -->
<!-- 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>
<!-- * App Capsule -->
<!-- Navigation -->
<!-- Popup notif en haut de l'écran -->
<!-- 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>
<!-- Popup toast en haut de l'écran -->
<div id="toast" class="toast-box toast-top">
<div class="in">
<ion-icon name="checkmark-circle" class="text-success"></ion-icon>
<div class="text">
Votre inscription à la partie de Tennis a bien été enregistrée ! <br/>
Rendez-vous le 14 Janvier de 16h30 à 17h30.
</div>
</div>
<button type="button" class="btn btn-sm btn-text-light close-button">OK</button>
</div>
<!-- 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>-->
<!-- Popup sondage -->
<div class="modal fade modalbox show" id="sondage" 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">Nom du Sondage 1</h5>
<a href="javascript:;" data-dismiss="modal">Fermer</a>
</div>
<div class="modal-body p-0">
<div class="wide-block pt-2 pb-2">
<div class="section-title">Question 1</div>
<div class="row input-list">
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck1">
<label class="custom-control-label" for="customCheck1">1</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck2">
<label class="custom-control-label" for="customCheck2">2</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck3">
<label class="custom-control-label" for="customCheck3">3</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck4">
<label class="custom-control-label" for="customCheck4">4</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck5">
<label class="custom-control-label" for="customCheck5">5</label>
</div>
</div>
</div>
<div class="wide-block pt-2 pb-2">
<div class="section-title">Question 2</div>
<div class="row input-list">
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck6">
<label class="custom-control-label" for="customCheck6">1</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck7">
<label class="custom-control-label" for="customCheck7">2</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck8">
<label class="custom-control-label" for="customCheck8">3</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck9">
<label class="custom-control-label" for="customCheck9">4</label>
</div>
<div class="col-2 custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="customCheck10">
<label class="custom-control-label" for="customCheck10">5</label>
</div>
</div>
</div>
<div class="wide-block pt-2 pb-2">
<button class="btn btn-primary btn-block" type="submit">Valider</button>
</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 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">0</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 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">0</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 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">0</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 -->
<input type="hidden" class="modplanning" value="true">
<input type="hidden" name="page" value="mesresas">
<input type='hidden' name='idclub' value='21'>
<input type="hidden" name="mesresas-hash" value ="1111444455557777"/>
<template id="partnerTemplate">
<div class='user flex-v-left position-relative' data-toggle='collapse' data-target='#collapseAction' data-action_type='captainSwitch'>
<p class='mt-1' ></p>
<div class='img-container avatar-container position-relative'>
<div class='star-container position-absolute'>
<i class='justify-content-center align-items-center'>
<span class='text-light position-absolute star-p' id='tplUserLvl'></span>
</i>
</div>
<img class='imaged w36 rounded' src='/img/avatars/partner.AVATAR' alt='avatar'>
</div>
<span><i class="fa fa-times-circle removePartner" aria-hidden="true"></i></span>
<div class="collapse" id="">
<div class="card card-body">
<button data-toggle='modal' data-target='#modalpartenaires' data-action_type='captainSwitch' class="btn btn-primary mb-1">Remplacer</button>
<button data-toggle="modal" data-target="#removeUser" class="btn btn-danger">Retirer</button>
</div>
</div>
</div>
</template>
<!-- Modale pour retirer partenaire de la partie -->
<div class="modal fade dialogbox show" id="removeUser" 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">Êtes-vous sur de vouloir retirer ce joueur de la partie ? </h5>
</div>
<div class="modal-footer">
<div class="btn-list">
<a href="#" id="removePartner" class="btn btn-text-secondary btn-block" data-dismiss="modal">Oui</a>
<a class="btn btn-text-primary btn-block" data-dismiss="modal">Non</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.eu01.nr-data.net","licenseKey":"NRJS-5d7e135cdebdcd41e66","applicationID":"183368127","transactionName":"MhBSZQoZXhYCWxdaDgtaZUMRVx8EE0hMXgQIF0JUVxVVFhFdEFISSx1EXBQ=","queueTime":0,"applicationTime":1471,"atts":"HldRE0IDTRg=","errorBeacon":"bam.eu01.nr-data.net","agent":""}</script></body>
</html>