İmport page design

resources/views/components/form/group/import.blade.php

@@ -0,0 +1,59 @@
+@stack($name . '_input_start')
+    <div
+        @class([
+            'relative',
+            $formGroupClass,
+            'required' => $required,
+            'readonly' => $readonly,
+            'disabled' => $disabled,
+        ])
+
+        @if (isset($attributes['v-show']))
+        v-if="{{ $attributes['v-show'] }}"
+        @endif
+
+        @if (isset($attributes['v-disabled']) || isset($attributes['v-bind:disabled']))
+        :class="[
+            {'disabled' : {{ (isset($attributes['v-disabled'])) ? $attributes['v-disabled'] : $attributes['v-bind:disabled'] }}},
+            {'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }}}
+        ]"
+        @else
+        :class="[
+            {'has-error': {{ isset($attributes['v-error']) ? $attributes['v-error'] : 'form.errors.get("' . $name . '")' }}}
+        ]"
+        @endif
+    >
+        @if (! $attributes->has('label') && ! empty($label->contents))
+            {!! $label ?? '' !!}
+        @elseif (! empty($label))
+            <x-form.label for="{{ $name }}" :required="$required">{!! $label !!}</x-form.label>
+        @endif
+
+        <div @class([
+                $inputGroupClass,
+            ])
+        >
+            @if (! $attributes->has('icon') && ! empty($icon->contents))
+                {!! $icon ?? '' !!}
+            @elseif (! empty($icon))
+                <x-form.icon icon="{{ $icon }}" />
+            @endif
+
+            <x-form.input.import
+                name="{{ $name }}"
+                id="{{ $id }}"
+                :value="$value"
+                v-model="{{ !empty($attributes['v-model']) ? $attributes['v-model'] : (!empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.' . $name : 'form.' . $name) }}"
+                :multiple="$multiple"
+                :options="$options"
+                {{ $attributes->merge($custom_attributes) }}
+            />
+        </div>
+
+        @if (! $attributes->has('error') && ! empty($error->contents))
+            {!! $error ?? '' !!}
+        @else
+            <x-form.error name="{{ $name }}" {{ $attributes }} />
+        @endif
+    </div>
+@stack($name . '_input_end')

resources/views/components/form/input/import.blade.php

@@ -0,0 +1,75 @@
+<akaunting-import
+    text-drop-file="{{ trans('import.drop_file') }}"
+    text-extension-and-limitation-file="{!! trans('import.file_type_and_limitations', [
+        'extensions' => strtoupper(config('excel.imports.extensions')),
+        'row_limit' => config('excel.imports.row_limit')
+    ]) !!}"
+    text-choose-file="{{ trans('general.form.choose_file') }}"
+
+    @if (! empty($attributes['dropzone-class']))
+    class="{{ $attributes['dropzone-class'] }}"
+    @endif
+
+    @if (! empty($options))
+    :options={{ json_encode($options) }}
+    @endif
+
+    @if (! empty($attributes['previewClasses']))
+    preview-classes="{{ $attributes['previewClasses'] }}"
+    @endif
+
+    @if (! empty($attributes['url']))
+    url="{{ $attributes['url'] }}"
+    @endif
+
+    @if (! empty($value))
+        @php
+            $attachments = [];
+        @endphp
+
+        @if (is_array($value))
+            @foreach($value as $attachment)
+                @php
+                    $attachments[] = [
+                        'id' => $attachment->id,
+                        'name' => $attachment->filename . '.' . $attachment->extension,
+                        'path' => route('uploads.get', $attachment->id),
+                        'type' => $attachment->mime_type,
+                        'size' => $attachment->size,
+                        'downloadPath' => route('uploads.download', $attachment->id),
+                    ];
+                @endphp
+            @endforeach
+        @elseif ($value instanceof \Plank\Mediable\Media)
+            @php
+                $attachments[] = [
+                    'id' => $value->id,
+                    'name' => $value->filename . '.' . $value->extension,
+                    'path' => route('uploads.get', $value->id),
+                    'type' => $value->mime_type,
+                    'size' => $value->size,
+                    'downloadPath' => false,
+                ];
+            @endphp
+        @else
+            @php
+                $attachment = \Plank\Mediable\Media::find($value);
+
+                if (! empty($attachment)) {
+                    $attachments[] = [
+                        'id' => $attachment->id,
+                        'name' => $attachment->filename . '.' . $attachment->extension,
+                        'path' => route('uploads.get', $attachment->id),
+                        'type' => $attachment->mime_type,
+                        'size' => $attachment->size,
+                        'downloadPath' => false,
+                    ];
+                }
+            @endphp
+        @endif
+
+    :attachments="{{ json_encode($attachments) }}"
+    @endif
+
+    v-model="{{ ! empty($attributes['v-model']) ? $attributes['v-model'] : (! empty($attributes['data-field']) ? 'form.' . $attributes['data-field'] . '.'. $name : 'form.' . $name) }}"
+></akaunting-import>