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>