Modificación del de vista de dopcumentos del alumno

resources/views/livewire/documentos.blade.php

@@ -9,27 +9,42 @@
     @endphp
 
     <div class="mb-2">
-        <strong>{{ strtoupper($tipo->name) }}</strong> :
 
         @if($doc)
 
             @if($doc->status == 1)
-                <span class="badge bg-success">✔ Validado</span>
+                <div class="alert alert-success d-sm-flex align-items-center justify-content-between">
+                    <strong>{{ strtoupper($tipo->name) }} : Validado</strong>
+
+                    <button
+                    onclick="verDocumento('{{ url('documento/ver/'.$doc->id) }}', {{ $doc->id }})"
+                    class="btn btn-sm btn-primary mt-2">
+                    <i class="fa-duotone fa-solid fa-eye"></i> Ver documento
+                    </button>
+                </div>
             @elseif($doc->status == 2)
-                <span class="badge bg-danger">✘ Rechazado</span>
+                <div class="alert alert-danger">
+                    <strong>{{ strtoupper($tipo->name) }} : Rechazado</strong>
+                </div>
+
             @else
-                <span class="badge bg-warning">Pendiente</span>
+                <div class="alert alert-warning d-sm-flex align-items-center justify-content-between" >
+
+                    <strong>{{ strtoupper($tipo->name) }} : Pendiente de revisión</strong>
+
+                    <button
+                    onclick="verDocumento('{{ url('documento/ver/'.$doc->id) }}', {{ $doc->id }})"
+                    class="btn btn-sm btn-primary mt-2">
+                    <i class="fa-duotone fa-solid fa-eye"></i> Ver documento
+                    </button>
+
+                </div>
             @endif
 
-            <button
-                onclick="verDocumento('{{ url('documento/ver/'.$doc->id) }}', {{ $doc->id }})"
-                class="btn btn-sm btn-primary ms-2"
-            >
-                Ver
-            </button>
-
         @else
-            <span class="text-danger">✘ Faltante</span>
+            <div class="alert alert-danger">
+                <strong>{{ strtoupper($tipo->name) }} : Faltante</strong>
+            </div>
         @endif
 
     </div>

resources/views/livewire/evaluacion-builder.blade.php

@@ -84,10 +84,9 @@
                                     <i class="fas fa-chevron-down"></i>
                                 </button>
                                 <button type="button"
-                                        wire:click="removePregunta({{ $i }})"
                                         class="btn btn-outline-danger"
                                         title="Eliminar"
-                                        onclick="return confirm('¿Eliminar esta pregunta?')">
+                                        onclick="confirmarEliminarPregunta({{ $i }}, this)">
                                     <i class="fas fa-times"></i>
                                 </button>
                             </div>
@@ -410,3 +409,25 @@
         </div>{{-- fin columna lateral --}}
     </div>{{-- fin row --}}
 </div>
+
+@push('scripts')
+<script>
+function confirmarEliminarPregunta(index, el) {
+    Swal.fire({
+        title: '¿Eliminar pregunta?',
+        text: 'Esta acción no se puede deshacer.',
+        icon: 'warning',
+        showCancelButton: true,
+        confirmButtonText: 'Sí, eliminar',
+        cancelButtonText: 'Cancelar',
+        confirmButtonColor: '#e74a3b',
+        cancelButtonColor: '#6c757d',
+    }).then(result => {
+        if (result.isConfirmed) {
+            const wireEl = el.closest('[wire\\:id]');
+            Livewire.find(wireEl.getAttribute('wire:id')).call('removePregunta', index);
+        }
+    });
+}
+</script>
+@endpush