İmport page design

app/Http/Controllers/Common/Import.php

@@ -48,6 +48,8 @@ class Import extends Controller
             $form_params['url'] = $path . '/import';
         }
 
-        return view('common.import.create', compact('group', 'type', 'path', 'route', 'form_params', 'title_type', 'sample_file'));
+        $document_link = 'https://akaunting.com/hc/docs/import-export/';
+
+        return view('common.import.create', compact('group', 'type', 'path', 'route', 'form_params', 'title_type', 'sample_file', 'document_link'));
     }
 }

app/View/Components/Form/Group/Import.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace App\View\Components\Form\Group;
+
+use App\Abstracts\View\Components\Form;
+
+class Import extends Form
+{
+    public $type = 'file';
+
+    public $formGroupClass = 'sm:col-span-3';
+
+    public $custom_attributes = [
+        'dropzone-class' => 'form-file dropzone-column sm:w-1/2 h-32.5',
+    ];
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|string
+     */
+    public function render()
+    {
+        if (! empty($this->options)) {
+            $options = [];
+
+            foreach ($this->options as $option) {
+                $options[$option->id] = $option->name;
+            }
+
+            $this->options = $options;
+        }
+
+        $this->options['maxFilesize'] = config('filesystems.max_size');
+
+        return view('components.form.group.import');
+    }
+}

app/View/Components/Form/Input/Import.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\View\Components\Form\Input;
+
+use App\Abstracts\View\Components\Form;
+
+class Import extends Form
+{
+    public $type = 'file';
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|string
+     */
+    public function render()
+    {
+        if (! empty($this->options)) {
+            $options = [];
+
+            foreach ($this->options as $option) {
+                $options[$option->id] = $option->name;
+            }
+
+            $this->options = $options;
+        }
+
+        return view('components.form.input.import');
+    }
+}