templates/forms/new-sign-up.html.twig line 4

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block body %}
  3. {% embed "1-col-sidebar.html.twig" %}
  4. {% block column %}
  5.     {% if message %}
  6.         <div class="alert alert-{{ message.type }}">
  7.         {% if message.type == 'warning' %}
  8.             <i class="fa fa-exclamation-triangle"></i> 
  9.         {% elseif message.type == 'success' %}
  10.             <i class="fa fa-check"></i> 
  11.         {% endif %}
  12.         {{ message.text | raw}}
  13.         </div>
  14.     {% endif %}
  15.     {% if site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  16.         {% include  "includes/curtain-ads/rclub.html.twig" %}
  17.     {% endif %}
  18.     
  19.     {% if app.user is empty %}
  20.         {# Not a user, show the user sign up form w/ Week in Roofing section #}
  21.         <form method="post" action="">
  22.             {# <img src="https://www.rooferscoffeeshop.com/uploads/media/2019/09/be-a-part-of-r-club.png" alt="Be a part of R-Club" loading='lazy'> #}
  23.             {#<h3>3 SIGN UP OPTIONS</h3><br>#}
  24.             <h6>{#1. #}Sign-up for an account to place a classified and to participate in the forum.</h6>
  25.             <p>Register for an account with RoofersCoffeeShop using the form below!</p>
  26.             
  27.             <input type="hidden" id="site-signup" name="site-signup" value="1">
  28.             
  29.             <div class="row">
  30.                 <div class="col-sm-6">
  31.                     <label class="btn-block"><span>First Name:<span style="color:red"> *</span></span>
  32.                         <input
  33.                             class="form-control"
  34.                             type="text"
  35.                             name="lead[firstname]"
  36.                             placeholder="Your First Name"
  37.                             value="{{ firstname }}"
  38.                             required
  39.                         />
  40.                     </label>    
  41.                 </div>
  42.                 <div class="col-sm-6">
  43.                     <label class="btn-block"><span>Last Name:<span style="color:red"> *</span></span>
  44.                         <input
  45.                             class="form-control"
  46.                             type="text"
  47.                             name="lead[lastname]"
  48.                             placeholder="Your Last Name"
  49.                             value="{{ lastname }}"
  50.                             required
  51.                         />
  52.                     </label>
  53.                 </div>
  54.                 
  55.                 <div class="col-sm-6">
  56.                     <label class="btn-block">Your Username<span style="color:red"> *</span>
  57.                         <input
  58.                             class="form-control"
  59.                             type="text"
  60.                             name="lead[username]"
  61.                             placeholder="Your Username"
  62.                             value="{{ username }}"
  63.                             required
  64.                         />
  65.                     </label>
  66.                     <span><i class="fa fa-exclamation-triangle"></i> Username must be greater than 5 characters in length.</span>
  67.                 </div>
  68.                 <div class="col-sm-6">
  69.                     <label class="btn-block">Your E-mail Address<span style="color:red"> *</span>
  70.                         <input
  71.                             class="form-control"
  72.                             type="text"
  73.                             name="lead[email]"
  74.                             placeholder="Your E-mail Address"
  75.                             value="{{ email }}"
  76.                             required
  77.                         />
  78.                     </label>
  79.                 </div>
  80.                 
  81.                 <div class="col-sm-6">
  82.                     <label class="btn-block">Your Password<span style="color:red"> *</span>
  83.                         <input
  84.                             class="form-control"
  85.                             type="password"
  86.                             name="password1"
  87.                             placeholder="Your Password"
  88.                             required
  89.                         />
  90.                     </label>
  91.                 </div>
  92.                 <div class="col-sm-6">
  93.                     <label class="btn-block">Confirm Password<span style="color:red"> *</span>
  94.                         <input
  95.                             class="form-control"
  96.                             type="password"
  97.                             name="password2"
  98.                             placeholder="Confirm Your Password"
  99.                             required
  100.                         />
  101.                     </label>
  102.                 </div>
  103.                 
  104.                 <div class="col-sm-6">
  105.                     <label class="btn-block">Address Line 1<span style="color:red"> *</span>
  106.                         <input
  107.                             class="form-control"
  108.                             type="text"
  109.                             name="lead[address1]"
  110.                             placeholder="Your Address Line 1"
  111.                             value="{{ address1 }}"
  112.                             required
  113.                         />
  114.                     </label>
  115.                 </div>
  116.                 <div class="col-sm-6">
  117.                     <label class="btn-block">Address Line 2<span style="color:red"></span>
  118.                         <input
  119.                             class="form-control"
  120.                             type="text"
  121.                             name="lead[address2]"
  122.                             placeholder="Your Address Line 2"
  123.                             value="{{ address2 }}"
  124.                         />
  125.                     </label>
  126.                 </div>
  127.                 <div class="col-sm-6">
  128.                     <label class="btn-block">City<span style="color:red"> *</span>
  129.                         <input
  130.                             class="form-control"
  131.                             type="text"
  132.                             name="lead[city]"
  133.                             placeholder="Your City"
  134.                             value="{{ city }}"
  135.                             required
  136.                         />
  137.                     </label>
  138.                 </div>
  139.                 <div class="col-sm-6">
  140.                     <label class="btn-block">State / Region<span style="color:red"> *</span>
  141.                         <input
  142.                             class="form-control"
  143.                             type="text"
  144.                             name="lead[state]"
  145.                             placeholder="Your State / Region"
  146.                             value="{{ state }}"
  147.                             required
  148.                         />
  149.                     </label>
  150.                 </div>
  151.                 <div class="col-sm-6">
  152.                     <label class="btn-block">Zip Code<span style="color:red"> *</span>
  153.                         <input
  154.                             class="form-control"
  155.                             type="text"
  156.                             name="lead[zip]"
  157.                             placeholder="Your Zip Code"
  158.                             value="{{ zip }}"
  159.                             required
  160.                         />
  161.                     </label>
  162.                 </div>
  163.                 <div class="col-sm-6" id="outer-company-div" {#style="display:none;"#}>
  164.                     <label class="btn-block">Company<span style="color:red"> *</span>
  165.                         <input
  166.                             class="form-control"
  167.                             type="text"
  168.                             {#name="lead[company_inactive]"#}
  169.                             name="lead[company]"
  170.                             placeholder="Your Company"
  171.                             value="{% if company is defined %}{{company}}{% endif %}"
  172.                             id="company1"
  173.                             required
  174.                         />
  175.                     </label>
  176.                 </div>
  177.                 
  178.                 <div class="col-sm-6">
  179.                     <label class="btn-block"><span>Phone Number:{#<span style="color:red"> *</span>#}</span>
  180.                         <input
  181.                             type="text"
  182.                             class="form-control enews-field"
  183.                             placeholder="Your Phone Number"
  184.                             name="lead[phone]"
  185.                             value="{% if phone is defined %}{{phone}}{% endif %}"
  186.                             {#required#}
  187.                         />
  188.                     </label>
  189.                 </div>
  190.                 
  191.                 <div class="col-sm-6">
  192.                     <label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
  193.                         <select
  194.                             class="form-control enews-field"
  195.                             name="lead[contractor_type]"
  196.                             required
  197.                         >
  198.                         <option value="Primarily Commercial">Primarily Commercial</option>
  199.                         <option value="Primarily Residential">Primarily Residential</option>
  200.                         <option value="Both">Both</option>
  201.                         <option value="Other">Other</option>
  202.                         <option value="Not a Contractor">Not a Contractor</option>
  203.                         </select>
  204.                     </label>
  205.                 </div>
  206.                 
  207.                 <div class="col-sm-6">
  208.                     <label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
  209.                     <label class="btn-block">
  210.                         <input
  211.                             type="radio"
  212.                             name="lead[country]"
  213.                             value="United States"
  214.                             class="enews-field"
  215.                             checked
  216.                             required
  217.                         />
  218.                         <span>United States</span>
  219.                     </label>
  220.                     <label class="btn-block">
  221.                         <input
  222.                             type="radio"
  223.                             name="lead[country]"
  224.                             value="Canada"
  225.                             class="enews-field"
  226.                             required
  227.                         />
  228.                         <span>Canada</span>
  229.                     </label>
  230.                     <label class="btn-block">
  231.                         <input
  232.                             type="radio"
  233.                             name="lead[country]"
  234.                             value="European Countries"
  235.                             class="enews-field"
  236.                             required
  237.                         />
  238.                         <span>European Countries</span>
  239.                     </label>
  240.                     <label class="btn-block">
  241.                         <input
  242.                             type="radio"
  243.                             name="lead[country]"
  244.                             value="Other"
  245.                             class="enews-field"
  246.                             required
  247.                         />
  248.                         <span><input
  249.                             type="text"
  250.                             placeholder="Other"
  251.                             name="lead[country_other]"
  252.                             class="enews-field"
  253.                         /></span>
  254.                     </label>
  255.                 </div>
  256.                 
  257.                 <div class="col-sm-6">
  258.                     <label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
  259.                         <select
  260.                             class="form-control enews-field"
  261.                             name="lead[business_type]"
  262.                             required
  263.                         >
  264.                             <option value="Roofing Contractor">Roofing Contractor</option>
  265.                             <option value="Exterior/General Contractor">Exterior/General Contractor</option>
  266.                             <option value="Distributor">Distributor</option>
  267.                             <option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
  268.                             <option value="Other">Other</option>
  269.                         </select>
  270.                     </label>
  271.                 </div>
  272.                 
  273.                 
  274.                 {#<h6>2. Add the "Week In Roofing" E-news</h6>#}
  275.                 
  276.                 <div class="col-sm-12" {# class="form-check" #} style="margin-top:30px;padding-left:25px;">
  277.                     <input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" {#onclick="clickEnews()"#} checked>
  278.                     <label class="form-check-label" for="enews">
  279.                         <span class="rtooltip">Sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
  280.                             <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  281.                                 Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
  282.                             </div>
  283.                         </span>
  284.                     </label>
  285.                 </div>
  286.                 <div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
  287.                     <input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
  288.                     <label class="form-check-label" for="metal-enews">
  289.                         <span class="rtooltip">Sign up for Week In Metal? <i class="fa fa-info-circle"></i>
  290.                             <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  291.                                 Our weekly newsletter - an inside look <br>at the metal industry, week by week!
  292.                             </div>
  293.                         </span>
  294.                     </label>
  295.                 </div>
  296.                 <div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
  297.                     <input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
  298.                     <label class="form-check-label" for="coatings-enews">
  299.                         <span class="rtooltip">Sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
  300.                             <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  301.                                 Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
  302.                             </div>
  303.                         </span>
  304.                     </label>
  305.                 </div>
  306.                 <div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
  307.                     <input class="form-check-input" type="checkbox" value="yes" id="rclub_interest" name="lead_custom[rclub_interest]">
  308.                     <label class="form-check-label" for="rclub_interest">
  309.                         <span class="rtooltip">Interested in R-Club? <i class="fa fa-info-circle"></i>
  310.                             <div class="rtooltiptext" style="top:-30px;left:165px;width:210px;padding-left:10px;">
  311.                                 The most exclusive roofing contractors club in the world!
  312.                             </div>
  313.                         </span>
  314.                     </label>
  315.                 </div>
  316.                 
  317.                 
  318.             </div>
  319.             
  320.             
  321.             {#
  322.             <div id="enews-fields">
  323.                 <div class="row">
  324.                     <div class="col-8">
  325.                         
  326.                         <label class="btn-block"><span>Company:<span style="color:red"> *</span></span>
  327.                             <input
  328.                                 type="text"
  329.                                 class="form-control enews-field"
  330.                                 placeholder="Your Company"
  331.                                 name="lead[company]"
  332.                                 id="company2"
  333.                                 required
  334.                             />
  335.                         </label>
  336.                         
  337.                         <label class="btn-block"><span>Phone Number:<span style="color:red"> *</span></span>
  338.                             <input
  339.                                 type="text"
  340.                                 class="form-control enews-field"
  341.                                 placeholder="Your Phone Number"
  342.                                 name="lead[phone]"
  343.                                 required
  344.                             />
  345.                         </label>
  346.                         
  347.                         <label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
  348.                             <select
  349.                                 class="form-control enews-field"
  350.                                 name="lead[contractor_type]"
  351.                                 required
  352.                             >
  353.                             <option value="Primarily Commercial">Primarily Commercial</option>
  354.                             <option value="Primarily Residential">Primarily Residential</option>
  355.                             <option value="Both">Both</option>
  356.                             </select>
  357.                         </label>
  358.                         
  359.                         
  360.                         <label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
  361.                         <label class="btn-block">
  362.                             <input
  363.                                 type="radio"
  364.                                 name="lead[country]"
  365.                                 value="United States"
  366.                                 class="enews-field"
  367.                                 checked
  368.                                 required
  369.                             />
  370.                             <span>United States</span>
  371.                         </label>
  372.                         <label class="btn-block">
  373.                             <input
  374.                                 type="radio"
  375.                                 name="lead[country]"
  376.                                 value="Canada"
  377.                                 class="enews-field"
  378.                                 required
  379.                             />
  380.                             <span>Canada</span>
  381.                         </label>
  382.                         <label class="btn-block">
  383.                             <input
  384.                                 type="radio"
  385.                                 name="lead[country]"
  386.                                 value="European Countries"
  387.                                 class="enews-field"
  388.                                 required
  389.                             />
  390.                             <span>European Countries</span>
  391.                         </label>
  392.                         <label class="btn-block">
  393.                             <input
  394.                                 type="radio"
  395.                                 name="lead[country]"
  396.                                 value="Other"
  397.                                 class="enews-field"
  398.                                 required
  399.                             />
  400.                             <span><input
  401.                                 type="text"
  402.                                 placeholder="Other"
  403.                                 name="lead[country_other]"
  404.                                 class="enews-field"
  405.                             /></span>
  406.                         </label>
  407.                         
  408.                         
  409.                         <label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
  410.                             <select
  411.                                 class="form-control enews-field"
  412.                                 name="lead[business_type]"
  413.                                 required
  414.                             >
  415.                                 <option value="Roofing Contractor">Roofing Contractor</option>
  416.                                 <option value="Exterior/General Contractor">Exterior/General Contractor</option>
  417.                                 <option value="Distributor">Distributor</option>
  418.                                 <option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
  419.                                 <option value="Other">Other</option>
  420.                             </select>
  421.                         </label>
  422.                     </div>
  423.                     
  424.                     <div class="col-4">
  425.                         <p>We send our “<strong>Week In Roofing</strong>” directly to your inbox with interesting information, great photos and cool products. You can Opt-out at any time, but why would you want to? Remember, we respect your privacy and we will never sell your email address!</p>
  426.                         { #<p><img class="alignnone size-full wp-image-12401" src="https://rooferscoffeeshop.com/uploads/media/2016/05/week-in-review.jpg" alt="RoofersCoffeeShop.com Week in Roofing" loading='lazy'></p># }
  427.                     </div>
  428.                 </div>
  429.             </div>
  430.             #}
  431.             
  432.             
  433.             
  434.             {# Members section #}
  435.             {#
  436.             <br><hr><br>
  437.             <h6>3. Sign up for complete access for all the RoofersCoffeeShop has to offer.</h6>
  438.             {% if app.user and app.user.isMember() %}
  439.                 <!--Already a member. Leave blank?-->
  440.             {% else %}
  441.                 <center>
  442.                 <a href="/rcs-club-sign-up"><img src="https://www.rooferscoffeeshop.com/uploads/media/2019/04/rcs-r-club.png" style="width:450px; align: center;" loading='lazy' /></a>
  443.                 <p>Want exclusive access?</p>
  444.                 <p>Want to be a part of the most exclusive roofers club in the world? <a href="/rcs-club-sign-up">Learn More</a></p>
  445.                 </center>
  446.                 <hr>
  447.             {% endif %}
  448.             #}
  449.             
  450.             <br><div class="form-row g-recaptcha" data-sitekey="6LeEIlMUAAAAAGhdmJJLdJHPxaWx2GqBjber5n6B"></div>
  451.             <div style="text-align:center;">
  452.                 <button
  453.                     type="submit" 
  454.                     class="btn btn-secondary mt-2"
  455.                     style="font-size: 22px;"
  456.                 >Sign Up</button>
  457.             </div>
  458.             
  459.             <br>
  460.             <p>*Please check your spam folder if you don't receive an activation e-mail after several minutes. Contact us at info@rooferscoffeeshop.com if you need any additional help.</p> {#'#}
  461.             
  462.         </form>
  463.         
  464.         
  465.     {% else %}
  466.         {# Already a user, just show the Week in Roofing sign up #}
  467.         
  468.         {% set week_in = 'Roofing' %}
  469.         {% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_MCS") %}
  470.             {% set week_in = 'Metal' %}
  471.         {% endif %}
  472.         {% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  473.             {% set week_in = 'Coatings' %}
  474.         {% endif %}
  475.         <div class="row">
  476.             <div class="col-9">
  477.                 <h3>Sign Up for the "Week in {{week_in}}"</h3>
  478.                 <p>Don't miss our recap of the week's best industry posts!</p>
  479.                     
  480.                 <form method="post" class="py-4">
  481.                     
  482.                     <input type="hidden" id="enews-signup" name="enews-signup" value="1">
  483.                     {% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  484.                         <input type="hidden" id="enews" name="enews" value="1">
  485.                     {% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_MCS") %}
  486.                         <input type="hidden" id="metal-enews" name="metal-enews" value="1">
  487.                     {% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
  488.                         <input type="hidden" id="coatings-enews" name="coatings-enews" value="1">
  489.                     {% endif %}
  490.                     
  491.                     <div class="row">
  492.                     <div class="col-sm-6">
  493.                     <label class="btn-block"><span>First Name:<span style="color:red"> *</span></span>
  494.                         <input
  495.                             type="text"
  496.                             class="form-control"
  497.                             placeholder="Your First Name"
  498.                             name="lead[firstname]"
  499.                             required
  500.                         />
  501.                     </label>
  502.                     
  503.                     </div>
  504.                     <div class="col-sm-6">
  505.                     <label class="btn-block"><span>Last Name:<span style="color:red"> *</span></span>
  506.                         <input
  507.                             type="text"
  508.                             class="form-control"
  509.                             placeholder="Your Last Name"
  510.                             name="lead[lastname]"
  511.                             required
  512.                         />
  513.                     </label>
  514.                     </div>
  515.                     </div>
  516.                     
  517.                     <label class="btn-block"><span>Email:<span style="color:red"> *</span></span>
  518.                         <input
  519.                             type="text"
  520.                             class="form-control"
  521.                             placeholder="Your Email Address"
  522.                             name="lead[email]"
  523.                             required
  524.                         />
  525.                     </label>
  526.                     
  527.                     <label class="btn-block"><span>Company:<span style="color:red"> *</span></span>
  528.                         <input
  529.                             type="text"
  530.                             class="form-control"
  531.                             placeholder="Your Company"
  532.                             name="lead[company]"
  533.                             required
  534.                         />
  535.                     </label>
  536.                     
  537.                     <label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
  538.                         <select
  539.                             class="form-control"
  540.                             name="lead[contractor_type]"
  541.                             required
  542.                         >
  543.                         <option value="Primarily Commercial">Primarily Commercial</option>
  544.                         <option value="Primarily Residential">Primarily Residential</option>
  545.                         <option value="Both">Both</option>
  546.                         <option value="Other">Other</option>
  547.                         </select>
  548.                     </label>
  549.                     
  550.                     
  551.                     <label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
  552.                     <label class="btn-block">
  553.                         <input
  554.                             type="radio"
  555.                             name="lead[country]"
  556.                             value="United States"
  557.                             checked
  558.                             required
  559.                         />
  560.                         <span>United States</span>
  561.                     </label>
  562.                     <label class="btn-block">
  563.                         <input
  564.                             type="radio"
  565.                             name="lead[country]"
  566.                             value="Canada"
  567.                             required
  568.                         />
  569.                         <span>Canada</span>
  570.                     </label>
  571.                     <label class="btn-block">
  572.                         <input
  573.                             type="radio"
  574.                             name="lead[country]"
  575.                             value="European Countries"
  576.                             required
  577.                         />
  578.                         <span>European Countries</span>
  579.                     </label>
  580.                     <label class="btn-block">
  581.                         <input
  582.                             type="radio"
  583.                             name="lead[country]"
  584.                             value="Other"
  585.                             required
  586.                         />
  587.                         <span><input
  588.                             type="text"
  589.                             placeholder="Other"
  590.                             name="lead[country_other]"
  591.                         /></span>
  592.                     </label>
  593.                     
  594.                     
  595.                     <label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
  596.                         <select
  597.                             class="form-control"
  598.                             name="lead[business_type]"
  599.                             required
  600.                         >
  601.                         <option value="Roofing Contractor">Roofing Contractor</option>
  602.                         <option value="Exterior/General Contractor">Exterior/General Contractor</option>
  603.                         <option value="Distributor">Distributor</option>
  604.                         <option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
  605.                         <option value="Other">Other</option>
  606.                         </select>
  607.                     </label>
  608.                     
  609.                     {% if week_in == 'Roofing' %}
  610.                     
  611.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  612.                             <input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
  613.                             <label class="form-check-label" for="metal-enews">
  614.                                 <span class="rtooltip">Also sign up for Week In Metal? <i class="fa fa-info-circle"></i>
  615.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  616.                                         Our weekly newsletter - an inside look <br>at the metal industry, week by week!
  617.                                     </div>
  618.                                 </span>
  619.                             </label>
  620.                         </div>
  621.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  622.                             <input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
  623.                             <label class="form-check-label" for="coatings-enews">
  624.                                 <span class="rtooltip">Also sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
  625.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  626.                                         Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
  627.                                     </div>
  628.                                 </span>
  629.                             </label>
  630.                         </div>
  631.                     {% elseif week_in == 'Metal' %}
  632.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  633.                             <input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" checked>
  634.                             <label class="form-check-label" for="enews">
  635.                                 <span class="rtooltip">Also sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
  636.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  637.                                         Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
  638.                                     </div>
  639.                                 </span>
  640.                             </label>
  641.                         </div>
  642.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  643.                             <input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
  644.                             <label class="form-check-label" for="coatings-enews">
  645.                                 <span class="rtooltip">Also sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
  646.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  647.                                         Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
  648.                                     </div>
  649.                                 </span>
  650.                             </label>
  651.                         </div>
  652.                     {% elseif week_in == 'Coatings' %}
  653.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  654.                             <input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" checked>
  655.                             <label class="form-check-label" for="enews">
  656.                                 <span class="rtooltip">Also sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
  657.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  658.                                         Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
  659.                                     </div>
  660.                                 </span>
  661.                             </label>
  662.                         </div>
  663.                         <div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
  664.                             <input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
  665.                             <label class="form-check-label" for="metal-enews">
  666.                                 <span class="rtooltip">Also sign up for Week In Metal? <i class="fa fa-info-circle"></i>
  667.                                     <div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
  668.                                         Our weekly newsletter - an inside look <br>at the metal industry, week by week!
  669.                                     </div>
  670.                                 </span>
  671.                             </label>
  672.                         </div>
  673.                     {% endif %}
  674.                     
  675.                     <div class="form-row g-recaptcha" data-sitekey="6LeEIlMUAAAAAGhdmJJLdJHPxaWx2GqBjber5n6B"></div>
  676.                     
  677.                     <div style="text-align: center;">
  678.                     <button 
  679.                         type="submit" 
  680.                         class="btn btn-secondary mt-2"
  681.                     >Sign Up</button>
  682.                     </div>
  683.                     </form>
  684.                 </div>
  685.                 
  686.                 <div class="col-3">
  687.                     <p><br>We send our “<strong>Week in {{week_in}}</strong>” directly to your inbox with interesting information, great photos and cool products. You can Opt-out at any time, but why would you want to? Remember, we respect your privacy and we will never sell your email address!</p>
  688.                     {#<p><img class="alignnone size-full wp-image-12401" src="https://rooferscoffeeshop.com/uploads/media/2016/05/week-in-review.jpg" alt="RoofersCoffeeShop.com Week in Roofing" loading='lazy'></p>#}
  689.                 </div>
  690.             </div>
  691.             
  692.             {# Members section #}
  693.             <br><hr><br>
  694.             {% if app.user and app.user.isMember() %}
  695.                 {# Already a member. Leave blank? #}
  696.             {% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
  697.                 <center>
  698.                 <a href="/rcs-club-sign-up"><img src="https://www.rooferscoffeeshop.com/uploads/media/2019/04/rcs-r-club.png" style="width:450px; align: center;" loading='lazy' /></a>
  699.                 <p>Want exclusive access?</p>
  700.                 <p>Want to be a part of the most exclusive roofers club in the world? <a href="/rcs-club-sign-up">Learn More</a></p>
  701.                 </center>
  702.                 <hr>
  703.             {% endif %}
  704.         
  705.     {% endif %}
  706.     
  707.     
  708.     <script>
  709.          window.onload = () => {
  710.              $('body > div.top-wrap > div > div > div > div.col-12.col-md-9 > form').submit((e) => {
  711.                  document.querySelector("body > div.top-wrap > div > div > div > div.col-12.col-md-9 > form > button").disabled = true
  712.              });
  713.          };
  714.         function clickEnews() {
  715.             var checkBox = document.getElementById("enews");
  716.             var enewsFields = document.getElementById("enews-fields");
  717.             if (checkBox.checked == true){
  718.                 enewsFields.style.display = "block";
  719.                 $(".enews-field").attr('required', true);
  720.                 $("#outer-company-div").css("display","none");
  721.                 $("#company2").val($("#company1").val());
  722.                 $("#company1").attr("name","lead[company_inactive]");
  723.                 $("#company2").attr("name","lead[company]");
  724.             } else {
  725.                 enewsFields.style.display = "none";
  726.                 $(".enews-field").attr('required', false);
  727.                 $("#outer-company-div").css("display","block");
  728.                 $("#company1").val($("#company2").val());
  729.                 $("#company1").attr("name","lead[company]");
  730.                 $("#company2").attr("name","lead[company_inactive]");
  731.             }
  732.         }
  733.     </script>
  734. {% endblock %}
  735. {% endembed %}
  736. {% endblock %}