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;

/* POS/amaka.html.twig */
class __TwigTemplate_647d8828c9203571796b7fdfb00b574a8e3e9c95a3333a366b5dbabe0f1d4199 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>
<head>
\t<title>Point of Sale</title>
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
        // line 5
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/bootstrap.min.css"), "html", null, true);
        echo "\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
        // line 6
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/style.css"), "html", null, true);
        echo "\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
        // line 7
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/print.min.css"), "html", null, true);
        echo "\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"";
        // line 8
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("css/bootstrap-fullscreen-select.css"), "html", null, true);
        echo "\">
\t<script src=\"";
        // line 9
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/jquery.js"), "html", null, true);
        echo "\"></script>
\t<script src=\"";
        // line 10
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/json-groupBy.js"), "html", null, true);
        echo "\"></script>
\t<script src=\"";
        // line 11
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/print.min.js"), "html", null, true);
        echo "\"></script>
\t<script src=\"";
        // line 12
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/bootstrap.js"), "html", null, true);
        echo "\"></script>
\t<script src=\"";
        // line 13
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/login-register.js"), "html", null, true);
        echo "\"></script>
\t<script type=\"text/javascript\">
\t\tconst changeorder = \"";
        // line 15
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("changeorder");
        echo "\";
\t\tconst orderUrl = \"";
        // line 16
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("order");
        echo "\";
\t\tconst savedOrderUrl = \"";
        // line 17
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("retrievesavedorder");
        echo "\";
\t\tconst reportUrl = \"";
        // line 18
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("printDailyReport");
        echo "\";
\t</script>
\t<script src=\"";
        // line 20
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/scripts.js"), "html", null, true);
        echo "\"></script>
</head>
<body>
<nav class=\"navbar navbar-inverse\">
\t<div class=\"container-fluid\">
\t\t<div class=\"navbar-header\">
\t\t\t<a class=\"navbar-brand\" href=\"#\">EPOS</a>
\t\t</div>
\t\t<ul class=\"nav navbar-nav\">
\t\t\t<li><a href=\"javascript: retrieveSavedOrders();\">Saved Orders</a></li>
\t\t\t<li><a href=\"";
        // line 30
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("logout");
        echo "\">Logout</a></li>
\t\t\t<li><a href=\"javascript: shiftClose()\">Close Shift</a></li>
\t\t\t
\t\t</ul>
\t</div>
</nav> 
<div class=\"wrapper\">
\t<div class=\"container-fluid\">
\t\t<div class=\"alert alert-success alert-dismissable text-center\" id=\"notify\">
\t\t  \t<p>Order Placed Successfully</p>
\t\t</div>\t
\t\t<div class=\"row\">
\t\t\t<div class=\"col-sm-6 cover\">
\t\t\t\t
\t\t\t\t<div id=\"sale\">
\t\t\t\t\t<ul id=\"saleList\" class=\"list-group\">
\t\t\t\t\t</ul>
\t\t\t\t\t

\t\t\t\t\t
\t\t\t\t</div>
\t\t\t\t<div class=\"total\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t<table class=\"table\">
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Discount:</td>
\t\t\t\t\t\t\t\t\t<td id=\"disc\">0</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t<table class=\"table\">
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Total:</td>
\t\t\t\t\t\t\t\t\t<td id=\"total\">0</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row payItems\">
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"cancelOrder\" style=\"display: none;\" class=\"btn btn-default\" onclick=\"cancelOrder();\">Clear Order</button>
\t\t\t\t\t</div>
\t\t\t\t\t
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"card\" style=\"display: none;\" class=\"btn btn-default payButton\" onclick=\"checkDetails();pay();openLoginModal();\">Card</button>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"cash\" style=\"display: none;\" class=\"btn btn-default payButton\" onclick=\"checkDetails();payCash();\">Cash</button>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t
\t\t\t\t<div class=\"row bottomItems\">
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"deleteButton\" style=\"display: none;\" class=\"actionButton btn btn-default\" onclick=\"deleteItems();\">Delete Item(s)</button>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"discountButton\" style=\"display: none;\" class=\"actionButton btn btn-default\" onclick=\"discount();\">Apply Discount</button>
\t\t\t\t\t</div>
\t\t\t\t\t
\t\t\t\t\t<div class=\"col-sm-3\">
\t\t\t\t\t\t<button id=\"quantityButton\" style=\"display: none;\" class=\"actionButton btn btn-default\" onclick=\"changeQuantity();\">Quantity</button>
\t\t\t\t\t</div>
\t\t\t\t\t
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<div class=\"col-sm-6 buttons\">
\t\t\t\t
\t\t\t\t<p>Items</p>
\t\t\t\t<div id=\"submenu\">

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

\t\t\t function prints(sect){
\t\t\t \tprintJS({printable: sect, type: 'html', font_size: '12pt'});
\t\t\t }
\t\t</script>
\t\t<div class=\"modal fade login\" id=\"loginModal\">
\t\t      <div class=\"modal-dialog login animated\">
    \t\t      <div class=\"modal-content\">
    \t\t        <div class=\"modal-header\">
                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>
                        <h4 class=\"modal-title\">Confirm Order</h4>
                    </div>
                    <div class=\"modal-body\">  
                        <div class=\"box\">
                             <div class=\"content\">
                                <div class=\"form loginBox\">

</div>
                                
                                
                             </div>
                        </div>
                    </div>
                    <div class=\"modal-footer\">
                        <button class=\"btn btn-default\" onclick=\"orderItems();\" id=\"submitButton\">Submit</button>
                    </div>        
    \t\t      </div>
\t\t      </div>
\t\t</div>
\t\t<div class=\"modal fade login\" id=\"savedModal\">
\t\t      <div class=\"modal-dialog login animated\">
    \t\t      <div class=\"modal-content\">
    \t\t        <div class=\"modal-header\">
                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-hidden=\"true\">&times;</button>
                        <h4 class=\"saved-modal-title\">Select Order</h4>
                    </div>
                    <div class=\"modal-body\">  
                        <div class=\"box\">
                             <div class=\"content\">
                                <div class=\"error\"></div>
                                <div class=\"form saved-orders\">

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

\t\t<div id=\"myModal\" class=\"modal\">

\t\t  
\t\t<div class=\"modal-contents\">
\t\t    
\t\t</div>

\t\t</div>
\t</div>
</div>
<script src=\"";
        // line 189
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/bootstrap-fullscreen-select.js"), "html", null, true);
        echo "\"></script>
<script>var url = \"";
        // line 190
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("homepage");
        echo "\";</script>
<script>

// \$('.mobileSelect').mobileSelect();
\t\$.get(url, function(data){
\t\tif (data) {
\t\t\t// var rel = JSON.parse(JSON.stringify(data));
\t\t\t// category(rel);
\t\t\t// createMainElements(group_cat);
\t\t\t// console.log(groupBy(data,));
\t\t\tvar items = groupBy(data, ['item_name']);
\t\t\tsubmenu.innerHTML = createSub(items, 'DRINKS');
\t\t}

\t});
\t\tvar cat = {};
\t\tvar group = {};
\t\tvar group_cat = {};

\t\tfunction category(data){

\t\t\tvar daily = {};
\t\t\tvar cats = {};
\t\t\t//Sort by categories
\t\t\tfor(var key in data){
\t\t\t\tif(data[key].cat_name in cats){
\t\t\t\t\tcats[data[key].cat_name].push(data[key]);
\t\t\t\t}else {
\t\t\t\t\tcats[data[key].cat_name] = [data[key]];
\t\t\t\t}
\t\t\t\t
\t\t\t}
\t\t\tconsole.log(\"Cats: \")
\t\t\tconsole.log(cats);

\t\t\tvar sets = new Set();

\t\t\tfor(var key in cats){
\t\t\t\t// console.log(cat[key]);
\t\t\t\tsets.add(cats[key][0].group_name);
\t\t\t}

\t\t\tconsole.log(\"Sets: \")
\t\t\tconsole.log(Array.from(sets));

\t\t\t// get the group names
\t\t\tsets.forEach(function(element){
\t\t\t\tdaily[element] = {};
\t\t\t})
\t\t\t// console.log(group_cat);

\t\t\t// loop through the category object
\t\t\t// inner loop through each group name
\t\t\t// if the category item 
\t\t\tfor(var key in cats){
\t\t\t\tfor(let item of sets){
\t\t\t\t\tif (cats[key][0].group_name == item) {
\t\t\t\t\t\tdaily[item][key] = cats[key];
\t\t\t\t\t\tbreak;
\t\t\t\t\t}
\t\t\t\t}
\t\t\t}
\t\t\tconsole.log(\"Daily: \");
\t\t\tconsole.log(daily);
\t\t\tgroup_cat = daily;
\t\t\tcat = cats;
\t\t\treturn daily;
\t\t\t// var cat = new 
\t\t}

\t\tfunction createSub(element, catName){
\t\t\tvar output = \"<div class='row'>\";
\t\t\tconsole.log(element);
\t\t\tfor(var key in element){
\t\t\t\toutput += '<div class=\"col-sm-3 text-center pull-left\">';
\t\t\t\toutput += \"<button class='btn sub' data-price='\" +  element[key][0].item_price + \"' data-category='\" + catName + \"' data-id='\" + element[key][0].item_id + \"'>\" + element[key][0].item_name + \"</button>\";
\t\t\t\toutput += \"</div>\";
\t\t\t}
\t\t\toutput += \"</div>\";
\t\t\treturn output;
\t\t}

\t\t//this function receives an object and creates and returns a button
\t\t//as a string for the main menu
\t\tfunction createButtonElement(elements){
\t\t\tvar main = \"<div class='row subcategory'>\";
\t\t\tfor(var key in elements){
\t\t\t\tmain += \"<div class='col-sm-3 text-center pull-left'>\";
\t\t\t\tmain += \"<button class='btn btn-default main' data-name='\" + key + \"'>\" + key.toUpperCase() + \"</button></div>\";
\t\t\t}
\t\t\tmain += \"</div>\";
\t\t\tmains.innerHTML = main;
\t\t\t// return main;
\t\t}

\t\tfunction createMainElements(element){
\t\t\tvar main = \"<div class='row maincategory'>\";
\t\t\tfor(var key in element){
\t\t\t\tmain += \"<div class='col-sm-3 text-center'>\";
\t\t\t\tmain += \"<button class='btn btn-default main' data-name='\" + key + \"'>\" + key.toUpperCase() + \"</button></div>\";
\t\t\t}
\t\t\tmain += \"</div>\";
\t\t\tmainmenu.innerHTML = main;
\t\t}

\t\t\$('#mains').on('click', 'button', function(){
\t\t\tvar sub = createSub(cat[\$(this).data('name')], \$(this).data('name'));
\t\t\tsubmenu.innerHTML = sub;
\t\t});

\t\t\$('#mainmenu').on('click', 'button', function(){
\t\t\tcreateButtonElement(group_cat[\$(this).data('name')]);
\t\t\t// submenu.innerHTML = sub;
\t\t});

\t\t// When an item is selected, list the item in the order section
\t\t// calculate total by adding the prices of each item
\t\t// Show the pay button and save order button
\t\tvar sales = \"\";
\t\t\$('#submenu').on('click', 'button', function(){
\t\t\tif (!addItem(\$(this).data('id'))) {
\t\t\t\tsales = \"<li data-discount='0' data-quantity='1' data-price='\"  + \$(this).data('price') + \"' data-name='\" + \$(this).html() + \"' data-id='\" + \$(this).data('id') + \"' class='list-group-item'><span class='list-item'>\" + \$(this).html() + \"</span> (<span class='quantity'>1</span>)<span class='pull-right listPrice'>\" + \$(this).data('price') + \"</span></li>\";
\t\t\t\t\$('#saleList').append(sales);
\t\t\t\tcalculateTotal();
\t\t\t\tshowPayButton();
\t\t\t}
\t\t\t
\t\t});

\t\t\$('#saleList').on('click', 'li', function(){
\t\t\t\$(this).toggleClass('active');

\t\t\tif(document.querySelectorAll('li.active').length == 0) {
\t\t\t    \$('#deleteButton').hide();
\t\t\t    \$('#discountButton').hide();
\t\t\t    \$('#quantityButton').hide();
\t\t\t}else {
\t\t\t\t\$('#deleteButton').show();
\t\t\t    \$('#discountButton').show();
\t\t\t    \$('#quantityButton').show();
\t\t\t}
\t\t\tcalculateTotal();
\t\t});

\t\tfunction showPayButton(){
\t\t\tif(document.querySelectorAll('#saleList li').length > 0) {
\t\t\t    \$('#cash').show();
\t\t\t    \$('#card').show();
\t\t\t\t\$('#saveOrder').show();
\t\t\t\t\$('#cancelOrder').show();
\t\t\t\t// \$('#clearButton').show();
\t\t\t}else {
\t\t\t\t\$('#cash').hide();
\t\t\t\t\$('#card').hide();
\t\t\t\t\$('#saveOrder').hide();
\t\t\t\t// \$('#clearButton').hide();
\t\t\t}
\t\t}

</script>
<script src=\"";
        // line 352
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/bootstrap-notify.js"), "html", null, true);
        echo "\"></script>
<script src=\"";
        // line 353
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/chartist.min.js"), "html", null, true);
        echo "\"></script>
<script src=\"";
        // line 354
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/material-dashboard.js"), "html", null, true);
        echo "\"></script>
<script src=\"";
        // line 355
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("js/material.min.js"), "html", null, true);
        echo "\"></script>
</body>
</html>";
    }

public function getTemplateName()
    {
        return "POS/amaka.html.twig";
    }

public function isTraitable()
    {
        return false;
    }

public function getDebugInfo()
    {
        return array (  453 => 355,  449 => 354,  445 => 353,  441 => 352,  276 => 190,  272 => 189,  110 => 30,  97 => 20,  92 => 18,  88 => 17,  84 => 16,  80 => 15,  75 => 13,  71 => 12,  67 => 11,  63 => 10,  59 => 9,  55 => 8,  51 => 7,  47 => 6,  43 => 5,  37 => 1,);
    }

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