akaunting 3.0 (the last dance)

resources/views/components/documents/form/content.blade.php

@@ -1,105 +1,31 @@
-@if (empty($document))
-    {!! Form::open([
-        'route' => $routeStore,
-        'id' => $formId,
-        '@submit.prevent' => $formSubmit,
-        '@keydown' => 'form.errors.clear($event.target.name)',
-        'files' => true,
-        'role' => 'form',
-        'class' => 'form-loading-button',
-        'novalidate' => true
-    ]) !!}
-@else
-    {!! Form::model($document, [
-        'route' => [$routeUpdate, $document->id],
-        'id' => $formId,
-        'method' => 'PATCH',
-        '@submit.prevent' => $formSubmit,
-        '@keydown' => 'form.errors.clear($event.target.name)',
-        'files' => true,
-        'role' => 'form',
-        'class' => 'form-loading-button',
-        'novalidate' => true
-    ]) !!}
-@endif
-        @if (!$hideCompany)
-            <x-documents.form.company
-                type="{{ $type }}"
-                hide-logo="{{ $hideLogo }}"
-                hide-document-title="{{ $hideDocumentTitle }}"
-                hide-document-subheading="{{ $hideDocumentSubheading }}"
-                hide-company-edit="{{ $hideCompanyEdit }}"
-                title-setting="{{ $titleSetting }}"
-            />
+<x-loading.content />
+<div class="relative mt-4">
+    <x-form 
+        id="{{ $formId }}"
+        :route="$formRoute"
+        method="{{ $formMethod }}"
+        :model="$contact"
+    >
+        @if (! $hideCompany)
+            <x-documents.form.company :type="$type" />
         @endif
 
-        <x-documents.form.main
-            type="{{ $type }}"
-            :document="$document"
-            hide-contact="{{ $hideContact }}"
-            contact-type="{{ $contactType }}"
-            :contact="$contact"
-            :contacts="$contacts"
-            :search-route="$contactSearchRoute"
-            :create-route="$contactCreateRoute"
-            hide-issued-at="{{ $hideIssuedAt }}"
-            text-issued-at="{{ $textIssuedAt }}"
-            issued-at="{{ $issuedAt }}"
-            hide-document-number="{{ $hideDocumentNumber }}"
-            text-document-number="{{ $textDocumentNumber }}"
-            document-number="{{ $documentNumber }}"
-            hide-due-at="{{ $hideDueAt }}"
-            text-due-at="{{ $textDueAt }}"
-            due-at="{{ $dueAt }}"
-            hide-order-number="{{ $hideOrderNumber }}"
-            text-order-number="{{ $textOrderNumber }}"
-            order-number="{{ $orderNumber }}"
-            hide-edit-item-columns="{{ $hideEditItemColumns }}"
-            hide-items="{{ $hideItems }}"
-            hide-name="{{ $hideName }}"
-            hide-description="{{ $hideDescription }}"
-            text-items="{{ $textItems }}"
-            hide-quantity="{{ $hideQuantity }}"
-            text-quantity="{{ $textQuantity }}"
-            hide-price="{{ $hidePrice }}"
-            text-price="{{ $textPrice }}"
-            hide-discount="{{ $hideDiscount }}"
-            hide-amount="{{ $hideAmount }}"
-            text-amount="{{ $textAmount }}"
-            is-sale-price="{{ $isSalePrice }}"
-            is-purchase-price="{{ $isPurchasePrice }}"
-            search-char-limit="{{ $searchCharLimit }}"
-            notes-setting="{{ $notesSetting }}"
-        />
+        <x-documents.form.main type="{{ $type }}" />
 
-        @if (!$hideFooter)
-            <x-documents.form.footer
-                type="{{ $type }}"
-                :document="$document"
-                footer-setting="{{ $footerSetting }}"
-            />
+        @if ($showRecurring)
+            <x-documents.form.recurring type="{{ $type }}" />
         @endif
 
-        @if (!$hideAdvanced)
-            <x-documents.form.advanced
-                type="{{ $type }}"
-                :document="$document"
-                category-type="{{ $categoryType }}"
-                hide-recurring="{{ $hideRecurring }}"
-                hide-category="{{ $hideCategory }}"
-                hide-attachment="{{ $hideAttachment }}"
-            />
+        @if (! $hideAdvanced)
+            <x-documents.form.advanced type="{{ $type }}" />
         @endif
 
-        @if (!$hideButtons)
-            <x-documents.form.buttons
-                type="{{ $type }}"
-                :document="$document"
-                route-cancel="{{ $routeCancel }}"
-            />
-        @endif
+        <x-form.input.hidden name="type" :value="old('type', $type)" v-model="form.type" />
+        <x-form.input.hidden name="status" :value="old('status', $status)" v-model="form.status" />
+        <x-form.input.hidden name="amount" :value="old('amount', '0')" v-model="form.amount" />
 
-        {{ Form::hidden('type', old('type', $type), ['id' => 'type', 'v-model' => 'form.type']) }}
-        {{ Form::hidden('status', old('status', $status), ['id' => 'status', 'v-model' => 'form.status']) }}
-        {{ Form::hidden('amount', old('amount', '0'), ['id' => 'amount', 'v-model' => 'form.amount']) }}
-    {!! Form::close() !!}
+        @if (! $hideButtons)
+            <x-documents.form.buttons :type="$type" />
+        @endif
+    </x-form>
+</div>