add container loading date

app/Http/Resources/ContainerResource.php

@@ -21,6 +21,7 @@ class ContainerResource extends JsonResource
             'container_specification' => ContainerTypes::CONTAINER_SPECIFICATION[$this->container_type],
             'container_number' => $this->container_number,
             'seal_reference' => $this->seal_reference,
+            'loading_date' => $this->loading_date ? $this->loading_date->format('d-m-Y') : $this->loading_date,
             'transport' => new TransportResource($this->transports()->first()),
             'packing_lists' => PackingListResource::collection($this->whenLoaded('packingLists', function(){
                 return $this->packingLists()->whereHas('packages')->get();

resources/assets/vue/components/containers/elements/ContainerComponent.vue

@@ -14,6 +14,10 @@
                             <h6 class="no-margin bold">{{item.container_reference}}</h6>
                             <p class="no-margin">{{item.container_number}} / {{item.seal_reference}}</p>
                         </div>
+                        <div class="col-2">
+                            <p class="no-margin fs-10 all-caps">Loading Date</p>
+                            <p class="no-margin">{{item.loading_date ? item.loading_date : 'n/a'}}</p>
+                        </div>
                         <div class="col-2">
                             <p class="no-margin fs-10 all-caps">ETD</p>
                             <p class="no-margin">{{item.transport ? item.transport.current_schedule.etd : 'n/a'}}</p>