<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* elements/popout-ad.html.twig */
class __TwigTemplate_9319b3dfed190841feeca7dc5dc6fe65 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->parent = false;
$this->blocks = [
];
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "elements/popout-ad.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "elements/popout-ad.html.twig"));
// line 1
echo "<style>
.popout-ad {
max-height: 400px;
min-height: 200px;
position: fixed;
right: -510px;
display: flex;
flex-direction: row;
z-index: 15;
background: white;
bottom: 15%;
padding-right: 20px;
/*height: 120px;*/
box-shadow: -4px 9px 20px 0px #00000078;
transition: 1s ease-in-out;
cursor: pointer;
width: 565px;
max-height: 400px;
overflow: hidden;
}
.popout-ad:hover {
right: 0;
}
#rc-wrapper {
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
position: absolute;
display: flex;
}
#rc-center {
/*width: 300px;
height: 300px;*/
/*background-color: yellow;*/
/*margin: auto;*/
}
@media (max-width: 767px) {
.popout-ad {
display: none;
}
}
</style>
";
// line 50
if ((isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 50, $this->source); })())) {
// line 51
echo "
<div class=\"popout-ad\" id=\"poa-container\">
<p class=\"standard-bg-dark\" style=\"writing-mode:vertical-rl; transform: rotate(180deg); text-align:center; margin:0; padding:15px; color:white\">
";
// line 54
if (twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 54, $this->source); })()), "getDisplayTitle", [], "method", false, false, false, 54)) {
// line 55
echo " ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 55, $this->source); })()), "getDisplayTitle", [], "method", false, false, false, 55), "html", null, true);
echo "
";
} else {
// line 57
echo " ";
if ((isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 57, $this->source); })())) {
// line 58
echo " ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 58, $this->source); })()), "getTitle", [], "method", false, false, false, 58), "html", null, true);
echo "
";
}
// line 60
echo " ";
}
// line 61
echo " </p>
<div class=\"row\" style=\"width:100%\">
<div class=\"col-sm-4\">
<div style=\"height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;\">
";
// line 65
if (twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 65, $this->source); })()), "getMedia", [], "method", false, false, false, 65)) {
// line 66
echo " ";
echo twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 66, $this->source); })()), "getMediaImageTag", ["", "width: 100%; margin: 15px 5px; height: fit-content;"], "method", false, false, false, 66);
echo "
";
} elseif (( // line 67
(isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 67, $this->source); })()) && twig_get_attribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 67, $this->source); })()), "getMedia", [], "method", false, false, false, 67))) {
// line 68
echo "
";
// line 69
if (twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 69, $this->source); })()), "getExternalUrl", [], "method", false, false, false, 69)) {
// line 70
echo " <a href=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 70, $this->source); })()), "getExternalUrl", [], "method", false, false, false, 70), "html", null, true);
echo "\" data-mitem-id=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 70, $this->source); })()), "getId", [], "method", false, false, false, 70), "html", null, true);
echo "\">
";
}
// line 72
echo " ";
echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 72, $this->source); })()), "getMedia", [], "method", false, false, false, 72), "getImageTag", ["", "width: 100%; margin: 15px 5px; height: fit-content", twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 72, $this->source); })()), "getId", [], "method", false, false, false, 72)], "method", false, false, false, 72);
echo "
";
// line 73
if (twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 73, $this->source); })()), "getExternalUrl", [], "method", false, false, false, 73)) {
// line 74
echo " </a>
";
}
// line 76
echo " ";
}
// line 77
echo " </div>
</div>
<div class=\"col-sm-8\">
<div id=\"rc-wrapper\">
<div id=\"rc-center\">
";
// line 82
if ((twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 82, $this->source); })()), "getPopOutPoll", [], "method", false, false, false, 82) && twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 82, $this->source); })()), "getPopOutPoll", [], "method", false, false, false, 82), "isReallyActive", [], "method", false, false, false, 82))) {
// line 83
echo " ";
// line 84
echo " <div id=\"home-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">
";
// line 85
echo $this->extensions['App\Twig\RCSExtension']->wordpress((("[poll site='RoofCoffeeShop' id='" . twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 85, $this->source); })()), "getPopOutPoll", [], "method", false, false, false, 85), "getId", [], "method", false, false, false, 85)) . "' directory='yes']"));
echo "
</div>
<div id=\"pollReplacementAd\" style=\"display:none;\">
<p>";
// line 88
echo $this->extensions['App\Twig\RCSExtension']->wordpress(twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 88, $this->source); })()), "getDescription", [], "method", false, false, false, 88));
echo "</p>
</div>
";
} else {
// line 91
echo " <p>";
echo $this->extensions['App\Twig\RCSExtension']->wordpress(twig_get_attribute($this->env, $this->source, (isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 91, $this->source); })()), "getDescription", [], "method", false, false, false, 91));
echo "</p>
";
// line 95
echo " ";
}
// line 96
echo " </div>
</div>
</div>
</div>
</div>
";
} else {
// line 103
echo "
";
// line 183
echo "
";
}
// line 185
echo "
<script>
(function (\$) {
\$(function () {
//Adjust height of pop-out ad
\$('#poa-container').height(\$('#rc-center').height()) ;
});
}(jQuery));
</script>";
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
public function getTemplateName()
{
return "elements/popout-ad.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 214 => 185, 210 => 183, 206 => 103, 197 => 96, 194 => 95, 189 => 91, 183 => 88, 177 => 85, 174 => 84, 172 => 83, 170 => 82, 163 => 77, 160 => 76, 156 => 74, 154 => 73, 149 => 72, 141 => 70, 139 => 69, 136 => 68, 134 => 67, 129 => 66, 127 => 65, 121 => 61, 118 => 60, 112 => 58, 109 => 57, 103 => 55, 101 => 54, 96 => 51, 94 => 50, 43 => 1,);
}
public function getSourceContext()
{
return new Source("<style>
.popout-ad {
max-height: 400px;
min-height: 200px;
position: fixed;
right: -510px;
display: flex;
flex-direction: row;
z-index: 15;
background: white;
bottom: 15%;
padding-right: 20px;
/*height: 120px;*/
box-shadow: -4px 9px 20px 0px #00000078;
transition: 1s ease-in-out;
cursor: pointer;
width: 565px;
max-height: 400px;
overflow: hidden;
}
.popout-ad:hover {
right: 0;
}
#rc-wrapper {
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
position: absolute;
display: flex;
}
#rc-center {
/*width: 300px;
height: 300px;*/
/*background-color: yellow;*/
/*margin: auto;*/
}
@media (max-width: 767px) {
.popout-ad {
display: none;
}
}
</style>
{% if popout %}
<div class=\"popout-ad\" id=\"poa-container\">
<p class=\"standard-bg-dark\" style=\"writing-mode:vertical-rl; transform: rotate(180deg); text-align:center; margin:0; padding:15px; color:white\">
{% if popout.getDisplayTitle() %}
{{ popout.getDisplayTitle() }}
{% else %}
{% if customer %}
{{ customer.getTitle() }}
{% endif %}
{% endif %}
</p>
<div class=\"row\" style=\"width:100%\">
<div class=\"col-sm-4\">
<div style=\"height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;\">
{% if popout.getMedia() %}
{{ popout.getMediaImageTag(\"\", \"width: 100%; margin: 15px 5px; height: fit-content;\")|raw }}
{% elseif customer and customer.getMedia() %}
{% if popout.getExternalUrl() %}
<a href=\"{{popout.getExternalUrl()}}\" data-mitem-id=\"{{popout.getId()}}\">
{% endif %}
{{ customer.getMedia().getImageTag(\"\", \"width: 100%; margin: 15px 5px; height: fit-content\", popout.getId())|raw }}
{% if popout.getExternalUrl() %}
</a>
{% endif %}
{% endif %}
</div>
</div>
<div class=\"col-sm-8\">
<div id=\"rc-wrapper\">
<div id=\"rc-center\">
{% if popout.getPopOutPoll() and popout.getPopOutPoll().isReallyActive() %}
{#<div id=\"popout-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">#}
<div id=\"home-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">
{{ \"[poll site='RoofCoffeeShop' id='#{popout.getPopOutPoll().getId()}' directory='yes']\" | wordpress | raw }}
</div>
<div id=\"pollReplacementAd\" style=\"display:none;\">
<p>{{popout.getDescription() | wordpress | raw}}</p>
</div>
{% else %}
<p>{{popout.getDescription() | wordpress | raw}}</p>
{#{% if customer.getDirectoryContent() %}
<a href=\"{{customer.getDirectoryContent().getURL()}}\">Learn More</a>
{% endif %}#}
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% else %}
{#
<div class=\"popout-ad\" id=\"poa-container\">
<p style=\"writing-mode:vertical-rl; transform: rotate(180deg); padding-bottom:10px; text-align:center;\">RoofersCoffeeShop®</p>
<div class=\"row\">
<div class=\"col-md-5\">
<img src=\"https://www.rooferscoffeeshop.com/assets/img/Roofers-Coffee-Shop-Logo-R.png\" alt=\"\" style=\"margin-top:60px\" />
</div>
<div class=\"col-md-7\">
<div id=\"part1\" style=\"margin-top:25px;\">
<p>How likely are you to recommend us to a friend or colleague?</p>
<p><input id=\"pi_input\" type=\"range\" class=\"slider\" min=\"0\" max=\"10\" step=\"1\" style=\"width:100%;\"/></p>
<div class=\"row\">
<div class=\"col-md-6\" style=\"font-size:16px;padding-left:40px;\">
Rating: <output id=\"value\"></output>
</div>
<div class=\"col-md-6\">
<input type=\"buttom\" class=\"button\" value=\"Submit\" id=\"popSubmit\" style=\"width:100px;\">
</div>
</div>
</div>
<div id=\"part2\" style=\"display:none\">
<div style=\"margin-top:50px;\">
<h3>Thank you for your feedback!</h3>
<p>Visit the <a href=\"/our-directory\">RCS Directory</a> to see more from our partners!</p>
</div>
</div>
</div>
</div>
</div>
<style>
.slider {
-webkit-appearance: none;
width: 100%;
height: 10px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider:hover {
opacity: 1;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: #a41822;
cursor: pointer;
}
</style>
<script>
(function (\$) {
\$(function () {
//Temp default pop-out
const value = document.querySelector(\"#value\")
const input = document.querySelector(\"#pi_input\")
value.textContent = input.value
input.addEventListener(\"input\", (event) => {
value.textContent = event.target.value
})
\$('#popSubmit').click(function() {
\$('#part1').hide();
\$('#part2').show();
});
});
}(jQuery));
\t</script>
#}
{% endif %}
<script>
(function (\$) {
\$(function () {
//Adjust height of pop-out ad
\$('#poa-container').height(\$('#rc-center').height()) ;
});
}(jQuery));
</script>", "elements/popout-ad.html.twig", "/var/www/vhosts/rooferscoffeeshop.com/staging.rooferscoffeeshop.com/rcs-website/templates/elements/popout-ad.html.twig");
}
}