refactor: update UI text to Spanish localization and remove unused co…

…lor class in tailwind configuration

app/src/app/Controllers/Admin/WorkOrderController.php

@@ -5,10 +5,8 @@
 use App\Core\Session;
 use App\Core\View;
 use App\Models\WorkOrder;
-use App\Models\Task;
 use App\Models\TaskType;
 use App\Models\Zone;
-use App\Models\Contract;
 use App\Models\User;
 
 
@@ -23,17 +21,24 @@ public function index($queryParams)
             'layout' => 'Admin/AdminLayout',
             'data' => ['work_orders' => $work_orders],
         ]);
-        Session::remove('success');
     }
 
     public function create($queryParams)
     {
-        $work_order = WorkOrder::findAll();
+        $task_types = array_map(function ($task_type) {
+            return $task_type->name;
+        }, TaskType::findAll());
+        $users = array_map(function ($user) {
+            return $user->name . ' ' . $user->surname;
+        }, User::findAll(['role' => 1]));
+        $zones = array_map(function ($zone) {
+            return $zone->name;
+        }, Zone::findAll(['name' => 'not null']));
         View::render([
             'view' => 'Admin/WorkOrder/Create',
             'title' => 'Nueva Orden de Trabajo',
             'layout' => 'Admin/AdminLayout',
-            'data' => ['work_order' => $work_order],
+            'data' => ['task_types' => $task_types, 'users' => $users, 'zones' => $zones],
         ]);
     }
 
@@ -50,7 +55,7 @@ public function store($postData)
         else
             Session::set('error', 'La orden de trabajo no se pudo crear');
 
-        header('Location: /work-orders');
+        header('Location: /admin/work-orders');
         exit;
     }
 

app/src/app/Views/Admin/Contract/Create.php

@@ -3,62 +3,64 @@
         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
         </svg>
-        <span>Return to contracts</span>
+        <span>Volver a contratos</span>
     </a>
 </div>
 
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
-    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Create new contract</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo contrato</h2>
 
     <form id="contractForm" action="/admin/contract/store" method="POST" class="space-y-6">
         <div id="errorMessages"
             class="hidden bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-6"></div>
 
         <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
+            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nombre</label>
             <input type="text" id="name" name="name"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
         <div>
-            <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
+            <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Fecha de inicio</label>
             <input type="date" id="start_date" name="start_date"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
         <div>
-            <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">End Date</label>
+            <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">Fecha de fin</label>
             <input type="date" id="end_date" name="end_date"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
         <div>
-            <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Proposed</label>
+            <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Factura propuesta</label>
             <input type="number" step="0.01" id="invoice_proposed" name="invoice_proposed" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
         <div>
-            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Agreed</label>
+            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Factura aceptada</label>
             <input type="number" id="invoice_agreed" name="invoice_agreed" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
         <div>
-            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Invoice Paid</label>
+            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Factura pagada</label>
             <input type="number" id="invoice_paid" name="invoice_paid" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500"
                 required>
         </div>
 
-        <button type="submit"
-            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-            Create
-        </button>
+        <div class="flex items-center">
+            <button type="submit"
+                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+                Crear
+            </button>
+        </div>
     </form>
 </div>

app/src/app/Views/Admin/Contract/Edit.php

@@ -3,60 +3,61 @@
         <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
         </svg>
-        <span>Return to Contracts</span>
+        <span>Volver a contratos</span>
     </a>
 </div>
 
 <div class="bg-white p-8 border border-gray-300 rounded-lg shadow-md">
-    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Edit Contract</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando contrato</h2>
 
     <form id="contractForm" action="/admin/contract/<?= htmlspecialchars($contract->getId()); ?>/update" method="POST"
         class="space-y-6">
         <div id="errorMessages"
             class="hidden bg-red-100 border border-red-400 text-red700 px-4 py-3 rounded relative mb-6"></div>
 
         <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
+            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nombre</label>
             <input type="text" id="name" name="name" value="<?= htmlspecialchars($contract->name); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
         <div>
-            <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Start Date</label>
+            <label for="start_date" class="block text-sm font-medium text-gray-700 mb-1">Fecha de inicio</label>
             <input type="date" id="start_date" name="start_date" value="<?= htmlspecialchars($contract->start_date); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
         <div>
-            <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">End Date</label>
+            <label for="end_date" class="block text-sm font-medium text-gray-700 mb-1">Fecha de fin</label>
             <input type="date" id="end_date" name="end_date" value="<?= htmlspecialchars($contract->end_date); ?>"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
         <div>
-            <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Proposed</label>
+            <label for="invoice_proposed" class="block text-sm font-medium text-gray-700 mb-1">Factura propuesta</label>
             <input type="number" step="0.01" id="invoice_proposed" name="invoice_proposed"
                 value="<?= htmlspecialchars($contract->invoice_proposed); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
         <div>
-            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Invoice Agreed</label>
+            <label for="invoice_agreed" class="block text-sm font-medium text-gray-700 mb-1">Factura aceptada</label>
             <input type="number" step="0.01" id="invoice_agreed" name="invoice_agreed"
                 value="<?= htmlspecialchars($contract->invoice_agreed); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
 
         <div>
-            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Invoice Paid</label>
+            <label for="invoice_paid" class="block text-sm font-medium text-gray-700 mb-1">Factura pagada</label>
             <input type="number" step="0.01" id="invoice_paid" name="invoice_paid"
                 value="<?= htmlspecialchars($contract->invoice_paid); ?>" max="999999999.99"
                 class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
         </div>
-
-        <button type="submit"
-            class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
-            Update Contract
-        </button>
+        <div class="flex items-center">
+            <button type="submit"
+                class="bg-blue-500 hover:bg-blue-600 text-white font-medium py-2 px-4 rounded-lg focus:outline-none focus:ring focus:ring-blue-500">
+                Actualizar
+            </button>
+        </div>
     </form>
-</div>
+</div>

app/src/app/Views/Admin/Contracts.php

@@ -1,70 +1,66 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/contract/create" class="btn-create">
-        New contract
+        Nuevo contrato
     </a>
 </div>
 
-<div class="rounded-lg shadow-md overflow-hidden overflow-x-auto">
-    <table class="table-auto w-full text-sm text-left text-gray-700">
+<div class="relative overflow-x-auto scrollbar-none shadow-md sm:rounded-lg">
+    <table class="w-full text-sm text-left rtl:text-right text-gray-500">
+        <!-- <thead class="border-b text-gray-900 dark\:text-white uppercase"> -->
         <thead class="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Name</th>
-                <th class="px-4 py-2">Start Date</th>
-                <th class="px-4 py-2">End Date</th>
-                <th class="px-4 py-2">Invoice Proposed</th>
-                <th class="px-4 py-2">Invoice Agreed</th>
-                <th class="px-4 py-2">Invoice Paid</th>
-                <th class="px-4 py-2">Created At</th>
-                <th class="actions-column">Actions</th>
+                <th scope="col" class="px-5 py-3">Nombre</th>
+                <th scope="col" class="px-5 py-3">Fecha de inicio</th>
+                <th scope="col" class="px-5 py-3">Fecha de fin</th>
+                <th scope="col" class="px-5 py-3">Factura propuesta</th>
+                <th scope="col" class="px-5 py-3">Factura aceptada</th>
+                <th scope="col" class="px-5 py-3">Factura pagada</th>
+                <th scope="col" class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($contracts as $contract) { ?>
-                <tr class="hover:bg-gray-50">
-                    <td class="px-4 py-2 border-b">
+                <tr class="border-b hover:bg-gray-50">
+                    <th scope="row" class="px-5 py-4 font-medium text-gray-900 whitespace-nowrap dark\:text-white">
                         <?= $contract->name; ?>
+                    </th>
+                    <td class="px-5 py-4">
+                        <?= date('d/m/Y', strtotime($contract->start_date)); ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->start_date; ?>
+                    <td class="px-5 py-4">
+                        <?= date('d/m/Y', strtotime($contract->end_date)); ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->end_date; ?>
+                    <td class="px-5 py-4">
+                        <?= $contract->invoice_proposed; ?> €
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->invoice_proposed; ?>
+                    <td class="px-5 py-4">
+                        <?= $contract->invoice_agreed; ?> €
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->invoice_agreed; ?>
+                    <td class="px-5 py-4">
+                        <?= $contract->invoice_paid; ?> €
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->invoice_paid; ?>
-                    </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $contract->getCreatedAt(); ?>
-                    </td>
-                    <td class="px-4 py-3 border-b text-center">
-                        <div class="flex items-center justify-center space-x-4">
-                            <a href="/admin/contract/<?= htmlspecialchars($contract->getId()); ?>/edit"
-                                class="text-darkGreen hover:scale-110" title="Edit">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                                    stroke="currentColor" class="w-5 h-5">
-                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                        d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
-                                </svg>
-                            </a>
-                            <a href="/admin/contract/<?= htmlspecialchars($contract->getId()); ?>/delete"
-                                onclick="return confirm('Are you sure you want to delete this contract?');"
-                                class="text-red hover:scale-110" title="Delete">
-                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                                    stroke="currentColor" class="w-5 h-5">
-                                    <path stroke-linecap="round" stroke-linejoin="round"
-                                        d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
-                                </svg>
-                            </a>
-                        </div>
+                    <td class="flex items-center px-5 py-4 space-x-4">
+                        <a href="/admin/contract/<?= htmlspecialchars($contract->getId()); ?>/edit"
+                            class="text-lime-600 hover:scale-110" title="Editar">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                                stroke="currentColor" class="w-5 h-5">
+                                <path stroke-linecap="round" stroke-linejoin="round"
+                                    d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
+                            </svg>
+                        </a>
+                        <a href="/admin/contract/<?= htmlspecialchars($contract->getId()); ?>/delete"
+                            onclick="return confirm('¿Desea eliminar el contrato <?= htmlspecialchars($contract->name); ?>?');"
+                            class="text-red-600 hover:scale-110" title="Eliminar">
+                            <!-- <i class="fa-regular fa-trash-can"></i> -->
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                                stroke="currentColor" class="w-5 h-5">
+                                <path stroke-linecap="round" stroke-linejoin="round"
+                                    d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
+                            </svg>
+                        </a>
                     </td>
                 </tr>
             <?php } ?>
         </tbody>
     </table>
-</div>
+</div>