first commit

catalog/view/template/common/cart.twig

@@ -0,0 +1,71 @@
+<div class="dropdown d-grid">
+  <button type="button" data-bs-toggle="dropdown" class="btn btn-lg btn-inverse btn-block dropdown-toggle"><i class="fa-solid fa-cart-shopping"></i> {{ text_items }}</button>
+  <ul class="dropdown-menu dropdown-menu-end p-2">
+    {% if products or vouchers %}
+      <li>
+        <table class="table table-striped mb-2">
+          {% for product in products %}
+            <tr>
+              <td class="text-center">{% if product.thumb %}<a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-thumbnail"/></a>{% endif %}</td>
+              <td class="text-start"><a href="{{ product.href }}">{{ product.name }}</a>
+                {% if product.option %}
+                  {% for option in product.option %}
+                    <br/>
+                    <small> - {{ option.name }}: {{ option.value }}</small>
+                  {% endfor %}
+                {% endif %}
+                {% if product.reward %}
+                  <br/>
+                  <small> - {{ text_points }}: {{ product.reward }}</small>
+                {% endif %}
+                {% if product.subscription %}
+                  <br/>
+                  <small> - {{ text_subscription }}: {{ product.subscription }}</small>
+                {% endif %}
+              </td>
+              <td class="text-end">x {{ product.quantity }}</td>
+              <td class="text-end">{{ product.total }}</td>
+              <td class="text-end">
+
+                <form action="{{ product_remove }}" method="post" data-oc-toggle="ajax" data-oc-load="{{ list }}" data-oc-target="#header-cart">
+                  <input type="hidden" name="key" value="{{ product.cart_id }}">
+                  <button type="submit" data-bs-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa-solid fa-circle-xmark"></i></button>
+                </form>
+              </td>
+            </tr>
+          {% endfor %}
+
+          {% for voucher in vouchers %}
+            <tr>
+              <td class="text-center"></td>
+              <td class="text-start">{{ voucher.description }}</td>
+              <td class="text-end">x&nbsp;1</td>
+              <td class="text-end">{{ voucher.amount }}</td>
+              <td class="text-end">
+                <form action="{{ voucher_remove }}" method="post" data-oc-toggle="ajax" data-oc-load="{{ list }}" data-oc-target="#header-cart">
+                  <input type="hidden" name="key" value="{{ voucher.key }}"/>
+                  <button type="submit" data-bs-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa-solid fa-circle-xmark"></i></button>
+                </form>
+              </td>
+            </tr>
+          {% endfor %}
+
+        </table>
+
+        <div>
+          <table class="table table-sm table-bordered mb-2">
+            {% for total in totals %}
+              <tr>
+                <td class="text-end"><strong>{{ total.title }}</strong></td>
+                <td class="text-end">{{ total.text }}</td>
+              </tr>
+            {% endfor %}
+          </table>
+          <p class="text-end"><a href="{{ cart }}"><strong><i class="fa-solid fa-cart-shopping"></i> {{ text_cart }}</strong></a>&nbsp;&nbsp;&nbsp;<a href="{{ checkout }}"><strong><i class="fa-solid fa-share"></i> {{ text_checkout }}</strong></a></p>
+        </div>
+      </li>
+    {% else %}
+      <li class="text-center p-4">{{ text_no_results }}</li>
+    {% endif %}
+  </ul>
+</div>

catalog/view/template/common/column_left.twig

@@ -0,0 +1,7 @@
+{% if modules %}
+<aside id="column-left" class="col-3 d-none d-md-block">
+  {% for module in modules %}
+  {{ module }}
+  {% endfor %}
+</aside>
+{% endif %}

catalog/view/template/common/column_right.twig

@@ -0,0 +1,7 @@
+{% if modules %}
+<aside id="column-right" class="col-3 d-none d-md-block">
+  {% for module in modules %}
+  {{ module }}
+  {% endfor %}
+</aside>
+{% endif %}

catalog/view/template/common/content_bottom.twig

@@ -0,0 +1,3 @@
+{% for module in modules %}
+{{ module }}
+{% endfor %}

catalog/view/template/common/content_top.twig

@@ -0,0 +1,3 @@
+{% for module in modules %}
+{{ module }}
+{% endfor %}

catalog/view/template/common/cookie.twig

@@ -0,0 +1,9 @@
+<div id="cookie">
+  <div class="container">
+    <div class="row mt-2">
+      <div class="col-12 p-2 text-center"><p>{{ text_cookie }}</p>
+        <button type="button" value="{{ agree }}" class="btn bg-primary btn-block text-white">{{ button_agree }}</button>&nbsp;&nbsp;&nbsp;<button type="button" value="{{ disagree }}" class="btn btn-light btn-block">{{ button_disagree }}</button>
+      </div>
+    </div>
+  </div>
+</div>

catalog/view/template/common/currency.twig

@@ -0,0 +1,17 @@
+{% if currencies|length > 1 %}
+  <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-currency">
+    <div class="dropdown">
+      <a href="#" data-bs-toggle="dropdown" class="dropdown-toggle">{% for currency in currencies %}{% if currency.symbol_left and currency.code == code %}<strong>{{ currency.symbol_left }}</strong>{% elseif currency.symbol_right and currency.code == code %}<strong>{{ currency.symbol_right }}</strong>{% endif %}{% endfor %} <span class="d-none d-md-inline">{{ text_currency }}</span> <i class="fa-solid fa-caret-down"></i></a>
+      <ul class="dropdown-menu">
+        {% for currency in currencies %}
+          {% if currency.symbol_left %}
+            <li><a href="{{ currency.code }}" class="dropdown-item">{{ currency.symbol_left }} {{ currency.title }}</a></li>
+          {% else %}
+            <li><a href="{{ currency.code }}" class="dropdown-item">{{ currency.symbol_right }} {{ currency.title }}</a></li>
+          {% endif %}
+        {% endfor %}
+      </ul>
+    </div>
+    <input type="hidden" name="code" value=""/> <input type="hidden" name="redirect" value="{{ redirect }}"/>
+  </form>
+{% endif %}

catalog/view/template/common/footer.twig

@@ -0,0 +1,58 @@
+</main>
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-3">
+        <h5>{{ text_information }}</h5>
+        <ul class="list-unstyled">
+          {% for information in informations %}
+            <li><a href="{{ information.href }}">{{ information.title }}</a></li>
+          {% endfor %}
+        </ul>
+      </div>
+      <div class="col-sm-3">
+        <h5>{{ text_service }}</h5>
+        <ul class="list-unstyled">
+          <li><a href="{{ contact }}">{{ text_contact }}</a></li>
+          <li><a href="{{ return }}">{{ text_return }}</a></li>
+          {% if gdpr %}
+            <li><a href="{{ gdpr }}">{{ text_gdpr }}</a></li>
+          {% endif %}
+          <li><a href="{{ sitemap }}">{{ text_sitemap }}</a></li>
+        </ul>
+      </div>
+      <div class="col-sm-3">
+        <h5>{{ text_extra }}</h5>
+        <ul class="list-unstyled">
+          <li><a href="{{ manufacturer }}">{{ text_manufacturer }}</a></li>
+          <li><a href="{{ voucher }}">{{ text_voucher }}</a></li>
+          {% if affiliate %}
+            <li><a href="{{ affiliate }}">{{ text_affiliate }}</a></li>
+          {% endif %}
+          <li><a href="{{ special }}">{{ text_special }}</a></li>
+        </ul>
+      </div>
+      <div class="col-sm-3">
+        <h5>{{ text_account }}</h5>
+        <ul class="list-unstyled">
+          <li><a href="{{ account }}">{{ text_account }}</a></li>
+          <li><a href="{{ order }}">{{ text_order }}</a></li>
+          <li><a href="{{ wishlist }}">{{ text_wishlist }}</a></li>
+          <li><a href="{{ newsletter }}">{{ text_newsletter }}</a></li>
+        </ul>
+      </div>
+    </div>
+    <hr>
+    <p>{{ powered }}</p>
+    <!--
+OpenCart is open source software and you are free to remove the powered by OpenCart if you want, but its generally accepted practise to make a small donation.
+Please donate via PayPal to donate@opencart.com
+//-->
+  </div>
+</footer>
+{{ cookie }}
+<script src="{{ bootstrap }}" type="text/javascript"></script>
+{% for script in scripts %}
+  <script src="{{ script.href }}" type="text/javascript"></script>
+{% endfor %}
+</body></html>

catalog/view/template/common/header.twig

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html dir="{{ direction }}" lang="{{ lang }}">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>{{ title }}</title>
+  <base href="{{ base }}"/>
+  {% if description %}
+    <meta name="description" content="{{ description }}"/>
+  {% endif %}
+  {% if keywords %}
+    <meta name="keywords" content="{{ keywords }}"/>
+  {% endif %}
+  <script src="{{ jquery }}" type="text/javascript"></script>
+  <link href="{{ bootstrap }}" type="text/css" rel="stylesheet" media="screen"/>
+  <link href="{{ icons }}" type="text/css" rel="stylesheet"/>
+  <link href="{{ stylesheet }}" type="text/css" rel="stylesheet"/>
+  <script type="text/javascript" src="catalog/view/javascript/jquery/datetimepicker/moment.min.js"></script>
+  <script type="text/javascript" src="catalog/view/javascript/jquery/datetimepicker/moment-with-locales.min.js"></script>
+  <script type="text/javascript" src="catalog/view/javascript/jquery/datetimepicker/daterangepicker.js"></script>
+  <link href="catalog/view/javascript/jquery/datetimepicker/daterangepicker.css" rel="stylesheet" type="text/css"/>
+  <script src="catalog/view/javascript/common.js" type="text/javascript"></script>
+  {% for style in styles %}
+    <link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}"/>
+  {% endfor %}
+  {% for script in scripts %}
+    <script src="{{ script.href }}" type="text/javascript"></script>
+  {% endfor %}
+  {% for link in links %}
+    <link href="{{ link.href }}" rel="{{ link.rel }}"/>
+  {% endfor %}
+  {% for analytic in analytics %}
+    {{ analytic }}
+  {% endfor %}
+</head>
+<body>
+<div id="alert" class="toast-container position-fixed top-0 end-0 p-3"></div>
+<nav id="top">
+  <div class="container">
+    <div class="nav float-start">
+      <ul class="list-inline">
+        <li class="list-inline-item">{{ currency }}</li>
+        <li class="list-inline-item">{{ language }}</li>
+      </ul>
+    </div>
+    <div class="nav float-end">
+      <ul class="list-inline">
+        <li class="list-inline-item"><a href="{{ contact }}"><i class="fa-solid fa-phone"></i></a> <span class="d-none d-md-inline">{{ telephone }}</span></li>
+        <li class="list-inline-item">
+          <div class="dropdown">
+            <a href="{{ account }}" class="dropdown-toggle" data-bs-toggle="dropdown"><i class="fa-solid fa-user"></i> <span class="d-none d-md-inline">{{ text_account }}</span> <i class="fa-solid fa-caret-down"></i></a>
+            <ul class="dropdown-menu dropdown-menu-right">
+              {% if not logged %}
+                <li><a href="{{ register }}" class="dropdown-item">{{ text_register }}</a></li>
+                <li><a href="{{ login }}" class="dropdown-item">{{ text_login }}</a></li>
+              {% else %}
+                <li><a href="{{ account }}" class="dropdown-item">{{ text_account }}</a></li>
+                <li><a href="{{ order }}" class="dropdown-item">{{ text_order }}</a></li>
+                <li><a href="{{ transaction }}" class="dropdown-item">{{ text_transaction }}</a></li>
+                <li><a href="{{ download }}" class="dropdown-item">{{ text_download }}</a></li>
+                <li><a href="{{ logout }}" class="dropdown-item">{{ text_logout }}</a></li>
+              {% endif %}
+            </ul>
+          </div>
+        </li>
+        <li class="list-inline-item"><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa-solid fa-heart"></i> <span class="d-none d-md-inline">{{ text_wishlist }}</span></a></li>
+        <li class="list-inline-item"><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa-solid fa-cart-shopping"></i> <span class="d-none d-md-inline">{{ text_shopping_cart }}</span></a></li>
+        <li class="list-inline-item"><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa-solid fa-share"></i> <span class="d-none d-md-inline">{{ text_checkout }}</span></a></li>
+      </ul>
+    </div>
+  </div>
+</nav>
+<header>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-3 col-lg-4">
+        <div id="logo">
+          {% if logo %}
+            <a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-fluid"/></a>
+          {% else %}
+            <h1><a href="{{ home }}">{{ name }}</a></h1>
+          {% endif %}
+        </div>
+      </div>
+      <div class="col-md-5">{{ search }}</div>
+      <div id="header-cart" class="col-md-4 col-lg-3 mb-2">{{ cart }}</div>
+    </div>
+  </div>
+</header>
+<main>
+  {{ menu }}

catalog/view/template/common/home.twig

@@ -0,0 +1,7 @@
+{{ header }}
+<div id="common-home" class="container">
+  <div class="row">{{ column_left }}
+    <div id="content" class="col">{{ content_top }}{{ content_bottom }}</div>
+    {{ column_right }}</div>
+</div>
+{{ footer }}

catalog/view/template/common/language.twig

@@ -0,0 +1,17 @@
+{% if languages|length > 1 %}
+  <div class="dropdown">
+    <div class="dropdown-toggle" data-bs-toggle="dropdown">
+      {% for language in languages %}
+        {% if language.code == code %}
+          <img src="{{ language.image }}" alt="{{ language.name }}" title="{{ language.name }}">
+        {% endif %}
+      {% endfor %}
+      <span class="d-none d-md-inline">{{ text_language }}</span> <i class="fa-solid fa-caret-down"></i>
+    </div>
+    <ul class="dropdown-menu">
+      {% for language in languages %}
+        <li><a href="{{ language.href }}" class="dropdown-item"><img src="{{ language.image }}" alt="{{ language.name }}" title="{{ language.name }}"/> {{ language.name }}</a></li>
+      {% endfor %}
+    </ul>
+  </div>
+{% endif %}

catalog/view/template/common/maintenance.twig

@@ -0,0 +1,7 @@
+{{ header }}
+<div id="common-maintenance" class="container">
+  <div class="row">
+    <div class="col-12">{{ message }}</div>
+  </div>
+</div>
+{{ footer }}

catalog/view/template/common/menu.twig

@@ -0,0 +1,32 @@
+{% if categories %}
+  <div class="container">
+    <nav id="menu" class="navbar navbar-expand-lg navbar-light bg-primary">
+      <div id="category" class="d-block d-sm-block d-lg-none">{{ text_category }}</div>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#narbar-menu"><i class="fa-solid fa-bars"></i></button>
+      <div class="collapse navbar-collapse" id="narbar-menu">
+        <ul class="nav navbar-nav">
+          {% for category in categories %}
+            {% if category.children %}
+              <li class="nav-item dropdown"><a href="{{ category.href }}" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">{{ category.name }}</a>
+                <div class="dropdown-menu">
+                  <div class="dropdown-inner">
+                    {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
+                      <ul class="list-unstyled">
+                        {% for child in children %}
+                          <li><a href="{{ child.href }}" class="nav-link">{{ child.name }}</a></li>
+                        {% endfor %}
+                      </ul>
+                    {% endfor %}
+                  </div>
+                  <a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a>
+                </div>
+              </li>
+            {% else %}
+              <li class="nav-item"><a href="{{ category.href }}" class="nav-link">{{ category.name }}</a></li>
+            {% endif %}
+          {% endfor %}
+        </ul>
+      </div>
+    </nav>
+  </div>
+{% endif %}

catalog/view/template/common/pagination.twig

@@ -0,0 +1,21 @@
+<ul class="pagination">
+  {% if first %}
+    <li class="page-item"><a href="{{ first }}" class="page-link">|&lt;</a></li>
+  {% endif %}
+  {% if prev %}
+    <li class="page-item"><a href="{{ prev }}" class="page-link">&lt;</a></li>
+  {% endif %}
+  {% for link in links %}
+    {% if link.page == page %}
+      <li class="page-item active"><span class="page-link">{{ link.page }}</span></li>
+    {% else %}
+      <li class="page-item"><a href="{{ link.href }}" class="page-link">{{ link.page }}</a></li>
+    {% endif %}
+  {% endfor %}
+  {% if next %}
+    <li class="page-item"><a href="{{ next }}" class="page-link">&gt;</a></li>
+  {% endif %}
+  {% if last %}
+    <li class="page-item"><a href="{{ last }}" class="page-link">&gt;|</a></li>
+  {% endif %}
+</ul>

catalog/view/template/common/search.twig

@@ -0,0 +1,4 @@
+<div id="search" class="input-group mb-3">
+	<input type="text" name="search" value="{{ search }}" placeholder="{{ text_search }}" class="form-control form-control-lg">
+	<button type="button" data-lang="{{ language }}" class="btn btn-light btn-lg"><i class="fa-solid fa-magnifying-glass"></i></button>
+</div>

catalog/view/template/common/success.twig

@@ -0,0 +1,16 @@
+{{ header }}
+<div id="common-success" class="container">
+  <ul class="breadcrumb">
+    {% for breadcrumb in breadcrumbs %}
+      <li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
+    {% endfor %}
+  </ul>
+  <div class="row">{{ column_left }}
+    <div id="content" class="col">{{ content_top }}
+      <h1>{{ heading_title }}</h1>
+      {{ text_message }}
+      <div class="text-end"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>
+      {{ content_bottom }}</div>
+    {{ column_right }}</div>
+</div>
+{{ footer }}