rework components

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

@@ -11,4 +11,15 @@
         <li>{{ $device['serial_number'] }}</li>
         <li>{{ $device['image_url'] }}</li>
     </ul>
-</div>
+    <x-purchasing-information :device="$device" />
+    @php
+        $locationTransactions = $device->locations;
+        $ownerTransactins = $device->owners;
+    @endphp
+    @foreach ($locationTransactions as $location)
+        <x-location-transaction :location="$location" />
+    @endforeach
+    @foreach ($ownerTransactins as $owner)
+        <x-owner-transaction :owner="$owner" />
+    @endforeach
+</div>

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

@@ -1,5 +0,0 @@
-@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

@@ -1,5 +0,0 @@
-@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

@@ -1,8 +0,0 @@
-@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>

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

@@ -0,0 +1,7 @@
+<div>
+    <h3>Location Transactions</h3>
+    <ul>
+        <li>room_code: {{ $location->room_code }}</li>
+        <li>timestamp_located_since: {{ $location->timestamp_located_since }}</li>
+    </ul>
+</div>

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

@@ -0,0 +1,7 @@
+<div>
+    <h3>Owner Transactions</h3>
+    <ul>
+        <li>rz_username: {{ $owner->rz_username }}</li>
+        <li>timestamp_owner_since: {{ $owner->timestamp_owner_since }}</li>
+    </ul>
+</div>

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

@@ -0,0 +1,13 @@
+<div>
+    @php
+        $purchasing = $device->purchasing;
+    @endphp
+    <h3>Purchasing Information</h3>
+    <ul>
+        <li>price: {{ $purchasing->price }}</li>
+        <li>timestamp_warranty_end: {{ $purchasing->timestamp_warranty_end }}</li>
+        <li>timestamp_purchase: {{ $purchasing->timestamp_purchase }}</li>
+        <li>cost_centre: {{ $purchasing->cost_centre }}</li>
+        <li>seller: {{ $purchasing->seller }}</li>
+    </ul>
+</div>