Start on the fridge frontend

Create list overview without styling
Start on editer of fridge

templates/base/navbar.html.twig

@@ -2,7 +2,8 @@
     <div class="container-fluid">
         <i class="bi-shop" style="font-size: 2rem; padding-right: 0.5rem; color: white;"></i>
         <a class="navbar-brand" href="#">IceCold</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarCollapse">
@@ -11,8 +12,14 @@
                     <a class="nav-link active" href="{{ path('home') }}">Home</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="{{ path('admin') }}">Admin</a>
+                    <a class="nav-link" href="{{ path('fridge_list') }}">Fridges</a>
                 </li>
+
+                {% if is_granted('ROLE_ADMIN') %}
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ path('admin') }}">Admin</a>
+                    </li>
+                {% endif %}
             </ul>
             <ul class="navbar-nav ms-auto mb-2 mb-md-0">
                 {% if is_granted('ROLE_USER') %}

templates/fridge/list.html.twig

@@ -0,0 +1,8 @@
+{% extends "base/base.html.twig" %}
+
+{% block body %}
+    Fridges: <br>
+    {% for fridge in fridges %}
+        <a href="{{ path('fridge_single', {'fridge': fridge.id}) }}">{{ fridge.name }}</a> <br>
+    {% endfor %}
+{% endblock %}

templates/fridge/single.html.twig

@@ -0,0 +1,5 @@
+{% extends "base/base.html.twig" %}
+
+{% block body %}
+    {{ form(form) }}
+{% endblock %}