add foreign keys and extend models

device-app/resources/views/components/device-card.blade.php

@@ -1,4 +1,14 @@
 @props(['device'])
 <div>
     <a href="/devices/{{ $device['device_id'] }}">{{ $device->title }}</a>
+    <ul>
+        <li>{{ $device['device_id'] }}</li>
+        <li>{{ $device['title'] }}</li>
+        <li>{{ $device['device_type'] }}</li>
+        <li>{{ $device['description'] }}</li>
+        <li>{{ $device['accessories'] }}</li>
+        <li>{{ $device['rz_username_buyer'] }}</li>
+        <li>{{ $device['serial_number'] }}</li>
+        <li>{{ $device['image_url'] }}</li>
+    </ul>
 </div>

device-app/resources/views/components/device-location-card.blade.php

@@ -0,0 +1,5 @@
+@props(['locationTransaction'])
+<div>
+    <p>Owner: {{ $locationTransaction->room_code }}</p>
+    <p>since: {{ $locationTransaction->timestamp_located_since }}</p>
+</div>

device-app/resources/views/components/device-owner-card.blade.php

@@ -0,0 +1,5 @@
+@props(['ownerTransaction'])
+<div>
+    <p>Owner: {{ $ownerTransaction->rz_username }}</p>
+    <p>since: {{ $ownerTransaction->timestamp_owner_since }}</p>
+</div>

device-app/resources/views/components/device-purchasing-card.blade.php

@@ -0,0 +1,8 @@
+@props(['purchasingInformation'])
+<div>
+    <p>price: {{ $purchasingInformation->price }}</p>
+    <p>timestamp_warranty_end: {{ $purchasingInformation->timestamp_warranty_end }}</p>
+    <p>timestamp_purchase: {{ $purchasingInformation->timestamp_purchase }}</p>
+    <p>cost_centre: {{ $purchasingInformation->cost_centre }}</p>
+    <p>seller: {{ $purchasingInformation->seller }}</p>
+</div>