feat: better slot handling

feat: material-26 modal

Author: athphane

resources/views/bootstrap-5/modal.blade.php

@@ -1,10 +1,15 @@
-<div class="modal" tabindex="-1" id="{{ $attributes->get('id') ?: $id() }}">
+<div
+    {{ $attributes->merge(['class' => 'modal fade', 'tabindex' => -1]) }}
+    id="{{ $attributes->get('id') ?: $id() }}"
+>
     <div class="modal-dialog {{ $modalSizeClass ?? 'modal-lg' }}">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">
-                    {{ $title ?? '' }}
-                </h5>
+                @if($title)
+                    <h5 class="modal-title">
+                        {{ $title }}
+                    </h5>
+                @endif
 
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
@@ -13,9 +18,11 @@
                 {{ $slot }}
             </div>
 
-            <div class="modal-footer">
-                {{ $footer ?? '' }}
-            </div>
+            @if($footer)
+                <div class="modal-footer">
+                    {{ $footer }}
+                </div>
+            @endif
         </div>
     </div>
 </div>

resources/views/material-admin-26/modal.blade.php

@@ -0,0 +1,23 @@
+@props(['title' => ''])
+
+<div {{ $attributes->merge(['class' => 'modal fade', 'tabindex' => -1]) }}>
+    <div class="modal-dialog {{ $modalSizeClass ?? 'modal-lg' }}">
+        <div class="modal-content modal-headed">
+            @if($title)
+                <div class="modal-header">
+                    <h5 class="modal-title">{{ $title }}</h5>
+                </div>
+            @endif
+
+            <div class="modal-body">
+                {{ $slot }}
+            </div>
+
+            @isset($footer)
+                <div class="modal-footer px-4 pb-4">
+                    {{ $footer }}
+                </div>
+            @endisset
+        </div>
+    </div>
+</div>