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_644eb5db158222e5dd29baaeedad9c6a70f619478de46be714363921bb0e8bb3 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;
        // 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(($context["orderItems"] ?? null));
        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 " x ";
            echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "quantity", [], "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 "</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 "                <li class=\"order-item\">
                    <span>Delivery</span>
                    <span>&#8358;";
        // line 125
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, ($context["delivery"] ?? null), "amount", [], "any", false, false, false, 125), "html", null, true);
        echo "</span>
                </li>
            </ul>
            <h3 class=\"total\">Total: &#8358;";
        // line 128
        echo twig_escape_filter($this->env, ($context["total"] ?? null), "html", null, true);
        echo " </h3> 
        </div>
        <div class=\"shipping-details\">
            <h3>Delivery Information</h3>
            <p><strong>Name:</strong> ";
        // line 132
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, ($context["delivery"] ?? null), "fullname", [], "any", false, false, false, 132), "html", null, true);
        echo "</p>
            <p><strong>Address:</strong> ";
        // line 133
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, ($context["delivery"] ?? null), "address", [], "any", false, false, false, 133), "html", null, true);
        echo "</p>
            <p><strong>Phone:</strong> ";
        // line 134
        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, ($context["delivery"] ?? null), "phone", [], "any", false, false, false, 134), "html", null, true);
        echo "</p>
        </div>
        
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', () => {
            localStorage.removeItem('items');
        });
    </script>
</body>
</html>
";
    }

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

public function isTraitable()
    {
        return false;
    }

public function getDebugInfo()
    {
        return array (  214 => 134,  210 => 133,  206 => 132,  199 => 128,  193 => 125,  189 => 123,  180 => 120,  174 => 119,  171 => 118,  167 => 117,  151 => 104,  55 => 11,  51 => 10,  47 => 9,  37 => 1,);
    }

public function getSourceContext()
    {
        return new Source("", "Default/orderconfirmation.html.twig", "/var/www/html/mixchief_app/templates/Default/orderconfirmation.html.twig");
    }
}