Elep

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

/* Default/orderconfirmation.html.twig */
class __TwigTemplate_da8480c92656f3199a82067376777eed5e8dc6c52d0342c014dbeccad4b9b6ec 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_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Default/orderconfirmation.html.twig"));

$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Default/orderconfirmation.html.twig"));

// line 1
        echo "

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
    <title>MixChief Order Confirmation</title>
    <link rel=\"stylesheet\" href=\"";
        // line 9
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/main.css"), "html", null, true);
        echo "\">
    <link rel=\"stylesheet\" href=\"";
        // line 10
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/checkout.css"), "html", null, true);
        echo "\">
\t<link rel=\"shortcut icon\" href=\"";
        // line 11
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/favicon.png"), "html", null, true);
        echo "\">
    <style>
        body {
            /* font-family: Arial, sans-serif; */
            /* background-color: #f4f4f4; */
            margin: 0;
            padding: 20px;
            width: 100%;
        }

.container {
            /* background-color: #fff; */
            padding: 20px;
            /* border-radius: 5px; */
            /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
            max-width: 600px;
            margin: 0 auto;
        }

.next {
            padding: 18px;
            background-color: #e5e5e5;
            color: #6d6e70;
            font-size: 14px;
            margin-bottom: 20px;
        }

.next h3 {
            line-height: 30px;
        }

.next a.insta {
            color: #d62976;
        }

.next a.twitter {
            color: #1da1f2;
        }

body nav .nav-content {
            justify-content: center;
        }

.container .confirmation-header {
            /* text-align: center; */
        }

h1 {
            text-align: center;
        }

hr {
            margin: 10px 0;
        }

a {
            text-decoration: none;
        }

.container .total {
            text-align: right;
        }

.order-details {
            margin-top: 20px;
        }

.order-items {
            list-style: none;
            padding: 0;
        }

.order-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

.shipping-details {
            margin-top: 20px;
            margin-bottom: 20px;
        }

.shipping-details > * {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <nav>
        <div class=\"nav-content\">
            <a href=\"/\"><img src=\"";
        // line 104
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("images/mixchief-logo.png"), "html", null, true);
        echo "\" alt=\"MixChief Logo\"></a>
        </div>
    </nav>
    <div class=\"container\">
        <div class=\"next\">
            <h3>What's next?</h3>
            <p>Sit back and wait for your order to get delivered to you. If you have any questions please call/whatsapp <a href=\"tel:+2348133277306\">08133277306</a>. This is also a good time for you to follow us on <a href=\"https://instagram.com/themixchief\" class=\"insta\">MixChief's Instagram</a> and <a href=\"https://twitter.com/themixchief\" class=\"twitter\">MixChief's Twitter</a></p>
        </div>
        <h2 class=\"confirmation-header\">Thank you for your purchase!</h2>
        <hr />
        <p>Your order with items listed below has been placed successfully.</p>
        <div class=\"order-details\">
            <ul class=\"order-items\">
                ";
        // line 117
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["orderItems"]) || array_key_exists("orderItems", $context) ? $context["orderItems"] : (function () { throw new RuntimeError('Variable "orderItems" does not exist.', 117, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
            // line 118
            echo "                    <li class=\"order-item\">
                        <span>";
            // line 119
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "name", [], "any", false, false, false, 119), "html", null, true);
            echo "</span>
                        <span>&#8358;";
            // line 120
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "price", [], "any", false, false, false, 120), "html", null, true);
            echo " x ";
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "quantity", [], "any", false, false, false, 120), "html", null, true);
            echo "</span>
                    </li>
                ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 123
        echo "            </ul>
            <h3 class=\"total\">Total: &#8358;";
        // line 124
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["order"]) || array_key_exists("order", $context) ? $context["order"] : (function () { throw new RuntimeError('Variable "order" does not exist.', 124, $this->source); })()), "amount", [], "any", false, false, false, 124), "html", null, true);
        echo " </h3> 
        </div>
        <div class=\"shipping-details\">
            <h3>Delivery Information</h3>
            <p><strong>Name:</strong> ";
        // line 128
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["delivery"]) || array_key_exists("delivery", $context) ? $context["delivery"] : (function () { throw new RuntimeError('Variable "delivery" does not exist.', 128, $this->source); })()), "fullname", [], "any", false, false, false, 128), "html", null, true);
        echo "</p>
            <p><strong>Address:</strong> ";
        // line 129
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["delivery"]) || array_key_exists("delivery", $context) ? $context["delivery"] : (function () { throw new RuntimeError('Variable "delivery" does not exist.', 129, $this->source); })()), "address", [], "any", false, false, false, 129), "html", null, true);
        echo "</p>
            <p><strong>Phone:</strong> ";
        // line 130
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["delivery"]) || array_key_exists("delivery", $context) ? $context["delivery"] : (function () { throw new RuntimeError('Variable "delivery" does not exist.', 130, $this->source); })()), "phone", [], "any", false, false, false, 130), "html", null, true);
        echo "</p>
        </div>
        
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            localStorage.removeItem('items');
        });
    </script>
</body>
</html>
";
        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

}

public function getTemplateName()
    {
        return "Default/orderconfirmation.html.twig";
    }

public function isTraitable()
    {
        return false;
    }

public function getDebugInfo()
    {
        return array (  213 => 130,  209 => 129,  205 => 128,  198 => 124,  195 => 123,  184 => 120,  180 => 119,  177 => 118,  173 => 117,  157 => 104,  61 => 11,  57 => 10,  53 => 9,  43 => 1,);
    }

public function getSourceContext()
    {
        return new Source("

<!DOCTYPE html>
<html lang=\"en\">
<head>
    <meta charset=\"UTF-8\">
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
    <title>MixChief Order Confirmation</title>
    <link rel=\"stylesheet\" href=\"{{ asset('css/main.css') }}\">
    <link rel=\"stylesheet\" href=\"{{ asset('css/checkout.css') }}\">
\t<link rel=\"shortcut icon\" href=\"{{ asset('images/favicon.png') }}\">
    <style>
        body {
            /* font-family: Arial, sans-serif; */
            /* background-color: #f4f4f4; */
            margin: 0;
            padding: 20px;
            width: 100%;
        }

.next {
            padding: 18px;
            background-color: #e5e5e5;
            color: #6d6e70;
            font-size: 14px;
            margin-bottom: 20px;
        }

.next h3 {
            line-height: 30px;
        }

.next a.insta {
            color: #d62976;
        }

.next a.twitter {
            color: #1da1f2;
        }

body nav .nav-content {
            justify-content: center;
        }

.container .confirmation-header {
            /* text-align: center; */
        }

h1 {
            text-align: center;
        }

hr {
            margin: 10px 0;
        }

a {
            text-decoration: none;
        }

.container .total {
            text-align: right;
        }

.order-details {
            margin-top: 20px;
        }

.order-items {
            list-style: none;
            padding: 0;
        }

.order-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

.shipping-details {
            margin-top: 20px;
            margin-bottom: 20px;
        }

.shipping-details > * {
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <nav>
        <div class=\"nav-content\">
            <a href=\"/\"><img src=\"{{ asset('images/mixchief-logo.png') }}\" alt=\"MixChief Logo\"></a>
        </div>
    </nav>
    <div class=\"container\">
        <div class=\"next\">
            <h3>What's next?</h3>
            <p>Sit back and wait for your order to get delivered to you. If you have any questions please call/whatsapp <a href=\"tel:+2348133277306\">08133277306</a>. This is also a good time for you to follow us on <a href=\"https://instagram.com/themixchief\" class=\"insta\">MixChief's Instagram</a> and <a href=\"https://twitter.com/themixchief\" class=\"twitter\">MixChief's Twitter</a></p>
        </div>
        <h2 class=\"confirmation-header\">Thank you for your purchase!</h2>
        <hr />
        <p>Your order with items listed below has been placed successfully.</p>
        <div class=\"order-details\">
            <ul class=\"order-items\">
                {% for item in orderItems %}
                    <li class=\"order-item\">
                        <span>{{ item.name }}</span>
                        <span>&#8358;{{ item.price }} x {{ item.quantity }}</span>
                    </li>
                {% endfor %}
            </ul>
            <h3 class=\"total\">Total: &#8358;{{ order.amount }} </h3> 
        </div>
        <div class=\"shipping-details\">
            <h3>Delivery Information</h3>
            <p><strong>Name:</strong> {{ delivery.fullname }}</p>
            <p><strong>Address:</strong> {{ delivery.address }}</p>
            <p><strong>Phone:</strong> {{ delivery.phone }}</p>
        </div>
        
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            localStorage.removeItem('items');
        });
    </script>
</body>
</html>
", "Default/orderconfirmation.html.twig", "/var/www/html/mixchief_app/templates/Default/orderconfirmation.html.twig");
    }
}