Add Prices panel for default product view

src/components/products/ByjoveProduct.vue

@@ -70,6 +70,60 @@
       </div>
     </b-collapse>
 
+    <b-collapse class="card"
+                animation="slide"
+                :open="false"
+                aria-id="contentIdForPrices">
+
+      <template #trigger="props">
+        <div class="card-header"
+             role="button"
+             aria-controls="contentIdForPrices"
+             :aria-expanded="props.open">
+          <p class="card-header-title">
+            Prices
+          </p>
+          <a class="card-header-icon">
+            <b-icon pack="fas"
+                    :icon="props.open ? 'angle-down' : 'angle-up'">
+            </b-icon>
+          </a>
+        </div>
+      </template>
+
+      <div class="card-content">
+        <div class="content">
+
+          <b-field label="Reg. Price">
+            {{ product.unit_price_display }}
+          </b-field>
+
+          <b-field label="Sale Price"
+                   v-if="product.sale_price">
+            {{ product.sale_price_display }}
+          </b-field>
+
+          <b-field label="Sale Ends"
+                   v-if="product.sale_price">
+            {{ product.sale_ends_display }}
+          </b-field>
+
+          <b-field label="TPR Price"
+                   v-if="product.tpr_price">
+            {{ product.tpr_price_display }}
+          </b-field>
+
+          <b-field label="TPR Ends"
+                   v-if="product.tpr_price">
+            {{ product.tpr_ends_display }}
+          </b-field>
+
+        </div>
+      </div>
+    </b-collapse>
+
+    <slot name="extra-panels" :product="product"></slot>
+
   </byjove-model-crud>
 </template>