<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1183/SGle11834834.jpg" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Shmurah,Matzah" />
<meta name="title" content="Shmurah Matzah - Chabad of Closter" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="3847360-3847368-4808725-5061846-5061865" />
<meta name="article-keywords" content="23157-2185-20429-8495-2170-2898-20962" />
<meta name="scope-aid" content="3847360" />
<meta name="scope-aid" content="3847368" />
<meta name="scope-aid" content="4808725" />
<meta name="scope-aid" content="5061846" />
<meta name="scope-aid" content="5061865" />
<meta name="article-keyword" content="23157" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="20429" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.chabadcloster.org/templates/articlecco_cdo/aid/5061865/jewish/Shmurah-Matzah.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Shmurah Matzah - Chabad of Closter" /><link rel="canonical" href="https://www.chabadcloster.org/templates/articlecco_cdo/aid/5061865/jewish/Shmurah-Matzah.htm" />
<link rel="icon" type="image/jpg" href="https://www.chabadcloster.org/media/images/1183/SGle11834834.jpg" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/pesach-minisite.css?v=7/8/2026" id="k23157" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=AB6A2925" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=87AD6957" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2021-03-03","primaryArticleId":5061865,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Holiday Celebrations","contentLevel3":"Pesach","contentLevel4":"Shmurah Matzah","siteName":"Chabad of Closter"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":29,"hebrewDate":"5786-06-01"}});
		dataLayer.push({ 'articleHierarchy': '-3847360-3847368-4808725-5061846-5061865-', 'keywords': '-k20962-k2898-k2170-k8495-k20429-k2185-k23157-', 'k': '-3847360-3847368-4808725-5061846-5061865--k20962-k2898-k2170-k8495-k20429-k2185-k23157-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 11564362;var sc_partition = 72;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "5fae6eda";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c73.statcounter.com/counter.php?sc_project=11564362&amp;java=0&amp;security=5fae6eda&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<!-- Google tag (gtag.js) -->



<meta name="google-site-verification" content="6AVbyoCcY8NoH5Wci1t91mxWf2nCV3S93noMOGVOiDA" />
<style>
  .article_text form{
    --co-input-radius:12px;
    --co-input-border:#cbd5e1;
    --co-input-text:#0f172a;
    --co-label:#0f172a;
    --co-muted:#64748b;
    --co-focus:#2563eb;
    --co-bg:#ffffff;
  }
  .article_text form .form-group,
  .article_text form .field,
  .article_text form .co_form_field,
  .article_text form .row > div{margin-bottom:14px!important;}
  .article_text form label,
  .article_text form .control-label,
  .article_text form .label{display:block;font-weight:600;color:var(--co-label);margin-bottom:6px;line-height:1.2;}
  .article_text form input[type="text"],
  .article_text form input[type="email"],
  .article_text form input[type="tel"],
  .article_text form input[type="number"],
  .article_text form input[type="search"],
  .article_text form input[type="url"],
  .article_text form input[type="password"],
  .article_text form select,
  .article_text form textarea,
  .article_text form .form-control,
  .article_text form .input,
  .article_text form .co_input{
    appearance:none;width:100%;max-width:100%;background:var(--co-bg);
    border:1px solid var(--co-input-border);border-radius:var(--co-input-radius);
    padding:12px 14px;font-size:16px;line-height:1.45;color:var(--co-input-text);
    transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 0 0 0 rgba(0,0,0,0);
  }
  .article_text form input::placeholder,
  .article_text form textarea::placeholder{color:var(--co-muted);}
  .article_text form input:focus,
  .article_text form select:focus,
  .article_text form textarea:focus,
  .article_text form .form-control:focus{
    outline:none!important;border-color:var(--co-focus)!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.20)!important;
  }
  .article_text form .row{row-gap:10px;}
  .article_text form select{padding-right:40px;}
  .article_text form input[type="radio"],
  .article_text form input[type="checkbox"]{width:18px;height:18px;accent-color:var(--co-focus);}
  .article_text form small,
  .article_text form .help-block,
  .article_text form .hint{color:var(--co-muted);font-size:13px;}
  .article_text form .total,
  .article_text form .co_total,
  .article_text form .sum,
  .article_text form .calc-result{font-weight:700;color:var(--co-input-text);}
  .article_text form input[type="submit"],
  .article_text form button[type="submit"],
  .article_text form .btn-primary{
    background:var(--co-focus)!important;border:1px solid var(--co-focus)!important;color:#fff!important;
    border-radius:999px!important;padding:12px 18px!important;font-weight:700!important;line-height:1.1!important;cursor:pointer;
    transition:transform .06s ease,box-shadow .15s ease;box-shadow:0 6px 14px -6px rgba(37,99,235,.45);
  }
  .article_text form input[type="submit"]:hover,
  .article_text form button[type="submit"]:hover,
  .article_text form .btn-primary:hover{transform:translateY(-1px);}
  .article_text form input[type="submit"]:active,
  .article_text form button[type="submit"]:active,
  .article_text form .btn-primary:active{transform:translateY(0);}
  .article_text form .payment,
  .article_text form .creditcard,
  .article_text form .gateway,
  .article_text form .co-payment,
  .article_text form .billing-address{border:1px solid #e5e7eb;border-radius:14px;padding:14px;}
  .article_text form h2, .article_text form h3{margin-top:18px;margin-bottom:10px;font-weight:800;color:var(--co-input-text);line-height:1.2;}
  .article_text form .captcha, .article_text form .co-honeypot{margin-top:8px;}
  @media print{
    .article_text form input,.article_text form select,.article_text form textarea{box-shadow:none!important;}
  }
</style>

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17974621737"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17974621737');
</script><title>
	Shmurah Matzah - Chabad of Closter
</title></head>
<body class="lang_en dir_ltr cco_body form secure cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.ChabadCloster.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Closter</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style>
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
    /* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
  font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
     font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
     font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
     /* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
    float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
    float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/5061846" style="text-decoration:none">

PESACH

</a>
</div>
<div class="centerName">

At
Chabad of Closter

</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
April 21 - 29, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=5061846" class="parent">Home</a>
|
</li>
<li class="item parent selected">
<a href="/article.asp?aid=5061865" class="parent selected">Shmurah Matzah</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3966010" class="parent">Sell Your Chametz Form</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5876340" class="parent">Passover Charity</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7284757" class="parent">Passover Seder</a>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Shmurah Matzah</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	


		<div class="notice error">
			<div class="h1">Due to Shabbat observance this form is currently disabled</div>
			<div class="small_top_margin">Due to the sanctity of <b>Shabbat</b>, this form cannot accept new submissions until <b>Saturday, August 15, 8:38 PM</b>.</div>
			<div class="small_top_margin">Thank you.</div>
		</div>
	
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
<div id="border_bottom"></div>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
/* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
/* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadcloster.org%2ftemplates%2farticlecco_cdo%2faid%2f5061865%2fjewish%2fShmurah-Matzah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Shmurah+Matzah+-+Chabad+of+Closter&amp;url=https%3a%2f%2fwww.chabadcloster.org%2ftemplates%2farticlecco_cdo%2faid%2f5061865%2fjewish%2fShmurah-Matzah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Shmurah+Matzah+-+Chabad+of+Closter https%3a%2f%2fwww.chabadcloster.org%2ftemplates%2farticlecco_cdo%2faid%2f5061865%2fjewish%2fShmurah-Matzah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadcloster.org%2ftemplates%2farticlecco_cdo%2faid%2f5061865%2fjewish%2fShmurah-Matzah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Shmurah+Matzah+-+Chabad+of+Closter">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 5061846);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				


	<div class="footer3"><b>Chabad of Closter, 1 Ruckman Rd, Closter, NJ 07624</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery/jquery.inputmask.min.js?v=BF33D3B4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/forms/userform.js?v=E69144BF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/FormDecoder.js?v=83AF6F1A"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Closter'}; Co.ArticleId     = '5061865';Co.SectionId     = 4808725;Co.PartnerSiteId = 0;Co.SiteId        = 10818;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadCloster.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<!-- GetButton.io widget (unchanged) -->

<!-- /GetButton.io widget -->


<script type="text/javascript">
  (function () {
    var options = {
      whatsapp: "+1(201)937-6562", // WhatsApp number
      call_to_action: "How can we help you?", // Call to action
      position: "right", // Position may be 'right' or 'left'
    };
    var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
    s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
    var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
  })();
</script><script>
/* ============================================================
   אחרינו השמש תזרח — registration layer (Hebrew / RTL)
   Site : chabadcloster.org
   AID  : 7467965  (UserForm engine)

   PLACEMENT — site-wide FOOTER raw-code box.
   ChabadOne form pages have no article/source editor, so the footer is the
   only injection point. The AID guard below keeps this inert on every
   other page of the site.

   PAGE ORDER: flyer → stepped form → date/time bar → story.
   No modal, no register buttons — the form is on the page.

   Native wiring confirmed on this form:
     input_6            Guests, priced $15/head by the engine
     other_8 + input_8  Donation, "other" amount
     input_10           receipt row toggle (holds table-row / none)
     #id_9 total_amount DIV (display only — read textContent, never .value)
     input_2            Submit button
   The engine (Userform.countTotal) owns all arithmetic.
   This layer writes two numbers and reads the total back.
   ============================================================ */
(function () {
  'use strict';

  var AID  = '7467965';
  var HREF = window.location.href;
  var onThisForm =
    (HREF.indexOf('/aid/' + AID) > -1) ||
    (HREF.indexOf('/' + AID + '/') > -1) ||
    (HREF.indexOf('/' + AID + '.') > -1);
  if (!onThisForm) return;

  var IMG = {
    flyer : 'https://chabadcloster.org/media/images/1382/Tkyd13822763.png'
  };

  var SEAT_PRICE = 15;
  var MAX_SEATS  = 20;
  var LAST_STEP  = 5;

  /* prices stay left-to-right inside Hebrew text */
  function money(v) { return '<span dir="ltr">$' + v + '</span>'; }

  /* ================= native helpers ================= */

  function setNative(id, val) {
    var el = document.getElementById(id);
    if (!el) return false;
    el.value = val;
    ['input', 'change', 'keyup', 'blur'].forEach(function (evt) {
      el.dispatchEvent(new Event(evt, { bubbles: true }));
    });
    return true;
  }

  function setSelect(id, val) {
    var el = document.getElementById(id);
    if (!el) return false;
    el.value = val;
    el.dispatchEvent(new Event('change', { bubbles: true }));
    return el.value === val;
  }

  /* total_amount is a DIV and the id is not reliably unique — always scope */
  function readTotal() {
    var d = document.querySelector('#id_9 [id="total_amount"]');
    return d ? d.textContent.trim() : '';
  }

  function totalCents() {
    var t = readTotal().replace(/[^0-9.]/g, '');
    return t ? Math.round(parseFloat(t) * 100) : 0;
  }

  /* ================= state ================= */

  var S = { seats: 1, sponsor: 0, step: 1, submitting: false, done: false };

  function pushSeats() { setNative('input_6', S.seats > 0 ? String(S.seats) : ''); }

  function pushSponsor() {
    var other = document.getElementById('other_8');
    var box   = document.getElementById('input_8');
    if (!other || !box) return;
    document.querySelectorAll('input[name="q8_input8"]').forEach(function (r) {
      if (r.id !== 'other_8') r.checked = false;
    });
    if (S.sponsor > 0) {
      other.checked = true;
      other.dispatchEvent(new Event('click',  { bubbles: true }));
      other.dispatchEvent(new Event('change', { bubbles: true }));
      setNative('input_8', String(S.sponsor));
    } else {
      other.checked = false;
      other.dispatchEvent(new Event('change', { bubbles: true }));
      setNative('input_8', '');
    }
    /* drives the inline display: merge field that hides the donation
       row in the receipt when no donation was made */
    setNative('input_10', S.sponsor > 0 ? 'table-row' : 'none');
  }

  function syncTotal() {
    pushSeats();
    pushSponsor();
    setTimeout(paintTotal, 260);
  }

  function paintTotal() {
    var t = readTotal() || '$0.00';
    var el = document.getElementById('cl-total');
    if (el) el.innerHTML = '<span dir="ltr">' + t + '</span>';
    var line = document.getElementById('cl-totline');
    if (line) {
      line.innerHTML = S.seats + ' מקומות \u00D7 ' + money(SEAT_PRICE) +
        (S.sponsor > 0 ? '  +  ' + money(S.sponsor) + ' תרומה' : '');
    }
  }

  /* ================= styles ================= */

  function injectCSS() {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&family=Frank+Ruhl+Libre:wght@400;500;700&display=swap';
    document.head.appendChild(link);

    var css = document.createElement('style');
    css.textContent = [
      ':root{--cl-ink:#12241A;--cl-green:#1B3A2A;--cl-cream:#F6F1E4;--cl-card:#FFFDF7;--cl-gold:#B08A2E;--cl-goldlt:#D9BC6A;--cl-mute:#6E6959}',
      '#cl{direction:rtl;font-family:Heebo,"Segoe UI",system-ui,sans-serif;color:var(--cl-ink);background:var(--cl-cream);margin:0 auto;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:8px}',
      '#cl *,#cl *:before,#cl *:after{box-sizing:border-box}',
      '#cl .wrap{max-width:640px;margin:0 auto;padding:0 18px}',

      /* flyer at the top */
      '#cl .col{max-width:596px;margin:0 auto;padding:18px 18px 0}',
      '#cl .flyer{margin:0;padding:0;text-align:center}',
      '#cl .flyer img{width:100%;display:block;border:1px solid rgba(27,58,42,.18);box-shadow:0 4px 18px rgba(0,0,0,.12)}',

      /* the form card */
      '#cl .card{margin:22px 0 8px;background:var(--cl-cream);border:1px solid rgba(27,58,42,.2);box-shadow:0 6px 24px rgba(0,0,0,.09)}',
      '#cl .card .head{background:var(--cl-green);color:var(--cl-cream);padding:18px 22px 16px}',
      '#cl .dots{display:flex;gap:6px;margin-bottom:13px}',
      '#cl .dots i{flex:1;height:3px;background:rgba(246,241,228,.22)}',
      '#cl .dots i.done{background:var(--cl-goldlt)}',
      '#cl .eyebrow{font-size:12px;letter-spacing:.08em;color:var(--cl-goldlt);margin:0 0 5px;font-weight:700}',
      '#cl .card h3{margin:0;font-size:25px;font-weight:800;line-height:1.25}',
      '#cl .hint{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:16px;color:rgba(246,241,228,.78);margin:8px 0 0}',
      '#cl .card .body{padding:22px}',
      '#cl .pane{display:none}',
      '#cl .pane.on{display:block}',

      '#cl .step{display:flex;align-items:center;gap:16px;justify-content:center;padding:12px 0 6px}',
      '#cl .step button{width:52px;height:52px;font-size:26px;font-weight:600;background:var(--cl-green);color:var(--cl-cream);border:0;cursor:pointer;line-height:1}',
      '#cl .step button:disabled{opacity:.3;cursor:default}',
      '#cl .step .n{font-size:40px;font-weight:800;min-width:64px;text-align:center}',
      '#cl .seatnote{text-align:center;font-size:14px;color:var(--cl-mute);margin:4px 0 0}',

      '#cl .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}',
      '#cl .tile{background:var(--cl-card);border:1px solid rgba(27,58,42,.18);padding:15px 6px;text-align:center;cursor:pointer;font-size:19px;font-weight:700;font-family:Heebo,sans-serif;color:var(--cl-ink);transition:.12s}',
      '#cl .tile:hover{border-color:var(--cl-gold)}',
      '#cl .tile.on{background:var(--cl-green);color:var(--cl-cream);border-color:var(--cl-green)}',
      '#cl .intro{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:17px;line-height:1.7;margin:0 0 16px;color:#333026}',

      '#cl .grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}',
      '#cl .f{display:flex;flex-direction:column;gap:5px}',
      '#cl .f.full{grid-column:1/-1}',
      '#cl .card label{font-size:13px;color:var(--cl-mute);font-weight:700}',
      '#cl .card input,#cl .card select{font:inherit;font-size:16px;padding:11px 12px;border:1px solid rgba(27,58,42,.26);background:var(--cl-card);color:var(--cl-ink);width:100%;border-radius:0}',
      '#cl .card input:focus,#cl .card select:focus{outline:2px solid var(--cl-gold);outline-offset:-1px}',
      '#cl .card input.ltr{direction:ltr;text-align:left}',
      '#cl .err{border-color:#B3261E !important;background:#FFF6F5}',
      '#cl .msg{background:#FDECEA;border-right:3px solid #B3261E;color:#7A1C15;padding:11px 13px;font-size:14.5px;margin:0 0 16px;font-weight:600;display:none}',
      '#cl .msg.on{display:block}',
      '#cl .paynote{font-size:13px;color:var(--cl-mute);margin:14px 0 0}',

      '#cl .done{text-align:center;padding:6px 0 4px}',
      '#cl .tick{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--cl-green);color:var(--cl-goldlt);font-size:28px;line-height:56px}',
      '#cl .done .lead{font-size:23px;font-weight:800;margin:0 0 18px}',
      '#cl dl{text-align:right;margin:0;border-top:1px solid rgba(27,58,42,.16)}',
      '#cl dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 2px;border-bottom:1px solid rgba(27,58,42,.12)}',
      '#cl dt{font-size:13px;color:var(--cl-mute);font-weight:700;padding-top:2px}',
      '#cl dd{margin:0;font-size:15.5px;font-weight:600;text-align:left}',
      '#cl dl div.grand dd{font-size:21px;font-weight:800}',
      '#cl .donenote{font-size:14.5px;color:var(--cl-mute);margin:18px 0 0}',

      '#cl .foot{border-top:1px solid rgba(27,58,42,.16);padding:14px 22px;display:flex;align-items:center;gap:12px;background:var(--cl-card)}',
      '#cl .run{flex:1;line-height:1.3}',
      '#cl .run em{display:block;font-style:normal;font-size:12px;color:var(--cl-mute);font-weight:700}',
      '#cl .run strong{font-size:23px;font-weight:800}',
      '#cl #cl-totline{display:block;font-size:12px;color:var(--cl-mute)}',
      '#cl .back{background:none;border:0;color:var(--cl-mute);font-size:14px;text-decoration:underline;cursor:pointer;font-family:Heebo,sans-serif;padding:8px}',
      '#cl .next{background:var(--cl-gold);color:#1a1305;border:0;padding:14px 28px;font-size:16px;font-weight:800;cursor:pointer;font-family:Heebo,sans-serif}',
      '#cl .next:hover{background:#C99C33}',
      '#cl .next:disabled{opacity:.45;cursor:default}',

      /* meta bar under the form */
      '#cl .meta{background:var(--cl-ink);color:var(--cl-cream);padding:18px 0;margin-top:26px}',
      '#cl .meta ul{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;margin:0;padding:0;list-style:none}',
      '#cl .meta li{text-align:center;min-width:118px}',
      '#cl .meta li em{display:block;font-style:normal;font-size:11px;letter-spacing:.1em;color:var(--cl-goldlt);margin-bottom:4px;font-weight:700}',
      '#cl .meta li span{font-size:16px;font-weight:500}',

      /* story below */
      '#cl .story{padding:32px 0 6px}',
      '#cl .story p{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:18.5px;line-height:1.75;margin:0 0 17px}',
      '#cl .story p.big{font-size:21px;font-weight:700;color:var(--cl-green)}',
      '#cl .quote{margin:30px 0;padding:24px 26px;background:var(--cl-green);color:var(--cl-cream);border-right:4px solid var(--cl-gold)}',
      '#cl .quote p{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:20px;line-height:1.7;margin:0}',
      '#cl .more{border-top:1px solid rgba(27,58,42,.16);border-bottom:1px solid rgba(27,58,42,.16);margin:0 0 10px}',
      '#cl .more summary{cursor:pointer;padding:16px 0;font-size:14px;letter-spacing:.05em;font-weight:700;color:var(--cl-gold);list-style:none;display:flex;align-items:center;justify-content:center;gap:10px}',
      '#cl .more summary::-webkit-details-marker{display:none}',
      '#cl .more summary:before{content:"+";font-size:19px;line-height:1;color:var(--cl-green);font-weight:500}',
      '#cl .more[open] summary:before{content:"\\2212"}',
      '#cl .more summary:focus-visible{outline:2px solid var(--cl-gold);outline-offset:3px}',
      '#cl .more-body{padding:0 0 20px}',
      '#cl .more-body p{font-family:"Frank Ruhl Libre",Georgia,serif;font-size:17px;line-height:1.75;margin:0 0 14px;color:#333026}',
      '#cl .more-body p:last-child{margin-bottom:0}',

      '@media(max-width:640px){#cl .grid{grid-template-columns:1fr}',
      '#cl .tiles{grid-template-columns:repeat(2,1fr)}',
      '#cl .col{padding:12px 12px 0}#cl .card{margin:16px 0 8px}#cl .card .head{padding:16px 18px 14px}',
      '#cl .card .body{padding:18px}#cl .foot{padding:12px 18px}',
      '#cl .card h3{font-size:21px}}',
      '@media(prefers-reduced-motion:reduce){#cl *{transition:none !important;animation:none !important}}',

      /* --- colour lock ---------------------------------------------------
         The ChabadOne template styles h1/h2/h3/p/div directly, which beats
         inherited colour and turns text on the dark panels grey. Every
         colour below is therefore stated on the element itself.
         ------------------------------------------------------------------ */
      '#cl .card .head h3{color:#F6F1E4 !important}',
      '#cl .card .head .eyebrow{color:#D9BC6A !important}',
      '#cl .card .head .hint{color:rgba(246,241,228,.78) !important}',
      '#cl .step button{color:#F6F1E4 !important}',
      '#cl .step .n,#cl .run strong,#cl dd{color:#12241A !important}',
      '#cl .tile{color:#12241A !important}',
      '#cl .tile.on{color:#F6F1E4 !important}',
      '#cl .intro{color:#333026 !important}',
      '#cl .card label,#cl dt,#cl .run em,#cl #cl-totline,',
      '#cl .seatnote,#cl .paynote,#cl .donenote,#cl .back{color:#6E6959 !important}',
      '#cl .card input,#cl .card select{color:#12241A !important}',
      '#cl .next{color:#1a1305 !important}',
      '#cl .msg{color:#7A1C15 !important}',
      '#cl .tick{color:#D9BC6A !important}',
      '#cl .done .lead{color:#12241A !important}',
      '#cl .meta li em{color:#D9BC6A !important}',
      '#cl .meta li span{color:#F6F1E4 !important}',
      '#cl .story p{color:#12241A !important}',
      '#cl .story p.big{color:#1B3A2A !important}',
      '#cl .quote p{color:#F6F1E4 !important}',
      '#cl .more summary{color:#B08A2E !important}',
      '#cl .more summary:before{color:#1B3A2A !important}',
      '#cl .more-body p{color:#333026 !important}'
    ].join('');
    document.head.appendChild(css);
  }

  /* ================= markup ================= */

  function img(src, alt) {
    if (!src) return '';
    return '<img src="' + src + '" alt="' + alt + '" onerror="this.style.display=\'none\'">';
  }

  function formCard() {
    var tiers = [180, 360, 540, 770, 1000, 1800].map(function (v) {
      return '<button type="button" class="tile" data-amt="' + v + '">' + money(v) + '</button>';
    }).join('');

    return [
      '<section class="card" id="cl-card">',
        '<div class="head">',
          '<div class="dots"><i class="done"></i><i></i><i></i><i></i><i></i></div>',
          '<p class="eyebrow" id="cl-eyebrow">שלב 1 מתוך ' + LAST_STEP + '</p>',
          '<h3 id="cl-title">כמה מקומות?</h3>',
          '<p class="hint" id="cl-hint">דמי כניסה ' + money(SEAT_PRICE) + ' לאדם.</p>',
        '</div>',

        '<div class="body">',
          '<p class="msg" id="cl-msg"></p>',

          '<div class="pane on" data-pane="1">',
            '<div class="step">',
              '<button type="button" id="cl-minus" aria-label="מקום אחד פחות">−</button>',
              '<span class="n" id="cl-seats">1</span>',
              '<button type="button" id="cl-plus" aria-label="מקום אחד נוסף">+</button>',
            '</div>',
            '<p class="seatnote">עד ' + MAX_SEATS + ' מקומות בהרשמה אחת.</p>',
          '</div>',

          '<div class="pane" data-pane="2">',
            '<p class="intro">ערבים כאלה מתאפשרים רק בזכות תמיכה של חברים כמוכם.</p>',
            '<div class="tiles">' + tiers + '</div>',
            '<div style="margin-top:10px"><input type="number" id="cl-other" min="1" step="1" placeholder="סכום אחר" inputmode="numeric"></div>',
          '</div>',

          '<div class="pane" data-pane="3">',
            '<div class="grid">',
              '<div class="f"><label for="cl-first">שם פרטי</label><input id="cl-first" autocomplete="given-name"></div>',
              '<div class="f"><label for="cl-last">שם משפחה</label><input id="cl-last" autocomplete="family-name"></div>',
              '<div class="f full"><label for="cl-email">אימייל</label><input id="cl-email" type="email" class="ltr" autocomplete="email" autocapitalize="off" autocorrect="off" spellcheck="false"></div>',
              '<div class="f full"><label for="cl-phone">טלפון</label><input id="cl-phone" type="tel" class="ltr" autocomplete="tel"></div>',
            '</div>',
          '</div>',

          '<div class="pane" data-pane="4">',
            '<div class="grid">',
              '<div class="f full"><label for="cl-a1">רחוב ומספר</label><input id="cl-a1" autocomplete="address-line1"></div>',
              '<div class="f"><label for="cl-city">עיר</label><input id="cl-city" autocomplete="address-level2"></div>',
              '<div class="f"><label for="cl-state">מדינה / מחוז</label><input id="cl-state" autocomplete="address-level1"></div>',
              '<div class="f"><label for="cl-zip">מיקוד</label><input id="cl-zip" class="ltr" autocomplete="postal-code" autocapitalize="off" autocorrect="off" spellcheck="false"></div>',
              '<div class="f"><label for="cl-country">ארץ</label><select id="cl-country"></select></div>',
            '</div>',
          '</div>',

          '<div class="pane" data-pane="5">',
            '<div class="grid">',
              '<div class="f full"><label for="cl-ccname">שם בעל הכרטיס</label><input id="cl-ccname" class="ltr" autocomplete="cc-name"></div>',
              '<div class="f full"><label for="cl-ccnum">מספר כרטיס</label><input id="cl-ccnum" class="ltr" inputmode="numeric" autocomplete="cc-number" autocapitalize="off" autocorrect="off" spellcheck="false"></div>',
              '<div class="f"><label for="cl-ccmo">חודש תפוגה</label><select id="cl-ccmo"></select></div>',
              '<div class="f"><label for="cl-ccyr">שנת תפוגה</label><select id="cl-ccyr"></select></div>',
              '<div class="f"><label for="cl-cccvv">קוד אבטחה</label><input id="cl-cccvv" class="ltr" inputmode="numeric" autocomplete="cc-csc" autocapitalize="off" autocorrect="off" spellcheck="false"></div>',
            '</div>',
            '<p class="paynote">ויזה, מאסטרקארד, אמריקן אקספרס ודיסקבר. התשלום מאובטח.</p>',
          '</div>',

          '<div class="pane" data-pane="6">',
            '<div class="done">',
              '<div class="tick">✓</div>',
              '<p class="lead">המקומות שלכם נשמרו.</p>',
              '<dl id="cl-summary"></dl>',
              '<p class="donenote">אישור נשלח אל <b id="cl-done-email" dir="ltr"></b></p>',
            '</div>',
          '</div>',

        '</div>',

        '<div class="foot" id="cl-foot">',
          '<div class="run"><em>סה״כ</em><strong id="cl-total">' + money(SEAT_PRICE + '.00') + '</strong>',
          '<span id="cl-totline">1 מקומות × ' + money(SEAT_PRICE) + '</span></div>',
          '<button type="button" class="back" id="cl-back" style="display:none">חזרה</button>',
          '<button type="button" class="next" id="cl-next">המשך</button>',
        '</div>',
      '</section>'
    ].join('');
  }

  function pageMarkup() {
    return [
      '<div class="col">',
        IMG.flyer ? '<figure class="flyer">' + img(IMG.flyer, 'אחרינו השמש תזרח') + '</figure>' : '',
        formCard(),
      '</div>',

      '<div class="meta"><div class="wrap"><ul>',
        '<li><em>תאריך</em><span>יום ראשון, י״ז אלול</span></li>',
        '<li><em>שעה</em><span>20:00</span></li>',
        '<li><em>מקום</em><span>בית חב״ד קלוסטר</span></li>',
        '<li><em>דמי כניסה</em><span>' + money(SEAT_PRICE) + ' לאדם</span></li>',
      '</ul></div></div>',

      '<div class="wrap story">',
        '<p class="big">בואו לשמוע את סיפור הגבורה מהשבעה באוקטובר שעוד לא סופר.</p>',
        '<p>סיפורם של לוחמי פלוגת פחת״ק מגדוד 13 וגדוד 77, של חטיבת גולני וחטיבה 7. צעירים אמיצים שהגנו בגופם על יישובי העוטף בבוקר שמחת תורה, עמדו ראשונים מול האויב, ויצאו מיד למתקפה כחלק מהמאמץ ההתקפי של צה״ל.</p>',
        '<p>בהרצאה עוצמתית, סוחפת ומלאת אדרנלין ישתף רס״ן במילואים אורי חוכימה, מפקד פלוגת הפחת״ק, במה שעברו בשדה הקרב — על אחוות הלוחמים, ההובלה תחת לחץ, והחוסן שנדרש ברגעים שבהם הכל קורס.</p>',
        '<p>מזה נגזרו גם תובנות עמוקות על פיקוד, התמודדות ומשברים — שיכולות לעצב כל אדם שמוביל, בצבא או באזרחות.</p>',
        '<p class="big">זה לא עוד סיפור גבורה.</p>',
        '<div class="quote"><p>״כשאתה יודע למען מה אתה נלחם, אף חושך לא יכול לעצור בעד האור שיבוא.״</p></div>',
        '<details class="more"><summary>עוד על הערב</summary><div class="more-body">',
          '<p>הפלוגה הורכבה מלוחמי גדוד 13 של חטיבת גולני וגדוד 77 ״עוז״ של חטיבה 7 — חי״ר ושריון שלחמו כיחידה אחת.</p>',
          '<p>בבוקר שמחת תורה הם היו מהראשונים שהגיעו ליישובי העוטף, החזיקו שם את הקו בגופם, ומיד לאחר מכן יצאו למתקפה כחלק מהמאמץ ההתקפי של צה״ל.</p>',
          '<p>העדות של רס״ן חוכימה היא מקרוב ובלי כחל וסרק: מה באמת נדרש באותן שעות, איך פלוגה מחזיקה יחד כשאין שום הכנה למציאות כזו, ומה פיקוד תחת לחץ כזה דורש מאדם.</p>',
          '<p>הערב נחתם במה שהוא לקח מכל זה — על פיקוד, על חוסן, ועל ההבדל בין להישבר לבין להתכופף, במדים ומחוץ להם.</p>',
        '</div></details>',
      '</div>'
    ].join('');
  }

  /* ================= step control ================= */

  var STEPS = {
    1: { title: 'כמה מקומות?',   hint: 'דמי כניסה ' + money(SEAT_PRICE) + ' לאדם.' },
    2: { title: 'תמכו בערב',      hint: 'אופציונלי — אפשר להמשיך גם בלי.' },
    3: { title: 'הפרטים שלכם',    hint: 'כדי שנדע את מי לצפות.' },
    4: { title: 'כתובת לחיוב',    hint: 'כפי שמופיעה בחשבון הכרטיס.' },
    5: { title: 'תשלום',          hint: '' }
  };

  function showMsg(t) {
    var m = document.getElementById('cl-msg');
    m.textContent = t; m.classList.add('on');
    scrollCardIntoView();
  }
  function clearMsg() { document.getElementById('cl-msg').classList.remove('on'); }

  function isTouch() {
    return ('ontouchstart' in window) || navigator.maxTouchPoints > 0;
  }

  /* keep the top of the card in view when the step changes, so the person
     isn't left looking at the middle of a form they've already scrolled past */
  function scrollCardIntoView() {
    var card = document.getElementById('cl-card');
    if (!card) return;
    var top = card.getBoundingClientRect().top;
    if (top < 0 || top > window.innerHeight * 0.5) {
      try { card.scrollIntoView({ block: 'start', behavior: 'smooth' }); }
      catch (e) { card.scrollIntoView(); }
    }
  }

  function paneFields() {
    var p = document.querySelector('#cl .pane.on');
    return p ? [].slice.call(p.querySelectorAll('input,select')) : [];
  }

  function goStep(n) {
    S.step = n;
    clearMsg();
    document.querySelectorAll('#cl .pane').forEach(function (p) {
      p.classList.toggle('on', parseInt(p.dataset.pane, 10) === n);
    });
    document.querySelectorAll('#cl .dots i').forEach(function (d, i) {
      d.classList.toggle('done', i < n);
    });
    document.getElementById('cl-eyebrow').textContent = 'שלב ' + n + ' מתוך ' + LAST_STEP;
    document.getElementById('cl-title').textContent = STEPS[n].title;
    var h = document.getElementById('cl-hint');
    h.innerHTML = STEPS[n].hint;
    h.style.display = STEPS[n].hint ? '' : 'none';
    document.getElementById('cl-back').style.display = n > 1 ? '' : 'none';
    document.getElementById('cl-next').textContent = n === LAST_STEP ? 'לסיום ההרשמה' : 'המשך';

    /* last field of a step shows Go on the on-screen keyboard, the rest Next */
    var fields = paneFields();
    fields.forEach(function (el, i) {
      el.setAttribute('enterkeyhint', i === fields.length - 1 ? 'go' : 'next');
    });

    scrollCardIntoView();

    /* don't autofocus on mobile — it throws the keyboard up over the card */
    if (n > 1 && fields.length && !isTouch()) {
      setTimeout(function () { fields[0].focus(); }, 60);
    }
  }

  var RULES = {
    3: [['cl-first', 'שם פרטי'], ['cl-last', 'שם משפחה'], ['cl-email', 'אימייל'], ['cl-phone', 'טלפון']],
    4: [['cl-a1', 'רחוב ומספר'], ['cl-city', 'עיר'], ['cl-state', 'מדינה / מחוז'], ['cl-zip', 'מיקוד']],
    5: [['cl-ccname', 'שם בעל הכרטיס'], ['cl-ccnum', 'מספר כרטיס'], ['cl-cccvv', 'קוד אבטחה']]
  };

  function validate(n) {
    var rules = RULES[n];
    if (!rules) return true;
    var missing = [];
    document.querySelectorAll('#cl .err').forEach(function (e) { e.classList.remove('err'); });
    rules.forEach(function (r) {
      var el = document.getElementById(r[0]);
      if (el && !el.value.trim()) { el.classList.add('err'); missing.push(r[1]); }
    });
    if (n === 3) {
      var em = document.getElementById('cl-email');
      if (em.value && !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(em.value)) {
        em.classList.add('err'); missing.push('כתובת אימייל תקינה');
      }
    }
    if (missing.length) { showMsg('חסר עדיין: ' + missing.join(', ') + '.'); return false; }
    return true;
  }

  /* ================= mirror + submit ================= */

  function val(id) { var e = document.getElementById(id); return e ? e.value.trim() : ''; }

  function mirror() {
    setNative('first_1', val('cl-first'));
    setNative('last_1',  val('cl-last'));
    setNative('input_3', val('cl-email'));
    setNative('input_5_full', val('cl-phone'));
    setNative('input_4_addr_line1', val('cl-a1'));
    setNative('input_4_city',   val('cl-city'));
    setNative('input_4_state',  val('cl-state'));
    setNative('input_4_postal', val('cl-zip'));
    setSelect('input_4_country', val('cl-country'));
    setNative('input_7_cc_nameOnCard', val('cl-ccname'));
    setNative('input_7_cc_number', val('cl-ccnum').replace(/\s+/g, ''));
    setNative('input_7_cc_ccv', val('cl-cccvv'));
    setSelect('input_7_cc_exp_month', val('cl-ccmo'));
    setSelect('input_7_cc_exp_year',  val('cl-ccyr'));
  }

  function release() {
    S.submitting = false;
    var b = document.getElementById('cl-next');
    if (b) { b.disabled = false; b.textContent = 'לסיום ההרשמה'; }
  }

  /* ---- confirmation ----------------------------------------
     The native form is submitted into a hidden same-origin iframe so the
     browser never leaves this page. ChabadOne's response page loads inside
     the iframe, where we can read it: if the submit button is still present
     we are looking at the form again (validation error or decline); if it
     is gone, the submission went through.
     ---------------------------------------------------------- */

  function row(label, value, cls) {
    return '<div' + (cls ? ' class="' + cls + '"' : '') + '><dt>' + label + '</dt><dd>' + value + '</dd></div>';
  }

  function showConfirmation() {
    var total = readTotal() || '';
    var name  = (val('cl-first') + ' ' + val('cl-last')).trim();
    var html  = row('שם', name || '—') +
      row('מקומות', S.seats + ' \u00D7 ' + money(SEAT_PRICE)) +
      (S.sponsor > 0 ? row('תרומה', money(S.sponsor)) : '') +
      row('סה״כ שולם', '<span dir="ltr">' + total + '</span>', 'grand') +
      row('מועד', 'יום ראשון, י״ז אלול · 20:00') +
      row('מיקום', 'בית חב״ד קלוסטר<br><span dir="ltr">1 Rockman Rd, Closter, NJ</span>');

    document.getElementById('cl-summary').innerHTML = html;
    document.getElementById('cl-done-email').textContent = val('cl-email');

    document.querySelectorAll('#cl .pane').forEach(function (p) {
      p.classList.toggle('on', p.dataset.pane === '6');
    });
    document.querySelector('#cl .dots').style.display = 'none';
    document.getElementById('cl-eyebrow').textContent = 'ההרשמה אושרה';
    document.getElementById('cl-title').textContent = 'תודה — נרשמתם';
    document.getElementById('cl-hint').style.display = 'none';
    document.getElementById('cl-foot').style.display = 'none';
    clearMsg();
    scrollCardIntoView();
    S.submitting = false;
    S.done = true;
  }

  function readFrameDoc(fr) {
    try { return fr.contentDocument || fr.contentWindow.document; }
    catch (e) { return null; }   /* cross-origin — treat as unreadable */
  }

  function handleFrameLoad(fr, nativeForm) {
    var doc = readFrameDoc(fr);

    /* unreadable response — assume the gateway took it and confirm softly */
    if (!doc || !doc.body) { showConfirmation(); return; }

    /* submit button still present => we are back on the form */
    if (doc.getElementById('input_2')) {
      var names = [];
      doc.querySelectorAll('.form-validation-error').forEach(function (line) {
        var l = line.querySelector('.form-label');
        if (l) names.push(l.innerText.trim().replace(/\s+/g, ' '));
      });
      if (names.length) { showMsg('חסרים פרטים בטופס: ' + names.join(', ')); }
      else {
        var msg = '';
        doc.querySelectorAll('.form-error-message, .form-line-error-message').forEach(function (b) {
          if (!msg && !b.classList.contains('form-error-js')) msg = (b.innerText || '').trim();
        });
        showMsg(msg || 'לא הצלחנו להשלים את התשלום. אנא בדקו את פרטי הכרטיס ונסו שוב.');
      }
      nativeForm.removeAttribute('target');
      release();
      return;
    }

    showConfirmation();
  }

  function submit() {
    if (S.submitting) return;
    if (totalCents() <= 0) { showMsg('יש לבחור לפחות מקום אחד.'); return; }

    var go = document.getElementById('input_2');
    var nativeForm = go ? go.closest('form') : null;
    if (!go || !nativeForm) {
      showMsg('הטופס לא נטען כראוי. אנא רעננו את הדף ונסו שוב.');
      return;
    }

    S.submitting = true;
    var b = document.getElementById('cl-next');
    b.disabled = true; b.textContent = 'מעבד\u2026';
    clearMsg();
    mirror();

    var fr = document.getElementById('cl-sink');
    if (!fr) {
      fr = document.createElement('iframe');
      fr.id = 'cl-sink';
      fr.name = 'cl-sink';
      fr.setAttribute('aria-hidden', 'true');
      fr.style.cssText = 'position:absolute;left:-9999px;top:0;width:1px;height:1px;border:0';
      document.body.appendChild(fr);
    }

    var settled = false;
    fr.onload = function () {
      if (settled) return;
      settled = true;
      handleFrameLoad(fr, nativeForm);
    };

    /* if nothing comes back, don't leave the person staring at a spinner */
    setTimeout(function () {
      if (settled || !S.submitting) return;
      settled = true;
      nativeForm.removeAttribute('target');
      showMsg('התהליך אורך יותר מהצפוי. בדקו אם הגיע אישור במייל לפני ניסיון נוסף, או פנו למשרד.');
      release();
    }, 45000);

    nativeForm.target = 'cl-sink';
    setTimeout(function () { go.click(); }, 260);
  }

  /* ================= boot ================= */

  function cloneOptions(fromId, toId, pickUS) {
    var src = document.getElementById(fromId), dst = document.getElementById(toId);
    if (!src || !dst) return;
    dst.innerHTML = src.innerHTML;
    if (pickUS) {
      var us = [].filter.call(dst.options, function (o) { return /united states/i.test(o.text); })[0];
      if (us) dst.value = us.value;
    }
  }

  function boot() {
    var submitBtn = document.getElementById('input_2');
    if (!submitBtn) return false;
    var nativeForm = submitBtn.closest('form');
    if (!nativeForm) return false;

    injectCSS();

    var host = document.createElement('div');
    host.id = 'cl';
    host.innerHTML = pageMarkup();
    nativeForm.parentNode.insertBefore(host, nativeForm);

    /* keep the native form live and submittable, just out of sight */
    nativeForm.style.position = 'absolute';
    nativeForm.style.left = '-9999px';
    nativeForm.style.top = '0';
    nativeForm.style.width = '1px';
    nativeForm.style.height = '1px';
    nativeForm.style.overflow = 'hidden';
    nativeForm.setAttribute('aria-hidden', 'true');

    cloneOptions('input_4_country', 'cl-country', true);
    cloneOptions('input_7_cc_exp_month', 'cl-ccmo');
    cloneOptions('input_7_cc_exp_year', 'cl-ccyr');

    var card = document.getElementById('cl-card');

    /* Enter moves to the next field; on the last field it advances the step */
    card.addEventListener('keydown', function (e) {
      if (e.key !== 'Enter') return;
      var t = e.target;
      if (!t.matches || !t.matches('input,select')) return;
      e.preventDefault();
      var list = paneFields();
      var i = list.indexOf(t);
      if (i > -1 && i < list.length - 1) list[i + 1].focus();
      else document.getElementById('cl-next').click();
    });

    /* keep the field the person is typing in clear of the on-screen keyboard */
    card.addEventListener('focusin', function (e) {
      if (!e.target.matches || !e.target.matches('input,select')) return;
      setTimeout(function () {
        try { e.target.scrollIntoView({ block: 'center', behavior: 'smooth' }); }
        catch (err) { e.target.scrollIntoView(false); }
      }, 320);
    });

    /* seats */
    var plus = document.getElementById('cl-plus'), minus = document.getElementById('cl-minus');
    plus.onclick = function () {
      if (S.seats < MAX_SEATS) { S.seats++; document.getElementById('cl-seats').textContent = S.seats; syncTotal(); }
      minus.disabled = S.seats <= 1;
    };
    minus.onclick = function () {
      if (S.seats > 1) { S.seats--; document.getElementById('cl-seats').textContent = S.seats; syncTotal(); }
      minus.disabled = S.seats <= 1;
    };
    minus.disabled = true;

    /* sponsorship */
    document.querySelectorAll('#cl .tile').forEach(function (t) {
      t.onclick = function () {
        var amt = parseInt(t.dataset.amt, 10);
        var already = t.classList.contains('on');
        document.querySelectorAll('#cl .tile').forEach(function (x) { x.classList.remove('on'); });
        document.getElementById('cl-other').value = '';
        S.sponsor = already ? 0 : amt;
        if (!already) t.classList.add('on');
        syncTotal();
      };
    });
    var other = document.getElementById('cl-other');
    other.oninput = function () {
      document.querySelectorAll('#cl .tile').forEach(function (x) { x.classList.remove('on'); });
      var v = parseFloat(this.value);
      S.sponsor = (v > 0) ? v : 0;
    };
    other.onblur = syncTotal;

    /* nav */
    document.getElementById('cl-back').onclick = function () { if (S.step > 1) goStep(S.step - 1); };
    document.getElementById('cl-next').onclick = function () {
      if (!validate(S.step)) return;
      if (S.step === 2) syncTotal();
      if (S.step === LAST_STEP) submit(); else goStep(S.step + 1);
    };

    syncTotal();
    return true;
  }

  function waitForForm(tries) {
    if (boot()) return;
    if (tries > 60) return;
    setTimeout(function () { waitForForm(tries + 1); }, 250);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function () { waitForForm(0); });
  } else {
    waitForForm(0);
  }
})();
</script>
</body>
</html>