First invoice implementation.

resources/views/components/delivery-card.blade.php

@@ -0,0 +1,10 @@
+<div x-show="delivery.is_delivery"
+     class="text-lg font-medium text-gray-900 dark:text-gray-100">{{ __('customer.Delivery Address') }}</div>
+<div x-text="delivery.name"></div>
+<div x-text="delivery.address"></div>
+<div class="flex flex-row">
+    <div class="mr-2" x-text="delivery.zip"></div>
+    <div x-text="delivery.city"></div>
+</div>
+<div x-text="delivery.phone"></div>
+<div x-text="delivery.email"></div>

resources/views/components/invoice-item.blade.php

@@ -0,0 +1,15 @@
+<div class="flex flex-row items-end gap-2 w-full">
+    <div class="mt-1 block w-1/12">{{ $item->amount }}</div>
+    <div class="mt-1 block w-2/3">{{ $item->name }}</div>
+    <div class="mt-1 block w-1/12 text-right">{{ \Illuminate\Support\Number::currency($item->price) }}</div>
+    <div class="mt-1 block w-1/12 text-right">{{ \Illuminate\Support\Number::percentage($item->tax) }}</div>
+    <div class="mt-1 block w-1/12 text-right">{{ \Illuminate\Support\Number::currency($item->total) }}</div>
+</div>
+<div class="flex flex-row items-end gap-2 w-full">
+    <div class="w-1/12"></div>
+    <div class="w-2/3">{!! nl2br($item->description) !!}</div>
+    <div class="w-1/12"></div>
+    <div class="w-1/12"></div>
+    <div class="w-1/12"></div>
+</div>
+

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

@@ -0,0 +1,11 @@
+@props(['address' => []])
+
+<div>{{ $address->name }}</div>
+<div>{{ $address->address }}</div>
+<div class="flex flex-row">
+    <div class="mr-2">{{ $address->zip }}</div>
+    <div>{{ $address->city }}</div>
+</div>
+<div>{{ $address->phone }}</div>
+<div>{{ $address->email }}</div>
+