show details of offer

templates/app/index.html.twig

@@ -12,7 +12,7 @@
     {% if offerings|length > 0 %}
         <div class="card-deck d-flex justify-content-around">
             {% for offering in offerings %}
-            <a href="#" class="mb-5">
+            <a href="./offer/{{ offering.id }}" class="mb-5">
                     <div class="card offering h-100">
                         {% if offering.photoFilename %}
                             <img class="card-img-top" src="{{ asset('uploads/photos/' ~ offering.photofilename) }}" />

templates/app/offer.html.twig

@@ -0,0 +1,21 @@
+{% extends 'base.html.twig' %}
+
+{% block body %}
+    <h1 class="mb-3">{{ offer.title }}</h1>
+
+    <div class="media">
+        <img class="mr-3 w-25 rounded" alt="Generic placeholder image" src="{{ asset('uploads/photos/' ~ offer.photofilename) }}">
+        <div class="media-body">
+            <h3>
+                Description
+            </h3>
+            <p>
+            {{ offer.description }}
+          </p>
+          <h3>
+             From
+          </h3>
+          <p>{{ offer.byUser }} in {{ offer.zipCode }}</p>
+        </div>
+      </div>
+{% endblock %}