feat: Add client portal with project selection, progress overview, gallery, and change order approval
This commit is contained in:
@@ -0,0 +1,128 @@
|
||||
<x-guest-layout>
|
||||
<div class="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8">
|
||||
<h1 class="text-2xl font-bold text-gray-900 mb-6">
|
||||
Bienvenido, {{ auth()->user()->name }}
|
||||
</h1>
|
||||
|
||||
<div class="grid gap-6 mb-8">
|
||||
<div class="lg:col-span-3">
|
||||
<div class="rounded-lg border border-gray-200 bg-white p-6">
|
||||
<h2 class="text-lg font-medium text-gray-900 mb-4">
|
||||
Mis Proyectos Activos
|
||||
</h2>
|
||||
|
||||
<livewire:client-projects />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-1">
|
||||
<div class="rounded-lg border border-gray-200 bg-white p-6">
|
||||
<h2 class="text-lg font-medium text-gray-900 mb-4">
|
||||
Notificaciones
|
||||
</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-start space-x-3">
|
||||
<div class="flex-shrink-0">
|
||||
<svg class="h-5 w-5 text-blue-600" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.483l1.227.614a1 1 0 001.216-.483l1.227-.614a1 1 0 00.483-1.216l-.614-1.227a1 1 0 00-.483-1.216l-.614-1.227a1 1 0 00-1.216-.483l-1.227.614a1 1 0 00-.483 1.216l.614 1.227zm1.11-5.656a1 1 0 10-1.414 1.414l1.293 1.293a1 1 0 001.414 0l1.293-1.293a1 1 0 00-1.414-1.414l-1.293-1.293z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="min-w-0 flex-1">
|
||||
<h3 class="text-sm font-medium text-gray-900">
|
||||
Proyecto actualizado
|
||||
</h3>
|
||||
<p class="text-sm text-gray-500">
|
||||
Se han añadido nuevas fotos al proyecto "Centro Comercial Norte"
|
||||
</p>
|
||||
<p class="text-xs text-gray-400">
|
||||
Hace 2 horas
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-start space-x-3">
|
||||
<div class="flex-shrink-0">
|
||||
<svg class="h-5 w-5 text-green-600" viewBox="0 0 20 20" fill="currentColor">
|
||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="min-w-0 flex-1">
|
||||
<h3 class="text-sm font-medium text-gray-900">
|
||||
Orden de cambio aprobada
|
||||
</h3>
|
||||
<p class="text-sm text-gray-500">
|
||||
La orden de cambio #123 ha sido aprobada
|
||||
</p>
|
||||
<p class="text-xs text-gray-400">
|
||||
Hace 1 día
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6">
|
||||
<div class="lg:col-span-6">
|
||||
<div class="rounded-lg border border-gray-200 bg-white p-6">
|
||||
<h2 class="text-lg font-medium text-gray-900 mb-4">
|
||||
Galería de Progreso
|
||||
</h2>
|
||||
|
||||
<div class="gallery-grid">
|
||||
<!-- Placeholder for gallery items -->
|
||||
<div class="gallery-item bg-gray-100 flex items-center justify-center h-48">
|
||||
<span class="text-gray-500">Próximamente: Fotos del avance</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="lg:col-span-6">
|
||||
<div class="rounded-lg border border-gray-200 bg-white p-6">
|
||||
<h2 class="text-lg font-medium text-gray-900 mb-4">
|
||||
Órdenes de Cambio Pendientes
|
||||
</h2>
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="change-order-card change-order-pending">
|
||||
<h3 class="text-sm font-medium text-gray-900 mb-2">
|
||||
Orden de cambio #124
|
||||
</h3>
|
||||
<p class="text-sm text-gray-500 mb-2">
|
||||
Solicitud de ampliación de zona de almacenamiento
|
||||
</p>
|
||||
<div class="flex items-center space-x-3 mt-2">
|
||||
<button class="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||
Aprobar
|
||||
</button>
|
||||
<button class="px-3 py-1 bg-red-600 text-white text-sm rounded hover:bg-red-700">
|
||||
Rechazar
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="change-order-card change-order-pending">
|
||||
<h3 class="text-sm font-medium text-gray-900 mb-2">
|
||||
Orden de cambio #125
|
||||
</h3>
|
||||
<p class="text-sm text-gray-500 mb-2">
|
||||
Cambio de material en acabados interiores
|
||||
</p>
|
||||
<div class="flex items-center space-x-3 mt-2">
|
||||
<button class="px-3 py-1 bg-green-600 text-white text-sm rounded hover:bg-green-700">
|
||||
Aprobar
|
||||
</button>
|
||||
<button class="px-3 py-1 bg-red-600 text-white text-sm rounded hover:bg-red-700">
|
||||
Rechazar
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</x-guest-layout>
|
||||
Reference in New Issue
Block a user