add simple components

src/LaravelTablerServiceProvider.php

@@ -81,6 +81,11 @@ protected function bootForConsole(): void
             __DIR__.'/../resources/views/errors' => base_path('resources/views/vendor/mimisk13'),
         ], 'tabler.views');
 
+        // Components
+        $this->publishes([
+            __DIR__.'/../resources/views/components' => base_path('resources/views/vendor/mimisk13'),
+        ], 'tabler.components');
+
         $this->publishes([
             __DIR__.'/../vite.config.js' => base_path(),
         ], 'tabler.vite-config');

stubs/default/resources/views/components/alert.blade.php

@@ -0,0 +1,25 @@
+@props([
+    // TODO: WIP
+])
+
+@if (session('success'))
+    <div class="alert alert-success alert-dismissible" role="alert">
+        <h3 class="mb-1">Success</h3>
+        <p>{{ session('success') }}</p>
+
+        <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+    </div>
+@endif
+
+@if ($errors->any())
+    <div class="alert alert-danger alert-dismissible" role="alert">
+        <h3 class="mb-1">Oops...</h3>
+        <ul>
+            @foreach ($errors->all() as $error)
+                <li>{{ $error }}</li>
+            @endforeach
+        </ul>
+
+        <a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
+    </div>
+@endif

stubs/default/resources/views/components/button.blade.php

@@ -0,0 +1,18 @@
+@props([
+    'type' => null ?? 'button',
+
+    'route'
+])
+
+
+@isset($route)
+
+    <a href="{{ $route }}" {{ $attributes->class(['btn btn-primary w-100']) }}>
+        {{ $slot }}
+    </a>
+
+@else
+    <button type="{{ $type }}" {{ $attributes->class(['btn btn-primary w-100']) }}>
+        {{ $slot }}
+    </button>
+@endisset

stubs/default/resources/views/components/card.blade.php

@@ -0,0 +1,29 @@
+@props([
+    'header',
+    'content',
+    'footer'
+])
+
+<div {{ $attributes->class(['card']) }}>
+
+    @isset($header)
+        <div {{ $header->attributes->class(['card-header']) }}>
+            <h3 class="card-title">
+                {{ $header }}
+            </h3>
+        </div>
+    @endisset
+
+    @isset($content)
+        <div {{ $content->attributes->class(['card-body']) }}>
+            {{ $content }}
+        </div>
+    @endisset
+
+    @isset($footer)
+        <div {{ $footer->attributes->class(['card-footer']) }}>
+            {{ $footer }}
+        </div>
+   @endisset
+
+</div>

stubs/default/resources/views/components/form.blade.php

@@ -0,0 +1,12 @@
+@props([
+    'action',
+    'method'
+
+])
+
+<form action="{{ $action }}" method="{{ $method }}">
+    @method($method)
+    @csrf
+
+    {{ $slot }}
+</form>

stubs/default/resources/views/components/input.blade.php

@@ -0,0 +1,39 @@
+@props([
+    'label' => null ?? ucfirst($name),
+    'type' => null ?? 'text',
+    'name',
+    'id'    => null ?? $name,
+    'placeholder' => null,
+    'autocomplete' => null ?? 'off',
+    'readonly' => false,
+    'disabled' => false,
+    'required' => false,
+    'value' => null ?? old($name)
+])
+
+<div class="mb-3">
+    <label for="{{ $id }}"
+           class="form-label @error($name) text-danger @enderror {{ $required ? 'required' : '' }}"
+    >
+        {{ __($label) }}
+    </label>
+
+    <input type="{{ $type }}"
+           name="{{ $name }}"
+           id="{{ $id }}"
+           class="form-control rounded-0 @error($name) is-invalid @enderror"
+           placeholder="{{ $placeholder }}"
+           autocomplete="{{ $autocomplete }}"
+           {{ $readonly ? 'readonly' : '' }}
+           {{ $disabled ? 'disabled' : '' }}
+           {{ $required ? 'required' : '' }}
+{{--           value="{{ old($name, $model->name ) }}"--}}
+        value="{{ $value }}"
+    >
+
+    @error($name)
+        <div class="invalid-feedback">
+            {{ $message }}
+        </div>
+    @enderror
+</div>

stubs/default/resources/views/components/table.blade.php

@@ -0,0 +1,17 @@
+@props([
+    'thead',
+])
+
+<div class="table-responsive">
+    <table class="table card-table table-vcenter text-nowrap datatable">
+        <thead>
+            <tr>
+                {{ $thead }}
+            </tr>
+        </thead>
+
+        <tbody>
+            {{ $slot }}
+        </tbody>
+    </table>
+</div>

stubs/default/resources/views/components/table/td.blade.php

@@ -0,0 +1,5 @@
+@props([
+
+])
+
+<td>{{ $slot }}</td>

stubs/default/routes/web.php

@@ -17,6 +17,10 @@
     return view('dashboard');
 });
 
+Route::get('empty/', function () {
+    return view('empty');
+})->name('empty');
+
 Route::get('license', function () {
     return view('license');
 })->name('license');