lots of progress

2026-01-17 13:46:20 +02:00
parent ab5d3cae98
commit 030a105992
77 changed files with 8507 additions and 20 deletions
@@ -0,0 +1,20 @@
+@props(['type' => 'info', 'dismissible' => false])
+
+@php
+    $classes = [
+        'success' => 'alert-success',
+        'danger' => 'alert-danger',
+        'warning' => 'alert-warning',
+        'info' => 'alert-info',
+        'primary' => 'alert-primary',
+        'secondary' => 'alert-secondary',
+    ];
+    $alertClass = $classes[$type] ?? $classes['info'];
+@endphp
+
+<div {{ $attributes->merge(['class' => 'alert ' . $alertClass . ($dismissible ? ' alert-dismissible fade show' : '')]) }} role="alert">
+    {{ $slot }}
+    @if($dismissible)
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+    @endif
+</div>
@@ -0,0 +1,5 @@
+@props(['color' => 'primary', 'pill' => false])
+
+<span {{ $attributes->merge(['class' => 'badge bg-' . $color . ($pill ? ' rounded-pill' : '')]) }}>
+    {{ $slot }}
+</span>
@@ -0,0 +1,19 @@
+@props(['header' => null, 'footer' => null])
+
+<div {{ $attributes->merge(['class' => 'card']) }}>
+    @if($header)
+        <div class="card-header">
+            {{ $header }}
+        </div>
+    @endif
+
+    <div class="card-body">
+        {{ $slot }}
+    </div>
+
+    @if($footer)
+        <div class="card-footer">
+            {{ $footer }}
+        </div>
+    @endif
+</div>
@@ -0,0 +1,20 @@
+@props(['id', 'title', 'size' => 'md'])
+
+<div class="modal fade" id="{{ $id }}" tabindex="-1" aria-labelledby="{{ $id }}Label" aria-hidden="true">
+    <div class="modal-dialog modal-{{ $size }}">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="{{ $id }}Label">{{ $title }}</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                {{ $slot }}
+            </div>
+            @isset($footer)
+                <div class="modal-footer">
+                    {{ $footer }}
+                </div>
+            @endisset
+        </div>
+    </div>
+</div>
@@ -0,0 +1,15 @@
+@props(['title', 'value', 'icon', 'color' => 'primary'])
+
+<div {{ $attributes->merge(['class' => 'card']) }}>
+    <div class="card-body">
+        <div class="d-flex justify-content-between align-items-center">
+            <div>
+                <h6 class="text-muted mb-1">{{ $title }}</h6>
+                <h2 class="mb-0 text-{{ $color }}">{{ $value }}</h2>
+            </div>
+            <div class="text-{{ $color }}" style="font-size: 2rem;">
+                <i class="bi bi-{{ $icon }}"></i>
+            </div>
+        </div>
+    </div>
+</div>