From 2c50a372eb17333b8a82a522dd287bb1a77d4b61 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Wed, 1 Sep 2021 15:20:30 +0200
Subject: [PATCH] view: refactor profession import form to an component.

---
 .../character/profession/create.blade.php      | 18 +-----------------
 .../profession-import-form.blade.php           | 17 +++++++++++++++++
 resources/views/profession/create.blade.php    | 18 +-----------------
 3 files changed, 19 insertions(+), 34 deletions(-)
 create mode 100644 resources/views/components/profession-import-form.blade.php

diff --git a/resources/views/character/profession/create.blade.php b/resources/views/character/profession/create.blade.php
index a3fa510..ab2eb3c 100644
--- a/resources/views/character/profession/create.blade.php
+++ b/resources/views/character/profession/create.blade.php
@@ -10,23 +10,7 @@
 </x-slot>
 
 <div class="p-4">
-    <p class="text-center">
-        <strong>{{ __("Important") }}!</strong>
-        {{ __('Download this') }}
-        <x-link href="https://www.curseforge.com/wow/addons/professions-exporter" target="_blank">{{ __('addon') }}</x-link>
-        {{ __('to generate the import string') }}
-    </p>
-
-    <x-form action="{{ route('character.profession.store', [ 'character' => $character->slug ]) }}">
-        <div class="mb-2">
-            <x-form.label for="data">{{ __('Import string') }}</x-form.label>
-            <x-textarea class="h-64" name="data" />
-        </div>
-
-        <div class="mt-2">
-            <x-button element="input" type="submit" value="{{ __('Import') }}" />
-        </div>
-    </x-form>
+    <x-profession-import-form route="{{ route('character.profession.store', [ 'character' => $character->slug ]) }}" />
 </div>
 
 </x-layout>
diff --git a/resources/views/components/profession-import-form.blade.php b/resources/views/components/profession-import-form.blade.php
new file mode 100644
index 0000000..828638b
--- /dev/null
+++ b/resources/views/components/profession-import-form.blade.php
@@ -0,0 +1,17 @@
+<p class="text-center">
+    <strong>{{ __("Important") }}!</strong>
+    {{ __('Download this') }}
+    <x-link href="https://www.curseforge.com/wow/addons/professions-exporter" target="_blank">{{ __('addon') }}</x-link>
+    {{ __('to generate the import string') }}
+</p>
+
+<x-form action="{{ $route }}">
+    <div class="mb-2">
+        <x-form.label for="data">{{ __('Import string') }}</x-form.label>
+        <x-textarea class="h-64" name="data" />
+    </div>
+
+    <div class="mt-2">
+        <x-button element="input" type="submit" value="{{ __('Import') }}" />
+    </div>
+</x-form>
diff --git a/resources/views/profession/create.blade.php b/resources/views/profession/create.blade.php
index b89ff6b..609bac5 100644
--- a/resources/views/profession/create.blade.php
+++ b/resources/views/profession/create.blade.php
@@ -7,23 +7,7 @@
 </x-slot>
 
 <div class="p-4">
-    <p class="text-center">
-        <strong>{{ __("Important") }}!</strong>
-        {{ __('Download this') }}
-        <x-link href="https://www.curseforge.com/wow/addons/professions-exporter" target="_blank">{{ __('addon') }}</x-link>
-        {{ __('to generate the import string') }}
-    </p>
-
-    <x-form action="{{ route('profession.store') }}">
-        <div class="mb-2">
-            <x-form.label for="data">{{ __('Import string') }}</x-form.label>
-            <x-textarea class="h-64" name="data" />
-        </div>
-
-        <div class="mt-2">
-            <x-button element="input" type="submit" value="{{ __('Import') }}" />
-        </div>
-    </x-form>
+    <x-profession-import-form route="{{ route('profession.store') }}" />
 </div>
 
 </x-layout>