| Current Path : /home/happyrenas/fun/public/ |
Linux webd005.cluster105.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 |
| Current File : /home/happyrenas/fun/public/index.html |
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>MyReco — Activité</title>
<link rel="stylesheet" href="./assets/styles.css" />
</head>
<body>
<header class="topbar">
<div class="container">
<div class="brand">MyReco</div>
</div>
</header>
<main class="container">
<!-- Bloc 1 -->
<section class="card">
<h1 class="title">ENREGISTREMENT</h1>
<p class="muted">Veuillez renseigner ces informations afin d’être référencé sur MyReco.</p>
</section>
<!-- Bloc 2 -->
<section class="card">
<label class="label" for="activitySearch">NOM COMMERCIAL</label>
<div class="field">
<input id="activitySearch" class="input" type="text" placeholder="Sélectionner un hébergement" autocomplete="off" />
<div id="activityResults" class="dropdown" aria-label="Résultats hébergements"></div>
<div id="activityLoading" class="hint" hidden>Chargement…</div>
</div>
<div id="activityInfo" class="mt16" hidden>
<div class="subttl">HÉBERGEMENTS RÉFÉRENCÉS SUR MYRECO</div>
<div id="hebergList" class="pre"></div>
<div id="activityAddress" class="hint mt8"></div>
</div>
</section>
<!-- Bloc 3 -->
<section class="card" id="qrBlock" hidden>
<div class="subttl">QR</div>
<div class="qrWrap">
<img id="qrImg" class="qrImg" alt="QR MyReco" />
</div>
</section>
<!-- Bloc 4 -->
<section class="card" id="tarifsBlock" hidden>
<div class="row">
<div>
<div class="subttl">TARIFS</div>
<div class="hint">(avec votre espace client STRIPE)</div>
</div>
</div>
<div class="mt12">
<img id="tarifsImg" class="tarifsImg" alt="Tarifs" />
<a id="tarifsLink" class="link" href="#" target="_blank" rel="noopener" hidden>Ouvrir les tarifs</a>
</div>
</section>
<!-- Bloc 5 -->
<section class="card" id="productBlock" hidden>
<label class="label" for="productSelect">TARIF</label>
<select id="productSelect" class="select">
<option value="">Sélectionner un tarif</option>
</select>
<div id="productLoading" class="hint mt8" hidden>Chargement…</div>
</section>
<!-- Bloc 6 -->
<section class="card" id="finalBlock" hidden>
<!-- honeypot -->
<input id="website" type="text" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true" />
<label class="label" for="paysInput">PAYS <span class="req">*</span></label>
<input id="paysInput" class="input" type="text" placeholder="Ex : France" />
<label class="label mt12" for="bookingInput">URL BOOKING</label>
<input id="bookingInput" class="input" type="url" placeholder="https://…" />
<button id="submitBtn" class="btn mt16">VALIDER</button>
<div id="formMsg" class="msg mt12" hidden></div>
<a id="stripeBtn" class="btn secondary mt12" href="#" target="_blank" rel="noopener" hidden>Payer sur Stripe</a>
</section>
</main>
<footer class="footer">
<div class="container muted">© MyReco</div>
</footer>
<script src="./assets/app.js"></script>
</body>
</html>