From 65254a0dfae5336da994507de2d6774ab93e19dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javier=20Bra=C3=B1a?= <javier.bgutierrez@gmail.com>
Date: Tue, 12 May 2026 09:51:56 +0200
Subject: [PATCH] Fix project edit view: implement DaisyUI tabs for project
 data, phases, and users

---
 resources/views/projects/edit.blade.php | 54 +++++++++++++------------
 1 file changed, 29 insertions(+), 25 deletions(-)

diff --git a/resources/views/projects/edit.blade.php b/resources/views/projects/edit.blade.php
index 463b620..f4991eb 100644
--- a/resources/views/projects/edit.blade.php
+++ b/resources/views/projects/edit.blade.php
@@ -3,21 +3,16 @@
         <h1 class="text-2xl font-bold mb-4">{{ __('Edit Project') }}: {{ $project->name }}</h1>
         
         <div class="tabs tab-box w-full">
-            <ul role="tablist" class="menu menu-horizontal p-0 mb-4 border-b border-base-200">
-                <li role="tab">
-                    <a href="#project-data" aria-controls="project-data" aria-selected="true" class="tab tab-active">{{ __('Project Data') }}</a>
-                </li>
-                <li role="tab">
-                    <a href="#phases" aria-controls="phases" aria-selected="false" class="tab">{{ __('Phases') }}</a>
-                </li>
-                <li role="tab">
-                    <a href="#users" aria-controls="users" aria-selected="false" class="tab">{{ __('Users') }}</a>
-                </li>
-            </ul>
-            
-            <div class="tab-content space-y-4">
-                <!-- Project Data Tab -->
-                <div role="tabpanel" id="project-data" class="tab-pane">
+            <div class="tab-toggle">
+                <input type="radio" name="tabs-project-edit" id="tab-project-data" checked class="tab-toggle" />
+                <label for="tab-project-data" class="tab tab-active">{{ __('Project Data') }}</label>
+                <input type="radio" name="tabs-project-edit" id="tab-phases" class="tab-toggle" />
+                <label for="tab-phases" class="tab">{{ __('Phases') }}</label>
+                <input type="radio" name="tabs-project-edit" id="tab-users" class="tab-toggle" />
+                <label for="tab-users" class="tab">{{ __('Users') }}</label>
+            </div>
+            <div class="tab-content">
+                <div id="tab-project-data" class="tab-content-base p-4">
                     <form action="{{ route('projects.update', $project) }}" method="POST" class="space-y-4">
                         @csrf
                         @method('PUT')
@@ -35,7 +30,7 @@
                                 <input type="number" step="any" name="lat" value="{{ old('lat', $project->lat) }}" class="input input-bordered w-full" required>
                             </div>
                             <div>
-                                <label class="label">{{ __('Longitude') }}</label>
+                                <label class="label">{{ ('Longitude') }}</label>
                                 <input type="number" step="any" name="lng" value="{{ old('lng', $project->lng) }}" class="input input-bordered w-full" required>
                             </div>
                         </div>
@@ -50,30 +45,39 @@
                         </div>
                         <div class="grid grid-cols-2 gap-4">
                             <div>
-                                <label class="label">{{ __('Start date') }}</label>
+                                <label class="label">{{ ('Start date') }}</label>
                                 <input type="date" name="start_date" value="{{ old('start_date', $project->start_date->format('Y-m-d')) }}" class="input input-bordered w-full" required>
                             </div>
                             <div>
-                                <label class="label">{{ __('Estimated end date') }}</label>
+                                <label class="label">{{ ('Estimated end date') }}</label>
                                 <input type="date" name="end_date_estimated" value="{{ old('end_date_estimated', $project->end_date_estimated?->format('Y-m-d')) }}" class="input input-bordered w-full">
                             </div>
                         </div>
                         <button type="submit" class="btn btn-primary w-full">{{ __('Update') }}</button>
                     </form>
                 </div>
-                
-                <!-- Phases Tab -->
-                <div role="tabpanel" id="phases" class="tab-pane">
+                <div id="tab-phases" class="tab-content-base p-4">
                     <h2 class="text-xl font-bold mb-2">{{ __('Phases') }}</h2>
                     <livewire:phase-list :project="$project" />
                 </div>
-                
-                <!-- Users Tab -->
-                <div role="tabpanel" id="users" class="tab-pane">
+                <div id="tab-users" class="tab-content-base p-4">
                     <h2 class="text-xl font-bold mb-2">{{ __('Users') }}</h2>
                     <livewire:project-users :project="$project" />
                 </div>
             </div>
         </div>
+        
+        <script>
+            document.addEventListener('DOMContentLoaded', function() {
+                const tabs = document.querySelectorAll('input[name="tabs-project-edit"]');
+                tabs.forEach(tab => {
+                    tab.addEventListener('change', function() {
+                        // Este evento se dispara cuando cambia el radio button seleccionado
+                        // DaisyUI maneja automáticamente el mostrar/ocultar el contenido
+                        // basado en los IDs que coinciden con los labels
+                    });
+                });
+            });
+        </script>
     </div>
-</x-app-layout>
+</x-app-layout>
\ No newline at end of file