var/cache/dev/twig/79/7920b288c457f69d794eaf0196a55669.php line 33

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* elements/popout-ad.html.twig */
  16. class __TwigTemplate_9319b3dfed190841feeca7dc5dc6fe65 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros = $this->macros;
  36.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "elements/popout-ad.html.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "elements/popout-ad.html.twig"));
  42.         // line 1
  43.         echo "<style>
  44.     .popout-ad {
  45.         max-height: 400px;
  46.         min-height: 200px;
  47.         position: fixed;
  48.         right: -510px;
  49.         display: flex;
  50.         flex-direction: row;
  51.         z-index: 15;
  52.         background: white;
  53.         bottom: 15%;
  54.         padding-right: 20px;
  55.         /*height: 120px;*/
  56.         box-shadow: -4px 9px 20px 0px #00000078;
  57.         transition: 1s ease-in-out;
  58.         cursor: pointer;
  59.         width: 565px;
  61.         max-height: 400px;
  62.         overflow: hidden;
  63.     }
  64.     .popout-ad:hover {
  65.         right: 0;
  66.     }
  68.     #rc-wrapper {
  69.         top: 0;
  70.         bottom: 0;
  71.         left: 0;
  72.         right: 0;
  73.         overflow: auto;
  74.         position: absolute;
  75.         display: flex;
  76.     }
  77.     #rc-center {
  78.         /*width: 300px;
  79.         height: 300px;*/
  80.         /*background-color: yellow;*/
  81.         /*margin: auto;*/
  82.     }
  84.     
  85.     @media (max-width: 767px) {
  86.         .popout-ad {
  87.             display: none;
  88.         }
  89.     }
  91. </style>
  92. ";
  93.         // line 50
  94.         if ((isset($context["popout"]) || array_key_exists("popout", $context) ? $context["popout"] : (function () { throw new RuntimeError('Variable "popout" does not exist.', 50, $this->source); })())) {
  95.             // line 51
  96.             echo "
  97.     <div class=\"popout-ad\" id=\"poa-container\">
  98.         <p class=\"standard-bg-dark\" style=\"writing-mode:vertical-rl; transform: rotate(180deg); text-align:center; margin:0; padding:15px; color:white\">
  99.             ";
  100.             // line 54
  101.             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)) {
  102.                 // line 55
  103.                 echo "                ";
  104.                 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);
  105.                 echo "
  106.             ";
  107.             } else {
  108.                 // line 57
  109.                 echo "                ";
  110.                 if ((isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 57, $this->source); })())) {
  111.                     // line 58
  112.                     echo "                    ";
  113.                     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);
  114.                     echo "
  115.                 ";
  116.                 }
  117.                 // line 60
  118.                 echo "            ";
  119.             }
  120.             // line 61
  121.             echo "        </p>
  122.         <div class=\"row\" style=\"width:100%\">
  123.             <div class=\"col-sm-4\">
  124.                 <div style=\"height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;\">
  125.                     ";
  126.             // line 65
  127.             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)) {
  128.                 // line 66
  129.                 echo "                        ";
  130.                 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);
  131.                 echo "
  132.                     ";
  133.             } elseif ((            // line 67
  134. (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))) {
  135.                 // line 68
  136.                 echo "
  137.                         ";
  138.                 // line 69
  139.                 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)) {
  140.                     // line 70
  141.                     echo "                            <a href=\"";
  142.                     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);
  143.                     echo "\" data-mitem-id=\"";
  144.                     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);
  145.                     echo "\">
  146.                         ";
  147.                 }
  148.                 // line 72
  149.                 echo "                        ";
  150.                 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);
  151.                 echo "
  152.                         ";
  153.                 // line 73
  154.                 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)) {
  155.                     // line 74
  156.                     echo "                            </a>
  157.                         ";
  158.                 }
  159.                 // line 76
  160.                 echo "                    ";
  161.             }
  162.             // line 77
  163.             echo "                </div>
  164.             </div>
  165.             <div class=\"col-sm-8\">
  166.                 <div id=\"rc-wrapper\">
  167.                     <div id=\"rc-center\">
  168.                         ";
  169.             // line 82
  170.             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))) {
  171.                 // line 83
  172.                 echo "                            ";
  173.                 // line 84
  174.                 echo "                            <div id=\"home-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">
  175.                                 ";
  176.                 // line 85
  177.                 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']"));
  178.                 echo "
  179.                             </div>
  180.                             <div id=\"pollReplacementAd\" style=\"display:none;\">
  181.                                 <p>";
  182.                 // line 88
  183.                 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));
  184.                 echo "</p>
  185.                             </div>
  186.                         ";
  187.             } else {
  188.                 // line 91
  189.                 echo "                            <p>";
  190.                 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));
  191.                 echo "</p>
  192.                             ";
  193.                 // line 95
  194.                 echo "                        ";
  195.             }
  196.             // line 96
  197.             echo "                    </div>
  198.                 </div>
  199.             </div>
  200.         </div>
  201.     </div>
  203. ";
  204.         } else {
  205.             // line 103
  206.             echo "
  207.     
  208. ";
  209.             // line 183
  210.             echo "
  211. ";
  212.         }
  213.         // line 185
  214.         echo "
  217.  <script>
  218.     (function (\$) {
  219.         \$(function () {
  221.             //Adjust height of pop-out ad
  222.             \$('#poa-container').height(\$('#rc-center').height()) ;
  224.         });
  225.     }(jQuery));
  226. </script>";
  227.         
  228.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  230.         
  231.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  233.     }
  235.     public function getTemplateName()
  236.     {
  237.         return "elements/popout-ad.html.twig";
  238.     }
  240.     public function isTraitable()
  241.     {
  242.         return false;
  243.     }
  245.     public function getDebugInfo()
  246.     {
  247.         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,);
  248.     }
  250.     public function getSourceContext()
  251.     {
  252.         return new Source("<style>
  253.     .popout-ad {
  254.         max-height: 400px;
  255.         min-height: 200px;
  256.         position: fixed;
  257.         right: -510px;
  258.         display: flex;
  259.         flex-direction: row;
  260.         z-index: 15;
  261.         background: white;
  262.         bottom: 15%;
  263.         padding-right: 20px;
  264.         /*height: 120px;*/
  265.         box-shadow: -4px 9px 20px 0px #00000078;
  266.         transition: 1s ease-in-out;
  267.         cursor: pointer;
  268.         width: 565px;
  270.         max-height: 400px;
  271.         overflow: hidden;
  272.     }
  273.     .popout-ad:hover {
  274.         right: 0;
  275.     }
  277.     #rc-wrapper {
  278.         top: 0;
  279.         bottom: 0;
  280.         left: 0;
  281.         right: 0;
  282.         overflow: auto;
  283.         position: absolute;
  284.         display: flex;
  285.     }
  286.     #rc-center {
  287.         /*width: 300px;
  288.         height: 300px;*/
  289.         /*background-color: yellow;*/
  290.         /*margin: auto;*/
  291.     }
  293.     
  294.     @media (max-width: 767px) {
  295.         .popout-ad {
  296.             display: none;
  297.         }
  298.     }
  300. </style>
  301. {% if popout %}
  303.     <div class=\"popout-ad\" id=\"poa-container\">
  304.         <p class=\"standard-bg-dark\" style=\"writing-mode:vertical-rl; transform: rotate(180deg); text-align:center; margin:0; padding:15px; color:white\">
  305.             {% if popout.getDisplayTitle() %}
  306.                 {{ popout.getDisplayTitle() }}
  307.             {% else %}
  308.                 {% if customer %}
  309.                     {{ customer.getTitle() }}
  310.                 {% endif %}
  311.             {% endif %}
  312.         </p>
  313.         <div class=\"row\" style=\"width:100%\">
  314.             <div class=\"col-sm-4\">
  315.                 <div style=\"height:100%; display: flex; flex-direction: column; justify-content: center; align-items: center;\">
  316.                     {% if popout.getMedia() %}
  317.                         {{ popout.getMediaImageTag(\"\", \"width: 100%; margin: 15px 5px; height: fit-content;\")|raw }}
  318.                     {% elseif customer and customer.getMedia() %}
  320.                         {% if popout.getExternalUrl() %}
  321.                             <a href=\"{{popout.getExternalUrl()}}\" data-mitem-id=\"{{popout.getId()}}\">
  322.                         {% endif %}
  323.                         {{ customer.getMedia().getImageTag(\"\", \"width: 100%; margin: 15px 5px; height: fit-content\", popout.getId())|raw }}
  324.                         {% if popout.getExternalUrl() %}
  325.                             </a>
  326.                         {% endif %}
  327.                     {% endif %}
  328.                 </div>
  329.             </div>
  330.             <div class=\"col-sm-8\">
  331.                 <div id=\"rc-wrapper\">
  332.                     <div id=\"rc-center\">
  333.                         {% if popout.getPopOutPoll() and popout.getPopOutPoll().isReallyActive() %}
  334.                             {#<div id=\"popout-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">#}
  335.                             <div id=\"home-poll\" class=\"home-poll home-poll-rcs\" style=\"margin-bottom:15px;\">
  336.                                 {{ \"[poll site='RoofCoffeeShop' id='#{popout.getPopOutPoll().getId()}' directory='yes']\" | wordpress | raw }}
  337.                             </div>
  338.                             <div id=\"pollReplacementAd\" style=\"display:none;\">
  339.                                 <p>{{popout.getDescription() | wordpress | raw}}</p>
  340.                             </div>
  341.                         {% else %}
  342.                             <p>{{popout.getDescription() | wordpress | raw}}</p>
  343.                             {#{% if customer.getDirectoryContent() %}
  344.                                 <a href=\"{{customer.getDirectoryContent().getURL()}}\">Learn More</a>
  345.                             {% endif %}#}
  346.                         {% endif %}
  347.                     </div>
  348.                 </div>
  349.             </div>
  350.         </div>
  351.     </div>
  353. {% else %}
  355.     
  356. {#
  357.     <div class=\"popout-ad\" id=\"poa-container\">
  358.         <p style=\"writing-mode:vertical-rl; transform: rotate(180deg); padding-bottom:10px; text-align:center;\">RoofersCoffeeShop®</p>
  359.         <div  class=\"row\">
  360.             <div class=\"col-md-5\">
  361.                 <img src=\"https://www.rooferscoffeeshop.com/assets/img/Roofers-Coffee-Shop-Logo-R.png\" alt=\"\" style=\"margin-top:60px\" />
  362.             </div>
  363.             <div class=\"col-md-7\">
  364.                 <div id=\"part1\" style=\"margin-top:25px;\">
  365.                     <p>How likely are you to recommend us to a friend or colleague?</p>
  366.                     <p><input id=\"pi_input\" type=\"range\" class=\"slider\" min=\"0\" max=\"10\" step=\"1\" style=\"width:100%;\"/></p>
  367.                     <div  class=\"row\">
  368.                         <div class=\"col-md-6\" style=\"font-size:16px;padding-left:40px;\">
  369.                             Rating: <output id=\"value\"></output>
  370.                         </div>
  371.                         <div class=\"col-md-6\">
  372.                             <input type=\"buttom\" class=\"button\" value=\"Submit\" id=\"popSubmit\" style=\"width:100px;\">
  373.                         </div>
  374.                     </div>
  375.                 </div>
  376.                 <div id=\"part2\" style=\"display:none\">
  377.                     <div style=\"margin-top:50px;\">
  378.                         <h3>Thank you for your feedback!</h3>
  379.                         <p>Visit the <a href=\"/our-directory\">RCS Directory</a> to see more from our partners!</p>
  380.                     </div>
  381.                 </div>
  382.             </div>
  383.         </div>
  385.     </div>
  387. <style>
  388. .slider {
  389.   -webkit-appearance: none;
  390.   width: 100%;
  391.   height: 10px;
  392.   background: #d3d3d3;
  393.   outline: none;
  394.   opacity: 0.7;
  395.   -webkit-transition: .2s;
  396.   transition: opacity .2s;
  397. }
  398. .slider:hover {
  399.   opacity: 1;
  400. }
  402. .slider::-webkit-slider-thumb {
  403.   -webkit-appearance: none;
  404.   appearance: none;
  405.   width: 20px;
  406.   height: 20px;
  407.   background: #a41822;
  408.   cursor: pointer;
  409. }
  410. </style>
  412.     <script>
  413.         (function (\$) {
  414.             \$(function () {
  416.                 //Temp default pop-out
  417.                 const value = document.querySelector(\"#value\")
  418.                 const input = document.querySelector(\"#pi_input\")
  419.                 value.textContent = input.value
  420.                 input.addEventListener(\"input\", (event) => {
  421.                 value.textContent = event.target.value
  422.                 })
  424.                 \$('#popSubmit').click(function() {
  425.                     \$('#part1').hide();
  426.                     \$('#part2').show();
  427.                 });
  429.             });
  430.         }(jQuery));
  431. \t</script>
  433.     #}
  435. {% endif %}
  439.  <script>
  440.     (function (\$) {
  441.         \$(function () {
  443.             //Adjust height of pop-out ad
  444.             \$('#poa-container').height(\$('#rc-center').height()) ;
  446.         });
  447.     }(jQuery));
  448. </script>", "elements/popout-ad.html.twig", "/var/www/vhosts/rooferscoffeeshop.com/staging.rooferscoffeeshop.com/rcs-website/templates/elements/popout-ad.html.twig");
  449.     }
  450. }