{% extends "base.html.twig" %}
{% block body %}
{% embed "1-col-sidebar.html.twig" %}
{% block column %}
{% if message %}
<div class="alert alert-{{ message.type }}">
{% if message.type == 'warning' %}
<i class="fa fa-exclamation-triangle"></i>
{% elseif message.type == 'success' %}
<i class="fa fa-check"></i>
{% endif %}
{{ message.text | raw}}
</div>
{% endif %}
{% if site_code == constant("App\\Entity\\Content::SITE_RCS") %}
{% include "includes/curtain-ads/rclub.html.twig" %}
{% endif %}
{% if app.user is empty %}
{# Not a user, show the user sign up form w/ Week in Roofing section #}
<form method="post" action="">
{# <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'> #}
{#<h3>3 SIGN UP OPTIONS</h3><br>#}
<h6>{#1. #}Sign-up for an account to place a classified and to participate in the forum.</h6>
<p>Register for an account with RoofersCoffeeShop using the form below!</p>
<input type="hidden" id="site-signup" name="site-signup" value="1">
<div class="row">
<div class="col-sm-6">
<label class="btn-block"><span>First Name:<span style="color:red"> *</span></span>
<input
class="form-control"
type="text"
name="lead[firstname]"
placeholder="Your First Name"
value="{{ firstname }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Last Name:<span style="color:red"> *</span></span>
<input
class="form-control"
type="text"
name="lead[lastname]"
placeholder="Your Last Name"
value="{{ lastname }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Your Username<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[username]"
placeholder="Your Username"
value="{{ username }}"
required
/>
</label>
<span><i class="fa fa-exclamation-triangle"></i> Username must be greater than 5 characters in length.</span>
</div>
<div class="col-sm-6">
<label class="btn-block">Your E-mail Address<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[email]"
placeholder="Your E-mail Address"
value="{{ email }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Your Password<span style="color:red"> *</span>
<input
class="form-control"
type="password"
name="password1"
placeholder="Your Password"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Confirm Password<span style="color:red"> *</span>
<input
class="form-control"
type="password"
name="password2"
placeholder="Confirm Your Password"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Address Line 1<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[address1]"
placeholder="Your Address Line 1"
value="{{ address1 }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Address Line 2<span style="color:red"></span>
<input
class="form-control"
type="text"
name="lead[address2]"
placeholder="Your Address Line 2"
value="{{ address2 }}"
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">City<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[city]"
placeholder="Your City"
value="{{ city }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">State / Region<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[state]"
placeholder="Your State / Region"
value="{{ state }}"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block">Zip Code<span style="color:red"> *</span>
<input
class="form-control"
type="text"
name="lead[zip]"
placeholder="Your Zip Code"
value="{{ zip }}"
required
/>
</label>
</div>
<div class="col-sm-6" id="outer-company-div" {#style="display:none;"#}>
<label class="btn-block">Company<span style="color:red"> *</span>
<input
class="form-control"
type="text"
{#name="lead[company_inactive]"#}
name="lead[company]"
placeholder="Your Company"
value="{% if company is defined %}{{company}}{% endif %}"
id="company1"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Phone Number:{#<span style="color:red"> *</span>#}</span>
<input
type="text"
class="form-control enews-field"
placeholder="Your Phone Number"
name="lead[phone]"
value="{% if phone is defined %}{{phone}}{% endif %}"
{#required#}
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
<select
class="form-control enews-field"
name="lead[contractor_type]"
required
>
<option value="Primarily Commercial">Primarily Commercial</option>
<option value="Primarily Residential">Primarily Residential</option>
<option value="Both">Both</option>
<option value="Other">Other</option>
<option value="Not a Contractor">Not a Contractor</option>
</select>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="United States"
class="enews-field"
checked
required
/>
<span>United States</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Canada"
class="enews-field"
required
/>
<span>Canada</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="European Countries"
class="enews-field"
required
/>
<span>European Countries</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Other"
class="enews-field"
required
/>
<span><input
type="text"
placeholder="Other"
name="lead[country_other]"
class="enews-field"
/></span>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
<select
class="form-control enews-field"
name="lead[business_type]"
required
>
<option value="Roofing Contractor">Roofing Contractor</option>
<option value="Exterior/General Contractor">Exterior/General Contractor</option>
<option value="Distributor">Distributor</option>
<option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
<option value="Other">Other</option>
</select>
</label>
</div>
{#<h6>2. Add the "Week In Roofing" E-news</h6>#}
<div class="col-sm-12" {# class="form-check" #} style="margin-top:30px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" {#onclick="clickEnews()"#} checked>
<label class="form-check-label" for="enews">
<span class="rtooltip">Sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
<label class="form-check-label" for="metal-enews">
<span class="rtooltip">Sign up for Week In Metal? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the metal industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
<label class="form-check-label" for="coatings-enews">
<span class="rtooltip">Sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:30px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="yes" id="rclub_interest" name="lead_custom[rclub_interest]">
<label class="form-check-label" for="rclub_interest">
<span class="rtooltip">Interested in R-Club? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:165px;width:210px;padding-left:10px;">
The most exclusive roofing contractors club in the world!
</div>
</span>
</label>
</div>
</div>
{#
<div id="enews-fields">
<div class="row">
<div class="col-8">
<label class="btn-block"><span>Company:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control enews-field"
placeholder="Your Company"
name="lead[company]"
id="company2"
required
/>
</label>
<label class="btn-block"><span>Phone Number:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control enews-field"
placeholder="Your Phone Number"
name="lead[phone]"
required
/>
</label>
<label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
<select
class="form-control enews-field"
name="lead[contractor_type]"
required
>
<option value="Primarily Commercial">Primarily Commercial</option>
<option value="Primarily Residential">Primarily Residential</option>
<option value="Both">Both</option>
</select>
</label>
<label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="United States"
class="enews-field"
checked
required
/>
<span>United States</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Canada"
class="enews-field"
required
/>
<span>Canada</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="European Countries"
class="enews-field"
required
/>
<span>European Countries</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Other"
class="enews-field"
required
/>
<span><input
type="text"
placeholder="Other"
name="lead[country_other]"
class="enews-field"
/></span>
</label>
<label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
<select
class="form-control enews-field"
name="lead[business_type]"
required
>
<option value="Roofing Contractor">Roofing Contractor</option>
<option value="Exterior/General Contractor">Exterior/General Contractor</option>
<option value="Distributor">Distributor</option>
<option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
<option value="Other">Other</option>
</select>
</label>
</div>
<div class="col-4">
<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>
{ #<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># }
</div>
</div>
</div>
#}
{# Members section #}
{#
<br><hr><br>
<h6>3. Sign up for complete access for all the RoofersCoffeeShop has to offer.</h6>
{% if app.user and app.user.isMember() %}
<!--Already a member. Leave blank?-->
{% else %}
<center>
<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>
<p>Want exclusive access?</p>
<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>
</center>
<hr>
{% endif %}
#}
<br><div class="form-row g-recaptcha" data-sitekey="6LeEIlMUAAAAAGhdmJJLdJHPxaWx2GqBjber5n6B"></div>
<div style="text-align:center;">
<button
type="submit"
class="btn btn-secondary mt-2"
style="font-size: 22px;"
>Sign Up</button>
</div>
<br>
<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> {#'#}
</form>
{% else %}
{# Already a user, just show the Week in Roofing sign up #}
{% set week_in = 'Roofing' %}
{% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_MCS") %}
{% set week_in = 'Metal' %}
{% endif %}
{% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
{% set week_in = 'Coatings' %}
{% endif %}
<div class="row">
<div class="col-9">
<h3>Sign Up for the "Week in {{week_in}}"</h3>
<p>Don't miss our recap of the week's best industry posts!</p>
<form method="post" class="py-4">
<input type="hidden" id="enews-signup" name="enews-signup" value="1">
{% if site_code is defined and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
<input type="hidden" id="enews" name="enews" value="1">
{% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_MCS") %}
<input type="hidden" id="metal-enews" name="metal-enews" value="1">
{% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_CCS") %}
<input type="hidden" id="coatings-enews" name="coatings-enews" value="1">
{% endif %}
<div class="row">
<div class="col-sm-6">
<label class="btn-block"><span>First Name:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control"
placeholder="Your First Name"
name="lead[firstname]"
required
/>
</label>
</div>
<div class="col-sm-6">
<label class="btn-block"><span>Last Name:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control"
placeholder="Your Last Name"
name="lead[lastname]"
required
/>
</label>
</div>
</div>
<label class="btn-block"><span>Email:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control"
placeholder="Your Email Address"
name="lead[email]"
required
/>
</label>
<label class="btn-block"><span>Company:<span style="color:red"> *</span></span>
<input
type="text"
class="form-control"
placeholder="Your Company"
name="lead[company]"
required
/>
</label>
<label class="btn-block"><span>Type of Work Performed:<span style="color:red"> *</span></span>
<select
class="form-control"
name="lead[contractor_type]"
required
>
<option value="Primarily Commercial">Primarily Commercial</option>
<option value="Primarily Residential">Primarily Residential</option>
<option value="Both">Both</option>
<option value="Other">Other</option>
</select>
</label>
<label class="btn-block"><span>Country:<span style="color:red"> *</span></span></label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="United States"
checked
required
/>
<span>United States</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Canada"
required
/>
<span>Canada</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="European Countries"
required
/>
<span>European Countries</span>
</label>
<label class="btn-block">
<input
type="radio"
name="lead[country]"
value="Other"
required
/>
<span><input
type="text"
placeholder="Other"
name="lead[country_other]"
/></span>
</label>
<label class="btn-block"><span>Business Type:<span style="color:red"> *</span></span>
<select
class="form-control"
name="lead[business_type]"
required
>
<option value="Roofing Contractor">Roofing Contractor</option>
<option value="Exterior/General Contractor">Exterior/General Contractor</option>
<option value="Distributor">Distributor</option>
<option value="Manufacturer/Business Services">Manufacturer/Business Services</option>
<option value="Other">Other</option>
</select>
</label>
{% if week_in == 'Roofing' %}
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
<label class="form-check-label" for="metal-enews">
<span class="rtooltip">Also sign up for Week In Metal? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the metal industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
<label class="form-check-label" for="coatings-enews">
<span class="rtooltip">Also sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
</div>
</span>
</label>
</div>
{% elseif week_in == 'Metal' %}
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" checked>
<label class="form-check-label" for="enews">
<span class="rtooltip">Also sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="coatings-enews" name="coatings-enews" checked>
<label class="form-check-label" for="coatings-enews">
<span class="rtooltip">Also sign up for Week In Coatings? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the coatings industry, week by week!
</div>
</span>
</label>
</div>
{% elseif week_in == 'Coatings' %}
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="enews" name="enews" checked>
<label class="form-check-label" for="enews">
<span class="rtooltip">Also sign up for Week In Roofing? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the roofing industry, week by week!
</div>
</span>
</label>
</div>
<div class="col-sm-12" style="margin-top:20px;padding-left:25px;">
<input class="form-check-input" type="checkbox" value="1" id="metal-enews" name="metal-enews" checked>
<label class="form-check-label" for="metal-enews">
<span class="rtooltip">Also sign up for Week In Metal? <i class="fa fa-info-circle"></i>
<div class="rtooltiptext" style="top:-30px;left:225px;width:260px;padding-left:10px;">
Our weekly newsletter - an inside look <br>at the metal industry, week by week!
</div>
</span>
</label>
</div>
{% endif %}
<div class="form-row g-recaptcha" data-sitekey="6LeEIlMUAAAAAGhdmJJLdJHPxaWx2GqBjber5n6B"></div>
<div style="text-align: center;">
<button
type="submit"
class="btn btn-secondary mt-2"
>Sign Up</button>
</div>
</form>
</div>
<div class="col-3">
<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>
{#<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>#}
</div>
</div>
{# Members section #}
<br><hr><br>
{% if app.user and app.user.isMember() %}
{# Already a member. Leave blank? #}
{% elseif site_code is defined and site_code == constant("App\\Entity\\Content::SITE_RCS") %}
<center>
<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>
<p>Want exclusive access?</p>
<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>
</center>
<hr>
{% endif %}
{% endif %}
<script>
window.onload = () => {
$('body > div.top-wrap > div > div > div > div.col-12.col-md-9 > form').submit((e) => {
document.querySelector("body > div.top-wrap > div > div > div > div.col-12.col-md-9 > form > button").disabled = true
});
};
function clickEnews() {
var checkBox = document.getElementById("enews");
var enewsFields = document.getElementById("enews-fields");
if (checkBox.checked == true){
enewsFields.style.display = "block";
$(".enews-field").attr('required', true);
$("#outer-company-div").css("display","none");
$("#company2").val($("#company1").val());
$("#company1").attr("name","lead[company_inactive]");
$("#company2").attr("name","lead[company]");
} else {
enewsFields.style.display = "none";
$(".enews-field").attr('required', false);
$("#outer-company-div").css("display","block");
$("#company1").val($("#company2").val());
$("#company1").attr("name","lead[company]");
$("#company2").attr("name","lead[company_inactive]");
}
}
</script>
{% endblock %}
{% endembed %}
{% endblock %}