top of page
<!doctype html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>הצעת עיצוב — הרשמה לכדורגל חברתי</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&family=Secular+One&display=swap" rel="stylesheet">
<style>
:root{
/* נלקחו מהלוגו */
--turf:#5fb9bb;
--turf-mid:#2f7e82;
--turf-deep:#23686b;
--ink-teal:#173f41;
--board:#0f2e30;
--whistle:#f38a1f;
--whistle-deep:#c96a13;
--chalk:#faf7f2;
--card:#ffffff;
--line:#e6e1d7;
--line-soft:#f0ece4;
--ink:#26302e;
--ink-soft:#5c6965;
--ink-mute:#6b6660;
--r-lg:20px;
--r-md:14px;
--r-sm:10px;
--shadow-sm:0 2px 8px rgba(22,63,65,.06);
--shadow:0 10px 28px rgba(22,63,65,.10);
--shadow-up:0 16px 36px rgba(22,63,65,.16);
}
*{box-sizing:border-box;}
html,body{
margin:0;
padding:0;
background:var(--chalk);
color:var(--ink);
font-family:"Heebo",system-ui,Arial,sans-serif;
-webkit-font-smoothing:antialiased;
}
button{font-family:inherit;}
:focus-visible{
outline:3px solid rgba(47,126,130,.4);
outline-offset:2px;
border-radius:6px;
}
.display{font-family:"Secular One","Heebo",sans-serif;font-weight:400;}
/* ---------- מעטפת ---------- */
.wrap{
width:min(100%,560px);
margin:0 auto;
padding:14px 14px 60px;
}
/* ---------- כותרת ---------- */
.masthead{
display:flex;
align-items:center;
gap:13px;
padding:16px 18px;
margin-bottom:14px;
border:1px solid #cfe6e6;
border-radius:var(--r-lg);
background:
repeating-linear-gradient(112deg,
rgba(95,185,187,.10) 0 44px,
rgba(95,185,187,.03) 44px 88px),
linear-gradient(140deg, rgba(95,185,187,.16), #fff 70%);
box-shadow:var(--shadow-sm);
}
.masthead .crest{
width:52px;height:52px;flex:0 0 52px;
background-image:url("data:image/webp;base64,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");
background-size:contain;background-repeat:no-repeat;background-position:center;
}
.masthead h1{
margin:0;
font-size:20px;
line-height:1.25;
color:var(--ink-teal);
}
.masthead p{
margin:3px 0 0;
font-size:12.5px;
color:var(--ink-soft);
line-height:1.5;
}
/* ---------- פס התקדמות ---------- */
.rail{
display:none;
position:relative;
margin:0 0 18px;
padding:0 4px;
}
.rail.on{display:block;}
.rail-track{
display:flex;
justify-content:space-between;
position:relative;
}
.rail-track::before{
content:"";
position:absolute;
top:14px;
right:12%;
left:12%;
height:2px;
background:repeating-linear-gradient(to left,var(--line) 0 7px,transparent 7px 13px);
}
.rail-step{
position:relative;
flex:1;
text-align:center;
}
.rail-step .pip{
width:29px;height:29px;
margin:0 auto 6px;
border-radius:50%;
border:2px solid var(--line);
background:#fff;
color:var(--ink-mute);
display:flex;align-items:center;justify-content:center;
font-size:12.5px;
font-family:"Secular One",sans-serif;
transition:.22s ease;
}
.rail-step .cap{
font-size:11.5px;
color:var(--ink-mute);
font-weight:600;
}
.rail-step.done .pip{
border-color:var(--turf-mid);
background:var(--turf-mid);
color:#fff;
}
.rail-step.now .pip{
border-color:var(--turf-mid);
background:var(--turf);
color:var(--ink-teal);
box-shadow:0 0 0 5px rgba(95,185,187,.22);
}
.rail-step.now .cap,
.rail-step.done .cap{color:var(--turf-deep);font-weight:700;}
/* ---------- מסכים ---------- */
.screen{display:none;}
.screen.on{display:block;animation:rise .28s ease both;}
@keyframes rise{
from{opacity:0;transform:translateY(8px);}
to{opacity:1;transform:none;}
}
.eyebrow{
font-size:11.5px;
font-weight:700;
letter-spacing:.4px;
color:var(--turf-mid);
margin-bottom:5px;
}
h2.ask{
margin:0 0 4px;
font-size:24px;
line-height:1.25;
color:var(--ink-teal);
}
.sub{
margin:0 0 16px;
font-size:13.5px;
line-height:1.65;
color:var(--ink-soft);
}
/* ---------- מסך 1: בחירת מסלול ---------- */
.choices{
display:grid;
gap:12px;
}
.choice{
position:relative;
display:block;
width:100%;
text-align:right;
padding:17px 18px;
border:1.5px solid var(--line);
border-radius:var(--r-lg);
background:var(--card);
box-shadow:var(--shadow-sm);
cursor:pointer;
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.choice:hover{
transform:translateY(-2px);
border-color:var(--turf);
box-shadow:var(--shadow);
}
.choice-head{
display:flex;
align-items:baseline;
gap:9px;
flex-wrap:wrap;
margin-bottom:5px;
}
.choice-title{
font-family:"Secular One",sans-serif;
font-size:19px;
color:var(--ink-teal);
}
.choice-price{
font-size:13.5px;
font-weight:700;
color:var(--turf-deep);
}
.choice p{
margin:0;
font-size:13px;
line-height:1.7;
color:var(--ink-soft);
}
.choice .go{
margin-top:11px;
display:inline-flex;
align-items:center;
gap:6px;
font-size:13px;
font-weight:700;
color:var(--turf-mid);
}
.choice.lead{
border-color:var(--turf-mid);
background:linear-gradient(150deg,#f2fafa,#fff 60%);
}
.flag{
position:absolute;
top:-9px;
inset-inline-start:18px;
padding:3px 10px;
border-radius:20px;
background:var(--whistle);
color:var(--ink-teal);
font-size:11px;
font-weight:800;
box-shadow:0 3px 8px rgba(243,138,31,.3);
}
.footnote{
margin:16px 0 0;
padding:13px 15px;
border:1px solid var(--line);
border-radius:var(--r-md);
background:#fff;
font-size:12.5px;
line-height:1.7;
color:var(--ink-soft);
}
.footnote b{color:var(--ink-teal);}
/* ---------- מסך 2: בחירת קבוצה ---------- */
.field{margin-bottom:15px;}
.field label{
display:block;
margin-bottom:6px;
font-size:12.5px;
font-weight:700;
color:var(--ink-soft);
}
select{
width:100%;
min-height:46px;
padding:10px 13px 10px 34px;
border:1.5px solid var(--line);
border-radius:var(--r-sm);
background-color:#fff;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232f7e82' stroke-width='1.7' fill='none'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:left 13px center;
font-size:14px;
font-family:inherit;
color:var(--ink);
appearance:none;
cursor:pointer;
}
select:hover{border-color:var(--turf);}
.picker-hint{
display:flex;
gap:9px;
align-items:flex-start;
margin:0 0 12px;
padding:11px 13px;
border:1px solid #cfe6e6;
border-radius:var(--r-md);
background:#f2fafa;
font-size:12.5px;
line-height:1.65;
color:var(--turf-deep);
}
.picker-hint span:first-child{flex:0 0 auto;font-size:14px;line-height:1.35;}
.group{
position:relative;
margin-bottom:11px;
padding:15px 16px;
border:1.5px solid var(--line);
border-radius:var(--r-lg);
background:var(--card);
box-shadow:var(--shadow-sm);
transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.group:hover{border-color:var(--turf);transform:translateY(-1px);}
.group.picked{
border-color:var(--turf-mid);
border-width:2px;
padding:14px 15px;
box-shadow:0 0 0 4px rgba(95,185,187,.16), var(--shadow);
}
.group-pick{
display:block;
width:100%;
padding:0;
border:0;
background:none;
text-align:right;
cursor:pointer;
font:inherit;
color:inherit;
}
.group-top{
display:flex;
align-items:flex-start;
gap:12px;
}
.stage{
flex:0 0 78px;
width:78px;
padding:9px 8px;
border-radius:12px;
background:var(--turf-deep);
color:#fff;
text-align:center;
line-height:1.2;
}
.stage .s-name{
display:block;
font-family:"Secular One",sans-serif;
font-size:14px;
}
.stage .s-note{
display:block;
margin-top:2px;
font-size:10px;
opacity:.85;
font-weight:500;
}
.stage.t2{background:var(--turf-mid);}
.stage.t3{background:#3f8f7a;}
.stage.t4{background:#4a7fa5;}
.group-body{flex:1;min-width:0;}
.group-when{
display:block;
font-family:"Secular One",sans-serif;
font-size:17px;
color:var(--ink-teal);
line-height:1.3;
}
.group-alias{
display:block;
margin-top:3px;
font-size:12.5px;
color:var(--ink-soft);
line-height:1.5;
}
.slots{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:9px;
padding:4px 10px;
border-radius:20px;
font-size:11.5px;
font-weight:700;
}
.slots.ok{background:#eaf7ef;color:#1b6340;}
.slots.low{background:#fdf0e0;color:#8a4d0c;}
.slots .bulb{width:7px;height:7px;border-radius:50%;background:currentColor;}
.chips{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:12px;
padding-top:12px;
border-top:1px dashed var(--line);
}
.chip{
display:inline-flex;
align-items:center;
gap:5px;
padding:5px 10px;
border-radius:8px;
background:#f6f4ef;
font-size:11.5px;
color:var(--ink-soft);
}
.chip b{color:var(--ink);font-weight:700;}
.more{
margin-top:11px;
font-size:12.5px;
color:var(--ink-soft);
}
.more summary{
list-style:none;
cursor:pointer;
color:var(--turf-mid);
font-weight:700;
}
.more summary::-webkit-details-marker{display:none;}
.more summary::after{content:" ⌄";}
.more[open] summary::after{content:" ⌃";}
.more p{margin:8px 0 0;line-height:1.75;}
/* ---------- מסך 3: מועד ---------- */
.slab{
padding:17px 18px;
margin-bottom:12px;
border:1px solid var(--line);
border-radius:var(--r-lg);
background:var(--card);
box-shadow:var(--shadow-sm);
}
.slab h3{
margin:0 0 12px;
font-size:15px;
color:var(--ink-teal);
font-family:"Secular One",sans-serif;
}
.when-hero{
padding:16px;
border-radius:var(--r-md);
background:linear-gradient(140deg,#eef8f8,#fff 65%);
border:1px solid #cfe6e6;
}
.when-hero .d{
font-family:"Secular One",sans-serif;
font-size:23px;
color:var(--ink-teal);
line-height:1.25;
}
.when-hero .t{
margin-top:3px;
font-size:13.5px;
color:var(--ink-soft);
}
.cal{
display:inline-flex;
align-items:center;
gap:7px;
margin-top:13px;
padding:8px 13px;
border:1px solid #cfe6e6;
border-radius:var(--r-sm);
background:#fff;
color:var(--turf-deep);
font-size:12.5px;
font-weight:700;
text-decoration:none;
}
.cal:hover{border-color:var(--turf-mid);}
.note{
margin:11px 0 0;
font-size:12px;
line-height:1.65;
color:var(--ink-mute);
}
/* ---------- מסך 4: לוח התוצאות ---------- */
.board{
position:relative;
overflow:hidden;
margin-bottom:13px;
padding:22px 20px 20px;
border-radius:var(--r-lg);
background:var(--board);
color:#fff;
box-shadow:var(--shadow-up);
}
.board::before{
content:"";
position:absolute;
inset:0;
background:repeating-linear-gradient(112deg,
rgba(95,185,187,.07) 0 40px,
transparent 40px 80px);
pointer-events:none;
}
.board-lbl{
position:relative;
font-size:11.5px;
font-weight:700;
letter-spacing:.6px;
color:var(--turf);
margin-bottom:2px;
}
.board-amt{
position:relative;
display:flex;
align-items:baseline;
gap:7px;
font-family:"Secular One",sans-serif;
font-size:52px;
line-height:1.05;
font-variant-numeric:tabular-nums;
}
.board-amt .cur{font-size:22px;opacity:.75;}
.board-sub{
position:relative;
margin-top:4px;
font-size:12.5px;
color:rgba(255,255,255,.72);
}
.board-rule{
position:relative;
margin:15px 0 13px;
height:1px;
background:repeating-linear-gradient(to left,
rgba(255,255,255,.28) 0 6px,transparent 6px 12px);
}
.board-next{
position:relative;
display:flex;
align-items:baseline;
justify-content:space-between;
gap:12px;
}
.board-next .k{font-size:12.5px;color:rgba(255,255,255,.72);}
.board-next .v{
font-family:"Secular One",sans-serif;
font-size:19px;
font-variant-numeric:tabular-nums;
}
.board-span{
position:relative;
margin-top:5px;
font-size:11.5px;
color:rgba(255,255,255,.6);
}
.rows{
border:1px solid var(--line);
border-radius:var(--r-md);
background:#fff;
overflow:hidden;
margin-bottom:12px;
}
.row{
display:flex;
justify-content:space-between;
gap:14px;
padding:12px 15px;
font-size:13.5px;
border-bottom:1px solid var(--line-soft);
}
.row:last-child{border-bottom:none;}
.row .k{color:var(--ink-soft);flex:0 0 auto;}
.row .v{font-weight:700;text-align:left;color:var(--ink);}
.flag-note{
display:flex;
gap:10px;
align-items:flex-start;
margin-bottom:14px;
padding:13px 15px;
border:1px solid #f2d5ac;
border-radius:var(--r-md);
background:#fdf4e8;
font-size:12.5px;
line-height:1.7;
color:#7a4a12;
}
.flag-note b{color:#6b3f0c;}
.flag-note a{color:#6b3f0c;}
.flag-note span:first-child{flex:0 0 auto;font-size:14px;line-height:1.4;}
/* ---------- כפתורים ---------- */
.cta{
display:block;
width:100%;
min-height:54px;
padding:15px 20px;
border:0;
border-radius:var(--r-md);
background:linear-gradient(140deg,var(--turf),var(--turf-mid));
color:var(--ink-teal);
font-family:"Secular One",sans-serif;
font-size:16.5px;
cursor:pointer;
box-shadow:0 8px 20px rgba(47,126,130,.3);
transition:transform .16s ease, box-shadow .16s ease;
}
.cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 26px rgba(47,126,130,.36);}
.cta:disabled{
background:#e2ded7;
color:#928d86;
box-shadow:none;
cursor:not-allowed;
}
.back{
display:inline-flex;
align-items:center;
gap:6px;
margin-top:14px;
padding:8px 2px;
border:0;
background:none;
color:var(--ink-soft);
font-size:13px;
font-weight:600;
cursor:pointer;
}
.back:hover{color:var(--turf-mid);}
/* ---------- הערת הדגמה ---------- */
.demo-tag{
margin:0 auto 14px;
width:min(100%,560px);
padding:9px 14px;
border-radius:var(--r-sm);
background:#ecebe6;
border:1px dashed #cdc7bc;
color:#6b6660;
font-size:11.5px;
line-height:1.6;
text-align:center;
}
@media (max-width:420px){
.board-amt{font-size:44px;}
h2.ask{font-size:21px;}
.stage{min-width:62px;}
}
@media (prefers-reduced-motion:reduce){
*{animation:none !important;transition:none !important;}
}
</style>
</head>
<body>
<div class="demo-tag">
הדגמת עיצוב · הנתונים לדוגמה בלבד. אפשר ללחוץ ולעבור בין המסכים.
</div>
<div class="wrap">
<header class="masthead">
<div class="crest" role="img" aria-label="כדורגל חברתי"></div>
<div>
<h1 class="display">כדורגל חברתי</h1>
<p>גינת דובנוב · תל אביב</p>
</div>
</header>
<nav class="rail" id="rail" aria-label="שלבי ההרשמה">
<div class="rail-track">
<div class="rail-step" id="r1"><div class="pip">1</div><div class="cap">קבוצה</div></div>
<div class="rail-step" id="r2"><div class="pip">2</div><div class="cap" id="r2cap">הצטרפות</div></div>
<div class="rail-step" id="r3"><div class="pip">3</div><div class="cap">תשלום</div></div>
</div>
</nav>
<!-- ============ מסך 1 ============ -->
<section class="screen on" id="s1">
<div class="eyebrow">הרשמה לעונת 2026/27</div>
<h2 class="ask display">איך תרצו להתחיל?</h2>
<p class="sub">שתי דרכים להצטרף. אפשר להתחיל בקטן ולהמשיך אחר כך.</p>
<div class="choices">
<button class="choice lead" type="button" data-mode="annual">
<span class="flag">שומר מקום בקבוצה</span>
<span class="choice-head">
<span class="choice-title">הרשמה לעונה</span>
<span class="choice-price">260 ₪ לחודש</span>
</span>
<p>מקום קבוע בקבוצה מספטמבר עד יוני. בחודש הראשון משלמים רק על המפגשים שנשארו בו.</p>
<span class="go">בחירת קבוצה ‹</span>
</button>
<button class="choice" type="button" data-mode="trial">
<span class="choice-head">
<span class="choice-title">מפגש היכרות</span>
<span class="choice-price">65 ₪</span>
</span>
<p>מפגש אחד לראות איך זה מרגיש, בלי התחייבות. שומר מקום למפגש הזה בלבד.</p>
<span class="go">בחירת מפגש ‹</span>
</button>
</div>
<p class="footnote">
<b>לא בטוחים?</b> אפשר להתחיל במפגש היכרות ולעבור להרשמה לעונה אחריו.
שימו לב שהמקום בקבוצה נשמר רק בהרשמה לעונה — קבוצות מתמלאות במהלך ספטמבר.
</p>
</section>
<!-- ============ מסך 2 ============ -->
<section class="screen" id="s2">
<div class="eyebrow" id="s2eyebrow">הרשמה לעונה</div>
<h2 class="ask display">באיזו קבוצה הילד/ה?</h2>
<p class="sub">הקבוצות מסודרות לפי המסגרת החינוכית של השנה הנוכחית.</p>
<div class="field">
<label for="loc">מיקום</label>
<select id="loc">
<option>גינת דובנוב · תל אביב</option>
</select>
</div>
<div class="picker-hint">
<span>⚽</span>
<span>לא מוצאים התאמה? קבוצת <b>חינוך ביתי</b> פועלת בשעות הבוקר ומשלבת גילאים שונים.</span>
</div>
<div id="groups"></div>
<button class="cta" id="s2next" type="button" disabled>בחרו קבוצה כדי להמשיך</button>
<button class="back" type="button" data-back="s1">‹ חזרה לבחירת מסלול</button>
</section>
<!-- ============ מסך 3 ============ -->
<section class="screen" id="s3">
<div class="eyebrow" id="s3eyebrow">הרשמה לעונה</div>
<h2 class="ask display" id="s3title">מתי מתחילים?</h2>
<p class="sub" id="s3sub">המפגש הקרוב שמתקיים בפועל, אחרי התחשבות בחופשות.</p>
<div class="slab">
<div class="field" id="joinField">
<label for="joinDate">מועד ההצטרפות</label>
<select id="joinDate">
<option>יום שני, 7.9.2026 — המפגש הקרוב</option>
<option>יום שני, 14.9.2026</option>
</select>
</div>
<div class="when-hero">
<div class="d display" id="whenDate">יום שני, 7 בספטמבר 2026</div>
<div class="t" id="whenTime">17:15–18:00 · גינת דובנוב</div>
<a class="cal" href="#" onclick="return false;">🗓️ הוספה ליומן</a>
</div>
<p class="note" id="whenNote">
אפשר להצטרף גם באמצע החודש — משלמים רק על המפגשים שנשארו.
</p>
</div>
<button class="cta" id="s3next" type="button">להמשך לסיכום ›</button>
<button class="back" type="button" data-back="s2">‹ חזרה לקבוצות</button>
</section>
<!-- ============ מסך 4 ============ -->
<section class="screen" id="s4">
<div class="eyebrow" id="s4eyebrow">הרשמה לעונה</div>
<h2 class="ask display">זה מה שמשלמים</h2>
<p class="sub" id="s4sub">חודש ההצטרפות מחושב לפי המפגשים שמתקיימים בפועל.</p>
<div class="board">
<div class="board-lbl" id="boardLbl">בספטמבר · 2 מפגשים</div>
<div class="board-amt display"><span id="boardAmt">130</span><span class="cur">₪</span></div>
<div class="board-sub" id="boardSub">65 ₪ למפגש · חיוב חד־פעמי עכשיו</div>
<div id="boardTail">
<div class="board-rule"></div>
<div class="board-next">
<span class="k">ואז, מדי חודש</span>
<span class="v display">260 ₪</span>
</div>
<div class="board-span">9 חיובים · אוקטובר 2026 עד יוני 2027</div>
</div>
</div>
<div class="rows" id="sumRows"></div>
<div class="flag-note">
<span>🗓️</span>
<span>
<b>שני מועדים לא נכללו בחיוב:</b> יום כיפור (21.9) וסוכות (28.9).
<a href="#" onclick="return false;">לוח החופשות המלא</a>
</span>
</div>
<button class="cta" type="button" onclick="return false;">להמשך לתשלום ›</button>
<button class="back" type="button" data-back="s3">‹ חזרה</button>
</section>
</div>
<script>
(function(){
"use strict";
var GROUPS = [
{
id:"tatach",
stage:"טט״ח",
stageNote:"טרום טרום חובה",
tier:"",
when:"יום ב׳ · 16:30–17:00",
alias:"",
mins:30,
parent:true,
slots:"ok",
slotsText:"יש מקום",
monthly:220,
trial:55,
blurb:"המפגש הראשון של הקטנים עם כדור וקבוצה. הרבה משחק, מעט חוקים, והורה לצד הילד/ה לאורך כל המפגש."
},
{
id:"gan",
stage:"גן חובה",
stageNote:"",
tier:"t2",
when:"יום ב׳ · 17:15–18:00",
alias:"",
mins:45,
parent:false,
slots:"low",
slotsText:"נשארו 2 מקומות",
monthly:260,
trial:65,
blurb:"מעבר הדרגתי למשחק קבוצתי מובנה: כיבוד תור, עבודת צוות, והתמודדות עם ניצחון והפסד."
},
{
id:"alef",
stage:"א׳–ב׳",
stageNote:"כיתות",
tier:"t3",
when:"יום ב׳ · 18:15–19:00",
alias:"",
mins:45,
parent:false,
slots:"ok",
slotsText:"יש מקום",
monthly:260,
trial:65,
blurb:"משחקים קטנים, תרגילי מיומנות ומשחק מלא בסיום. הדגש על שיתוף פעולה ולא על תוצאה."
},
{
id:"homeschool",
stage:"רב־גילאי",
stageNote:"בוקר",
tier:"t4",
when:"יום ב׳ · 11:30–12:15",
alias:"חינוך ביתי · גילאי 2.5–6",
mins:45,
parent:true,
slots:"ok",
slotsText:"יש מקום",
monthly:260,
trial:65,
blurb:"קבוצה לילדים שאינם במסגרת גן בשעות הבוקר. כל ילד/ה מקבל/ת משימות בהתאם ליכולת, בלי השוואה."
}
];
var mode = "annual";
var picked = null;
var el = function(id){ return document.getElementById(id); };
/* ---------- ציור כרטיסי הקבוצות ---------- */
function drawGroups(){
var host = el("groups");
host.innerHTML = "";
GROUPS.forEach(function(g){
var card = document.createElement("div");
card.className = "group" + (picked === g.id ? " picked" : "");
var chips =
'<span class="chip">⏱ <b>' + g.mins + ' דק׳</b></span>' +
'<span class="chip">📍 <b>גינת דובנוב</b></span>' +
(g.parent ? '<span class="chip">👪 <b>בליווי הורה</b></span>' : '');
var pick = document.createElement("button");
pick.type = "button";
pick.className = "group-pick";
pick.setAttribute("aria-pressed", picked === g.id ? "true" : "false");
pick.innerHTML =
'<span class="group-top">' +
'<span class="stage ' + g.tier + '">' +
'<span class="s-name">' + g.stage + '</span>' +
(g.stageNote ? '<span class="s-note">' + g.stageNote + '</span>' : '') +
'</span>' +
'<span class="group-body">' +
'<span class="group-when">' + g.when + '</span>' +
(g.alias ? '<span class="group-alias">' + g.alias + '</span>' : '') +
'<span class="slots ' + g.slots + '"><span class="bulb"></span>' + g.slotsText + '</span>' +
'</span>' +
'</span>' +
'<span class="chips">' + chips + '</span>';
pick.addEventListener("click", function(){
picked = g.id;
drawGroups();
var next = el("s2next");
next.disabled = false;
next.textContent = (mode === "annual" ? "להמשך למועד ההצטרפות ›" : "להמשך לבחירת מפגש ›");
});
var d = document.createElement("details");
d.className = "more";
d.innerHTML = "<summary>למי הקבוצה הזו מתאימה</summary><p>" + g.blurb + "</p>";
card.appendChild(pick);
card.appendChild(d);
host.appendChild(card);
});
}
/* ---------- מעבר בין מסכים ---------- */
function show(id){
["s1","s2","s3","s4"].forEach(function(s){
el(s).classList.toggle("on", s === id);
});
var railOn = (id !== "s1");
el("rail").classList.toggle("on", railOn);
var map = { s2:1, s3:2, s4:3 };
var step = map[id] || 0;
[1,2,3].forEach(function(n){
var node = el("r" + n);
node.classList.toggle("done", n < step);
node.classList.toggle("now", n === step);
node.querySelector(".pip").textContent = (n < step ? "✓" : String(n));
});
window.scrollTo({ top:0, behavior:"smooth" });
}
function labelFor(){
return mode === "annual" ? "הרשמה לעונה" : "מפגש היכרות";
}
function applyMode(){
["s2eyebrow","s3eyebrow","s4eyebrow"].forEach(function(k){
el(k).textContent = labelFor();
});
el("r2cap").textContent = (mode === "annual" ? "הצטרפות" : "מועד");
if (mode === "annual"){
el("s3title").textContent = "מתי מתחילים?";
el("s3sub").textContent = "המפגש הקרוב שמתקיים בפועל, אחרי התחשבות בחופשות.";
el("joinField").style.display = "";
el("whenNote").textContent = "אפשר להצטרף גם באמצע החודש — משלמים רק על המפגשים שנשארו.";
el("s4sub").textContent = "חודש ההצטרפות מחושב לפי המפגשים שמתקיימים בפועל.";
el("boardTail").style.display = "";
} else {
el("s3title").textContent = "המפגש ששמור עבורכם";
el("s3sub").textContent = "זה המפגש הקרוב שמתקיים בפועל.";
el("joinField").style.display = "none";
el("whenNote").textContent = "ההרשמה שומרת מקום למפגש הזה בלבד ואינה ממשיכה אוטומטית.";
el("s4sub").textContent = "תשלום חד־פעמי עבור המפגש שנבחר.";
el("boardTail").style.display = "none";
}
}
function currentGroup(){
for (var i = 0; i < GROUPS.length; i++){
if (GROUPS[i].id === picked) return GROUPS[i];
}
return GROUPS[1];
}
function fillWhen(){
var g = currentGroup();
var time = g.when.split("·")[1].trim();
el("whenTime").textContent = time + " · גינת דובנוב";
el("whenDate").textContent = "יום שני, 7 בספטמבר 2026";
}
function fillSummary(){
var g = currentGroup();
var rows;
if (mode === "annual"){
el("boardLbl").textContent = "בספטמבר · 2 מפגשים";
el("boardAmt").textContent = String(g.trial * 2);
el("boardSub").textContent = g.trial + " ₪ למפגש · חיוב ראשון עכשיו";
document.querySelector(".board-next .v").textContent = g.monthly + " ₪";
rows = [
["קבוצה", g.stage + " · " + g.when],
["מיקום", "גינת דובנוב"],
["מועד הצטרפות", "יום שני, 7.9.2026"],
["תקופת הפעילות", "1.9.2026 – 30.6.2027"]
];
} else {
el("boardLbl").textContent = "מפגש היכרות · מפגש אחד";
el("boardAmt").textContent = String(g.trial);
el("boardSub").textContent = "תשלום חד־פעמי · ללא התחייבות להמשך";
rows = [
["קבוצה", g.stage + " · " + g.when],
["מיקום", "גינת דובנוב"],
["מועד המפגש", "יום שני, 7.9.2026"],
["משך המפגש", g.mins + " דקות"]
];
}
el("sumRows").innerHTML = rows.map(function(r){
return '<div class="row"><span class="k">' + r[0] + '</span><span class="v">' + r[1] + '</span></div>';
}).join("");
}
/* ---------- חיווט ---------- */
Array.prototype.forEach.call(document.querySelectorAll("[data-mode]"), function(btn){
btn.addEventListener("click", function(){
mode = btn.getAttribute("data-mode");
picked = null;
applyMode();
drawGroups();
var next = el("s2next");
next.disabled = true;
next.textContent = "בחרו קבוצה כדי להמשיך";
show("s2");
});
});
Array.prototype.forEach.call(document.querySelectorAll("[data-back]"), function(btn){
btn.addEventListener("click", function(){
show(btn.getAttribute("data-back"));
});
});
el("s2next").addEventListener("click", function(){
fillWhen();
show("s3");
});
el("s3next").addEventListener("click", function(){
fillSummary();
show("s4");
});
drawGroups();
applyMode();
})();
</script>
</body>
</html>
bottom of page