<?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;

/* cstyle/template/common/footer.twig */
class __TwigTemplate_b3f0afc18f33a19968f58ebcd69843269d289c0ec172df67a338c69d6929d52c extends \Twig\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;
        // line 1
        echo "</div>

<div class=\"footer bg-white pb-4\">
\t<div class=\"container\">

\t\t<div class=\"row justify-content-center\">
\t\t\t<div class=\"col-12 my-4\"><div class=\"logo\"><img src=\"/catalog/view/theme/cstyle/images/logo.svg\" /></div></div>
\t\t\t<div class=\"col-12 col-lg-8 text-center\">Delivering high-quality salt tablets for efficient and sustainable water purification across industries.</div>
\t\t</div>

\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 text-center\">
\t\t\t\t<ul class=\"menu mx-0 my-4 p-0\">
\t\t\t\t\t<li><a href=\"#\" class=\"top\"><i class=\"fa-solid fa-house\"></i></a></li>
\t\t\t\t\t<li><a href=\"#\" class=\"about\">About us</a></li>
\t\t\t\t\t<li><a href=\"#\" class=\"product\">Products</a></li>
\t\t\t\t\t<li><a href=\"#\" class=\"specs\">Specification</a></li>
\t\t\t\t\t<li><a href=\"#\" class=\"contact\">Contacts</a></li>
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>

\t\t<div class=\"row\">
\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-start\">saltcompany.ie © 2024. All rights reserved.</div>
\t\t\t<div class=\"col-12 col-lg-6 text-center text-lg-end\">
\t\t\t\t<ul class=\"social mx-0 my-4 my-lg-0 p-0\">
\t\t\t\t\t<li><a href=\"#\"><i class=\"fa-brands fa-instagram\"></i></a></li>
\t\t\t\t\t<li><a href=\"#\"><i class=\"fa-brands fa-whatsapp\"></i></a></li>
\t\t\t\t\t<li><a href=\"#\"><i class=\"fa-brands fa-telegram\"></i></a></li>
\t\t\t\t\t<li><a href=\"#\"><i class=\"fa-brands fa-facebook-f\"></i></a></li>
\t\t\t\t\t<li><a href=\"#\"><i class=\"fa-regular fa-envelope\"></i></a></li>
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>

\t</div>
</div>

<div class=\"container-fluid border-top bg-white\">
\t<div class=\"row\">
\t\t<div class=\"col-12 text-center\" style=\"line-height:50px;\">Design and support&nbsp;&nbsp;&nbsp;<a href=\"https://cstyle.ie\" target=\"_blank\"><img src=\"/catalog/view/theme/cstyle/images/cs.svg\" style=\"max-height:30px;\" /></a></div>
\t</div>
</div>


<!-- Header -->
<div class=\"modal fade\" id=\"header\" tabindex=\"-1\" aria-hidden=\"true\">
\t<div class=\"modal-dialog modal-dialog-centered modal-xl\">
\t\t<div class=\"modal-content\">

\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title fs-5\">Pure water, Pure life</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>

\t\t\t<div class=\"modal-body\">
\t\t\t...
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button>
\t\t\t</div>

\t\t</div>
\t</div>
</div>

<!-- About us -->
<div class=\"modal fade\" id=\"about_us\" tabindex=\"-1\" aria-hidden=\"true\">
\t<div class=\"modal-dialog modal-dialog-centered modal-xl\">
\t\t<div class=\"modal-content\">

\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title fs-5\">About us</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>

\t\t\t<div class=\"modal-body\">
\t\t\t...
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button>
\t\t\t</div>

\t\t</div>
\t</div>
</div>

<!-- Contact Form -->
<div class=\"modal fade\" id=\"order\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">
\t<div class=\"modal-dialog\">
\t\t<div class=\"modal-content\">
\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title\" id=\"exampleModalLabel\">Make an order</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>
\t\t\t<div class=\"modal-body\">
\t\t\t\t<div class=\"container\" id=\"form_contact\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col-12\">
\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<input type=\"text\" name=\"name\" value=\"\" placeholder=\"Your name\" id=\"input-name\" class=\"form-control\" />
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<input type=\"text\" name=\"company\" value=\"\" placeholder=\"Company\" id=\"input-company\" class=\"form-control\" />
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<input type=\"text\" name=\"phone\" value=\"\" placeholder=\"Your phone\" id=\"input-phone\" class=\"form-control\" />
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<input type=\"text\" name=\"email\" value=\"\" placeholder=\"Your email\" id=\"input-email\" class=\"form-control\" />
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<input type=\"hidden\" class=\"autoSelector\" name=\"autoSelector\" value=\"\" />
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<span class=\"fs-6 ps-1\">Choose a product</span>
\t\t\t\t\t\t\t\t<div class=\"service\">
\t\t\t\t\t\t\t\t\t<select name=\"service\" class=\"form-control\">
\t\t\t\t\t\t\t\t\t\t<option value=\"\" disabled>Choose a product</option>
\t\t\t\t\t\t\t\t\t\t<option value=\"Custom order\">Custom order</option>
\t\t\t\t\t\t\t\t\t\t<option value=\"OneBag\">1 Bag</option>
\t\t\t\t\t\t\t\t\t\t<option value=\"TenBag\">10 Bags</option>
\t\t\t\t\t\t\t\t\t\t<option value=\"Pallet\">Pallet (30 Bags)</option>
\t\t\t\t\t\t\t\t\t</select>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-group mb-3\">
\t\t\t\t\t\t\t\t<textarea name=\"enquiry\" placeholder=\"Enquiry\" rows=\"10\" id=\"input-enquiry\" class=\"form-control\"></textarea>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"form-group mb-3 text-center\">
\t\t\t\t\t\t\t\t<script src=\"//www.google.com/recaptcha/api.js\" type=\"text/javascript\"></script>
\t\t\t\t\t\t\t\t<div id=\"g_captch\" class=\"g-recaptcha text-center\" data-sitekey=\"";
        // line 140
        echo ($context["site_key"] ?? null);
        echo "\"></div>
\t\t\t\t\t\t\t\t<div id=\"g_captch\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<input onclick=\"send_contact_form();\" class=\"btn btn-primary w-100\" type=\"submit\" value=\"Place your order\" />
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<div class=\"container-fluid\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col-12\"><button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
</div>

<div class=\"modal fade\" id=\"order_success\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">
\t<div class=\"modal-dialog\">
\t\t<div class=\"modal-content\">
\t\t\t<div class=\"modal-header\">
\t\t\t\t<h5 class=\"modal-title\" id=\"exampleModalLabel\">Make an order</h5>
\t\t\t\t<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
\t\t\t</div>
\t\t\t<div class=\"modal-body\">
\t\t\t\t<div class=\"container\" id=\"form_contact\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col-12 text-center my-5\">
\t\t\t\t\t\t\t<h3>Thank you!</h3>
\t\t\t\t\t\t\t<h4>You successfully sended your request</h4>
\t\t\t\t\t\t\t<h5>We will contact you shortly.</h5>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"modal-footer\">
\t\t\t\t<div class=\"container-fluid\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col-12\"><button type=\"button\" class=\"btn btn-secondary w-100\" data-bs-dismiss=\"modal\">Close</button></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t</div>
</div> 

<script>
function send_contact_form() {
\t\$('.text-danger').remove();
\t\$.ajax({
\t\turl: '/index.php?route=information/contact/send_form',
\t\ttype: 'post',
\t\tdata: \$('#form_contact input[type=\\'text\\'], #form_contact textarea, #form_contact select, #form_contact input[type=\\'hidden\\']'),
\t\tdataType: 'json',\t\t
\t\tsuccess: function(json) {
\t\t\tif (json['error']) {
\t\t\t\tif (json['error']['name']) {
\t\t\t\t\t\$('#input-name').after('<div class=\"text-danger fs-6\">Name must be between 3 and 32 characters!</div>');
\t\t\t\t}
\t\t\t\tif (json['error']['email']) {
\t\t\t\t\t\$('#input-email').after('<div class=\"text-danger fs-6\">E-Mail Address does not appear to be valid!</div>');
\t\t\t\t}
\t\t\t\tif (json['error']['enquiry']) {
\t\t\t\t\t\$('#input-enquiry').after('<div class=\"text-danger fs-6\">Enquiry must be between 10 and 3000 characters!</div>');
\t\t\t\t}
\t\t\t\t
\t\t\t\tif (json['error']['captcha']) {
\t\t\t\t\t//alert('captcha');
\t\t\t\t\t\$('#g_captch').after('<div class=\"text-danger fs-6\">Verification is not correct!</div>');
\t\t\t\t}
\t\t\t\t
\t\t\t}
\t\t\tif (json['success']) {
\t\t\t\t\$('#order').modal('hide');
\t\t\t\t\$('#order_success').modal('show');
\t\t\t}
\t\t}
\t});
}
</script>

</body>

</html>";
    }

    public function getTemplateName()
    {
        return "cstyle/template/common/footer.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  178 => 140,  37 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("", "cstyle/template/common/footer.twig", "");
    }
}
