restart portfolio

resources/views/components/form/button.edge

@@ -0,0 +1,12 @@
+<button 
+  id="{{ name }}" 
+  name="{{ name }}" 
+  type="{{ type ? type : 'submit' }}" 
+  @if(style) 
+    class="{{ style }}" 
+  @else
+    class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50"
+  @end
+  >
+  {{ text }}
+</button>

resources/views/components/form/field.edge

@@ -0,0 +1,30 @@
+<div class="mb-4">
+  <label for="{{ name }}" class="block text-gray-700 text-sm font-bold mb-2">{{ label }}</label>
+  
+  @if(type === 'textarea')
+    <textarea
+      id="{{ name }}"
+      name="{{ name }}"
+      class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+      @if(required)
+        required
+      @end
+      @if(rows)
+        rows="{{ rows }}"
+      @end
+      ></textarea>
+  @else
+    <input
+      id="{{ name }}"
+      name="{{ name }}"
+      type="{{ type ? type : 'text' }}"
+      class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
+      @if(required)
+        required
+      @end
+      @if(placeholder)
+        placeholder="{{ placeholder }}"
+      @end
+    >
+  @end
+</div>

resources/views/components/form/form.edge

@@ -0,0 +1,4 @@
+<form method="{{ method }}" action="{{ action }}">
+  @!component('components/flash')
+  {{{ await $slots.main() }}}
+</form>