From bd52f703439de1f7f3dfda7f1f97963e014e1e85 Mon Sep 17 00:00:00 2001
From: 0x1026 <69076992+0x1026@users.noreply.github.com>
Date: Mon, 16 Dec 2024 15:17:20 +0100
Subject: [PATCH] refactor: update UI text to Spanish localization and remove
 unused color class in tailwind configuration

---
 .../Controllers/Admin/WorkOrderController.php |  17 +-
 app/src/app/Views/Admin/Contract/Create.php   |  26 +--
 app/src/app/Views/Admin/Contract/Edit.php     |  29 ++--
 app/src/app/Views/Admin/Contracts.php         |  92 +++++-----
 app/src/app/Views/Admin/Dashboard.php         |  32 ++--
 app/src/app/Views/Admin/Element/Create.php    |  36 ++--
 app/src/app/Views/Admin/Element/Edit.php      |  41 ++---
 .../app/Views/Admin/ElementType/Create.php    |  19 +-
 app/src/app/Views/Admin/ElementType/Edit.php  |  26 +--
 app/src/app/Views/Admin/ElementTypes.php      |  46 ++---
 app/src/app/Views/Admin/Elements.php          |  44 +++--
 app/src/app/Views/Admin/Inventory.php         |   2 +-
 app/src/app/Views/Admin/TaskType/Create.php   |  11 +-
 app/src/app/Views/Admin/TaskType/Edit.php     |  13 +-
 app/src/app/Views/Admin/TaskTypes.php         |  26 ++-
 app/src/app/Views/Admin/TreeType/Create.php   |  28 ++-
 app/src/app/Views/Admin/TreeType/Edit.php     |  30 ++--
 app/src/app/Views/Admin/TreeTypes.php         |  34 ++--
 app/src/app/Views/Admin/User/Create.php       |  34 +---
 app/src/app/Views/Admin/User/Edit.php         |  49 ++----
 app/src/app/Views/Admin/Users.php             |  46 +++--
 app/src/app/Views/Admin/WorkOrder/Create.php  | 163 +++++++-----------
 app/src/app/Views/Admin/WorkOrders.php        |  60 +++----
 app/src/app/Views/Admin/Zone/Create.php       |  23 +--
 app/src/app/Views/Admin/Zone/Edit.php         |  24 +--
 app/src/app/Views/Admin/Zones.php             |  28 ++-
 app/src/public/assets/js/app.js               |  24 +--
 app/src/public/assets/js/tailwind.js          |   1 -
 28 files changed, 424 insertions(+), 580 deletions(-)

diff --git a/app/src/app/Controllers/Admin/WorkOrderController.php b/app/src/app/Controllers/Admin/WorkOrderController.php
index 7fd01bc..b6888ea 100644
--- a/app/src/app/Controllers/Admin/WorkOrderController.php
+++ b/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;
     }
 
diff --git a/app/src/app/Views/Admin/Contract/Create.php b/app/src/app/Views/Admin/Contract/Create.php
index 1243416..b1ae515 100644
--- a/app/src/app/Views/Admin/Contract/Create.php
+++ b/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>
\ No newline at end of file
diff --git a/app/src/app/Views/Admin/Contract/Edit.php b/app/src/app/Views/Admin/Contract/Edit.php
index dd6a9bf..4ac0bbf 100644
--- a/app/src/app/Views/Admin/Contract/Edit.php
+++ b/app/src/app/Views/Admin/Contract/Edit.php
@@ -3,12 +3,12 @@
         <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">
@@ -16,47 +16,48 @@ class="space-y-6">
             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>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/Contracts.php b/app/src/app/Views/Admin/Contracts.php
index d369784..4a03e17 100644
--- a/app/src/app/Views/Admin/Contracts.php
+++ b/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>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/Dashboard.php b/app/src/app/Views/Admin/Dashboard.php
index 5eb48c9..0b6ff07 100644
--- a/app/src/app/Views/Admin/Dashboard.php
+++ b/app/src/app/Views/Admin/Dashboard.php
@@ -1,10 +1,10 @@
 <div class="p-6">
     <!-- Page Title -->
     <div class="mb-4">
-        <h1 class="text-2xl font-bold text-gray-800">Dashboard</h1>
-        <p class="text-sm text-gray-600">Welcome back,
-            <?= $_SESSION['user']['name'] . " " . $_SESSION['user']['surname']; ?>
-            to your dashboard. Here's a quick overview of your data.
+        <h1 class="text-2xl font-bold text-gray-800">Tablero</h1>
+        <p class="text-sm text-gray-600">¡Le damos nuevamente la bienvenida,
+            <?= $_SESSION['user']['name'] . " " . $_SESSION['user']['surname']; ?>,
+            a su tablero! A continuación te ofrecemos una rápida visión general de tus datos.
         </p>
     </div>
 
@@ -14,30 +14,30 @@
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
             <!-- Widget 1 -->
             <div class="bg-white shadow rounded-lg p-4">
-                <h2 class="text-lg font-semibold text-gray-700">Users</h2>
-                <p class="mt-2 text-3xl font-bold text-gray-900"><?= $users ?></p>
-                <p class="text-sm text-gray-500 mt-1">+0% since last week</p>
+                <h2 class="text-lg font-semibold text-gray-700">Usuarios</h2>
+                <p class="mt-2 text-3xl font-bold"><?= $users ?></p>
+                <p class="text-sm text-gray-500 mt-1">+0% que el anterior periodo</p>
             </div>
 
             <!-- Widget 3 -->
             <div class="bg-white shadow rounded-lg p-4">
-                <h2 class="text-lg font-semibold text-gray-700">Contracts</h2>
-                <p class="mt-2 text-3xl font-bold text-gray-500"><?= $contracts ?></p>
-                <p class="text-sm text-gray-500 mt-1">+0% since week</p>
+                <h2 class="text-lg font-semibold text-gray-700">Contratos</h2>
+                <p class="mt-2 text-3xl font-bold"><?= $contracts ?></p>
+                <p class="text-sm text-gray-500 mt-1">+0% que el anterior periodo</p>
             </div>
 
             <!-- Widget 2 -->
             <div class="bg-white shadow rounded-lg p-4">
-                <h2 class="text-lg font-semibold text-gray-700">Elements</h2>
-                <p class="mt-2 text-3xl font-bold text-gray-600"><?= $elements ?></p>
-                <p class="text-sm text-gray-500 mt-1">+0% since last week</p>
+                <h2 class="text-lg font-semibold text-gray-700">Elementos</h2>
+                <p class="mt-2 text-3xl font-bold"><?= $elements ?></p>
+                <p class="text-sm text-gray-500 mt-1">+0% que el anterior periodo</p>
             </div>
 
             <!-- Widget 3 -->
             <div class="bg-white shadow rounded-lg p-4">
-                <h2 class="text-lg font-semibold text-gray-700">Work Orders</h2>
-                <p class="mt-2 text-3xl font-bold text-gray-500"><?= $workorders ?></p>
-                <p class="text-sm text-gray-500 mt-1">+0% since week</p>
+                <h2 class="text-lg font-semibold text-gray-700">Órdenes de trabajo</h2>
+                <p class="mt-2 text-3xl font-bold"><?= $workorders ?></p>
+                <p class="text-sm text-gray-500 mt-1">+0% que el anterior periodo</p>
             </div>
         </div>
     </div>
diff --git a/app/src/app/Views/Admin/Element/Create.php b/app/src/app/Views/Admin/Element/Create.php
index 17306c0..7d7eb42 100644
--- a/app/src/app/Views/Admin/Element/Create.php
+++ b/app/src/app/Views/Admin/Element/Create.php
@@ -1,68 +1,60 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/elements" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Elements</span>
+        <span>Volver a elementos</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 Element</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo elemento</h2>
     <form action="/admin/element/store" method="POST" class="space-y-6">
-
-        <!-- Element Type -->
         <div>
-            <label for="element_type_id" class="block text-sm font-medium text-gray-700 mb-1">Element Type</label>
+            <label for="element_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tipo de elemento</label>
             <select id="element_type_id" name="element_type_id"
                 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>
-                <option value="" disabled selected>Select Element Type</option>
+                <option value="" disabled selected>Seleccione tipo de elemento</option>
                 <?php foreach ($element_types as $element_type): ?>
                     <?= '<option value="' . $element_type->getId() . '">' . $element_type->name . '</option>'; ?>
                 <?php endforeach; ?>
             </select>
         </div>
-        <!-- Tree Type ID-->
         <div>
-            <label for="tree_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tree Type</label>
+            <label for="tree_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tipo de árbol</label>
             <select id="tree_type_id" name="tree_type_id"
                 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">
-                <option value="" disabled selected>Select Tree Type</option>
+                <option value="" disabled selected>Seleccione tipo de árbol</option>
                 <?php foreach ($types as $type): ?>
                     <?= '<option value="' . $type->getId() . '">' . $type->species . '</option>'; ?>
                 <?php endforeach; ?>
             </select>
         </div>
-
-        <!-- Zone ID -->
         <div>
-            <label for="zone_id" class="block text-sm font-medium text-gray-700 mb-1">Zone Name</label>
+            <label for="zone_id" class="block text-sm font-medium text-gray-700 mb-1">Zona perteneciente</label>
             <select id="zone_id" name="zone_id"
                 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>
-                <option value="" disabled selected>Select Zone</option>
+                <option value="" disabled selected>Seleccione zona</option>
                 <?php foreach ($zones as $zone): ?>
                     <?= '<option value="' . $zone->getId() . '">' . $zone->name . '</option>'; ?>
                 <?php endforeach; ?>
             </select>
         </div>
-        <!-- Contract-->
         <div>
-            <label for="contract_id" class="block text-sm font-medium text-gray-700 mb-1">Contract</label>
+            <label for="contract_id" class="block text-sm font-medium text-gray-700 mb-1">Contrato</label>
             <select id="contract_id" name="contract_id"
                 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>
-                <option value="" disabled selected>Select Contract</option>
+                <option value="" disabled selected>Seleccione contrato</option>
                 <?php foreach ($contracts as $contract): ?>
                     <?= '<option value="' . $contract->getId() . '">' . $contract->name . '</option>'; ?>
                 <?php endforeach; ?>
             </select>
         </div>
 
-        <!--Point ID
-        <<div>
+        <!-- <div>
             <label for="point_id" class="block text-sm font-medium text-gray-700 mb-1">Point</label>
             <select id="point_id" name="point_id"
                     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"
@@ -73,13 +65,11 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
                 <option value="3">Point 3</option>
             </select>
         </div> -->
-
-        <!-- Submit 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">
-                Create
+                Crear
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/Element/Edit.php b/app/src/app/Views/Admin/Element/Edit.php
index 6935d64..1f39de7 100644
--- a/app/src/app/Views/Admin/Element/Edit.php
+++ b/app/src/app/Views/Admin/Element/Edit.php
@@ -1,19 +1,27 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/elements" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Elements</span>
+        <span>Volver a elementos</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 Element</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando elemento</h2>
     <form action="/admin/element/<?= htmlspecialchars($element->getId()); ?>/update" method="POST" class="space-y-6">
-
         <div>
-            <label for="element_type_id" class="block text-sm font-medium text-gray-700 mb-1">Element Type</label>
+            <label for="contract_id" class="block text-sm font-medium text-gray-700 mb-1">Contrato</label>
+            <select id="contract_id" name="contract_id"
+                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>
+                <?php foreach ($contracts as $contract): ?>
+                    <?= '<option value="' . $contract->getId() . '">' . $contract->name . '</option>'; ?>
+                <?php endforeach; ?>
+            </select>
+        </div>
+        <div>
+            <label for="element_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tipo de elemento</label>
             <select id="element_type_id" name="element_type_id"
                 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>
@@ -22,9 +30,8 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
                 <?php endforeach; ?>
             </select>
         </div>
-        <!-- Tree Type ID-->
         <div>
-            <label for="tree_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tree Type</label>
+            <label for="tree_type_id" class="block text-sm font-medium text-gray-700 mb-1">Tipo de árbol</label>
             <select id="tree_type_id" name="tree_type_id"
                 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">
                 <?php foreach ($types as $type): ?>
@@ -32,10 +39,8 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
                 <?php endforeach; ?>
             </select>
         </div>
-
-        <!-- Zone ID -->
         <div>
-            <label for="zone_id" class="block text-sm font-medium text-gray-700 mb-1">Zone Name</label>
+            <label for="zone_id" class="block text-sm font-medium text-gray-700 mb-1">Zona perteneciente</label>
             <select id="zone_id" name="zone_id"
                 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>
@@ -44,24 +49,12 @@ class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none foc
                 <?php endforeach; ?>
             </select>
         </div>
-        <!-- Contract-->
-        <div>
-            <label for="contract_id" class="block text-sm font-medium text-gray-700 mb-1">Contract</label>
-            <select id="contract_id" name="contract_id"
-                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>
-                <?php foreach ($contracts as $contract): ?>
-                    <?= '<option value="' . $contract->getId() . '">' . $contract->name . '</option>'; ?>
-                <?php endforeach; ?>
-            </select>
-        </div>
 
-        <!-- Submit 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">
-                Update User
+                Actualizar
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/ElementType/Create.php b/app/src/app/Views/Admin/ElementType/Create.php
index f98af12..d1c7d82 100644
--- a/app/src/app/Views/Admin/ElementType/Create.php
+++ b/app/src/app/Views/Admin/ElementType/Create.php
@@ -1,39 +1,32 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/element-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Element-Types</span>
+        <span>Volver a tipos de elemento</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 Element Type</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo tipo de elemento</h2>
     <form action="/admin/element-type/store" method="POST" class="space-y-6">
-
-        <!-- Name -->
         <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>
-
-        <!-- Description -->
         <div>
-            <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+            <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Descripción</label>
             <input type="text" id="description" name="description"
                 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>
-
-        <!-- Submit 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">
-                Create
+                Crear
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/ElementType/Edit.php b/app/src/app/Views/Admin/ElementType/Edit.php
index b4d2e71..1b0506a 100644
--- a/app/src/app/Views/Admin/ElementType/Edit.php
+++ b/app/src/app/Views/Admin/ElementType/Edit.php
@@ -1,40 +1,32 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/element-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Elements</span>
+        <span>Volver a tipos de elemento</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 Element Type</h2>
-    <form action="/admin/element-type/<?= htmlspecialchars($elementType->getId()); ?>/update" method="POST"
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando tipo de elemento</h2>
+    <form action="/admin/element-type/<?= htmlspecialchars($element_type->getId()); ?>/update" method="POST"
         class="space-y-6">
-
-        <!-- Name -->
         <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Name</label>
-            <input type="text" id="name" name="name" value="<?= htmlspecialchars($elementType->name); ?>"
+            <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($element_type->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>
-
-        <!-- Description -->
         <div>
-            <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Description</label>
+            <label for="description" class="block text-sm font-medium text-gray-700 mb-1">Descripción</label>
             <input type="text" id="description" name="description"
-                value="<?= htmlspecialchars($elementType->description); ?>"
+                value="<?= htmlspecialchars($element_type->description); ?>"
                 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>
-
-
-        <!-- Submit 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">
-                Update User
+                Actualizar
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/ElementTypes.php b/app/src/app/Views/Admin/ElementTypes.php
index 3a6876e..7d8f608 100644
--- a/app/src/app/Views/Admin/ElementTypes.php
+++ b/app/src/app/Views/Admin/ElementTypes.php
@@ -1,41 +1,43 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/element-type/create" class="btn-create">
-        New element type
+        Nuevo tipo de elemento
     </a>
 </div>
 
-<div class="overflow-x-auto">
-    <table class="min-w-full table-fixed bg-white border border-gray-300 rounded-lg shadow-md">
-        <thead>
-            <tr class="bg-gray-700 text-white text-left h-14">
-                <th class="px-4 py-2">Name</th>
-                <th class="px-4 py-2">Description</th>
-                <th class="actions-column">Actions</th>
+<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
+    <table class="w-full text-sm text-left rtl:text-right text-gray-500 dark\:text-gray-400">
+        <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark\:bg-gray-700 dark\:text-gray-400">
+            <tr>
+                <th class="px-5 py-3">Nombre</th>
+                <th class="px-5 py-3">Descripción</th>
+                <th class="px-5 py-3">Requiere tipo de árbol</th>
+                <th class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
-            <?php foreach ($elementTypes as $elementType) { ?>
-                <tr class="hover:bg-gray-50">
-                    <td class="px-4 py-2 border-b">
-                        <?= $elementType->name; ?>
+            <?php foreach ($element_types as $element_type) { ?>
+                <tr class="border-b hover:bg-gray-50">
+                    <th class="px-5 py-4">
+                        <?= $element_type->name; ?>
+                    </th>
+                    <td class="px-5 py-4">
+                        <?= $element_type->description; ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $elementType->description; ?>
+                    <td class="px-5 py-4">
+                        <?= $element_type->requires_tree_type ? "Sí" : "No"; ?>
                     </td>
-                    <td class="px-4 py-3 border-b text-center flex space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
-                        <a href="/admin/element-type/<?= htmlspecialchars($elementType->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="Edit">
+                    <td class="px-4 py-3 text-center flex space-x-4">
+                        <a href="/admin/element-type/<?= htmlspecialchars($element_type->getId()); ?>/edit"
+                            class="text-lime-600 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>
-                        <!-- Delete Button (Trash Icon) -->
-                        <a href="/admin/element-type/<?= htmlspecialchars($elementType->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this element?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                        <a href="/admin/element-type/<?= htmlspecialchars($element_type->getId()); ?>/delete"
+                            onclick="return confirm('¿Desea eliminar el tipo de elemento <?= htmlspecialchars($element_type->name); ?>');"
+                            class="text-red-600 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"
diff --git a/app/src/app/Views/Admin/Elements.php b/app/src/app/Views/Admin/Elements.php
index 9208dad..9295428 100644
--- a/app/src/app/Views/Admin/Elements.php
+++ b/app/src/app/Views/Admin/Elements.php
@@ -1,49 +1,47 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/element/create" class="btn-create">
-        New element
+        Nuevo elemento
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Element type</th>
-                <th class="px-4 py-2">Contract</th>
-                <th class="px-4 py-2">Zone</th>
-                <th class="px-4 py-2">Tree type</th>
-                <th class="actions-column">Actions</th>
+                <th scope="col" class="px-5 py-3">Tipo de elemento</th>
+                <th scope="col" class="px-5 py-3">Contrato</th>
+                <th scope="col" class="px-5 py-3">Zona</th>
+                <th scope="col" class="px-5 py-3">Tipo de árbol</th>
+                <th scope="col" class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($elements as $element) { ?>
-                <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">
                         <?= $element->elementType()->name; ?>
-                    </td>
-                    <td class="px-4 py-2 border-b">
+                    </th>
+                    <td class="px-5 py-4">
                         <?= $element->contract()->name; ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $element->zone()->name ?? 'Not on a predefined zone'; ?>
+                    <td class="px-5 py-4">
+                        <?= $element->zone()->name ?? 'No se encuentra en una zona predefinida'; ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
-                        <?= $element->treeType()->species ?? 'Not a tree'; ?>
+                    <td class="px-5 py-4">
+                        <?= $element->treeType()->species ?? '--'; ?>
                     </td>
-                    <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
+                    <td class="flex items-center px-5 py-4 space-x-4">
                         <a href="/admin/element/<?= htmlspecialchars($element->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="Edit">
+                            class="text-lime-600 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>
-                        <!-- Delete Button (Trash Icon) -->
-                        <a href="/admin/element/<?= htmlspecialchars($element->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this element?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                        <a href="/admin/element/<?= htmlspecialchars(string: $element->getId()); ?>/delete"
+                            onclick="return confirm('¿Desea eliminar el elemento <?= htmlspecialchars($element->elementType()->name); ?>?');"
+                            class="text-red-600 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"
diff --git a/app/src/app/Views/Admin/Inventory.php b/app/src/app/Views/Admin/Inventory.php
index 53fc6e1..e60b8fc 100644
--- a/app/src/app/Views/Admin/Inventory.php
+++ b/app/src/app/Views/Admin/Inventory.php
@@ -1 +1 @@
-Mapa inventari de l'aplicació
+Mapa inventario de la aplicación
diff --git a/app/src/app/Views/Admin/TaskType/Create.php b/app/src/app/Views/Admin/TaskType/Create.php
index 00358da..b48bc84 100644
--- a/app/src/app/Views/Admin/TaskType/Create.php
+++ b/app/src/app/Views/Admin/TaskType/Create.php
@@ -1,30 +1,27 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/task-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Task Types</span>
+        <span>Volver a tipos de tarea</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 TaskType</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo tipo de tarea</h2>
     <form action="/admin/task-types/store" method="POST" class="space-y-6">
 
-        <!-- Name -->
         <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>
 
-        <!-- Submit 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">
-                Create
+                Crear
             </button>
         </div>
     </form>
diff --git a/app/src/app/Views/Admin/TaskType/Edit.php b/app/src/app/Views/Admin/TaskType/Edit.php
index 64bb4b2..27fe260 100644
--- a/app/src/app/Views/Admin/TaskType/Edit.php
+++ b/app/src/app/Views/Admin/TaskType/Edit.php
@@ -1,30 +1,25 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/task-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 TaskType</span>
+        <span>Volver a tipos de tarea</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 TaskType</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando tipo de tarea</h2>
     <form action="/admin/task-types/<?= htmlspecialchars($task_type->getId()); ?>/update" method="POST"
         class="space-y-6">
-
-        <!-- Name -->
         <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">TaskType 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($task_type->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>
-
-        <!-- Submit 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">
-                Update TaskType
+                Actualizar
             </button>
         </div>
     </form>
diff --git a/app/src/app/Views/Admin/TaskTypes.php b/app/src/app/Views/Admin/TaskTypes.php
index e9b1005..70e5304 100644
--- a/app/src/app/Views/Admin/TaskTypes.php
+++ b/app/src/app/Views/Admin/TaskTypes.php
@@ -1,37 +1,35 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/task-types/create" class="btn-create">
-        New task type
+        Nuevo tipo de tarea
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Name</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">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($task_types as $task_type) { ?>
-                <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">
                         <?= $task_type->name; ?>
-                    </td>
-                    <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
+                    </th>
+                    <td class="flex items-center px-5 py-4 space-x-4">
                         <a href="/admin/task-types/<?= htmlspecialchars($task_type->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="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>
-                        <!-- Delete Button (Trash Icon) -->
                         <a href="/admin/task-types/<?= htmlspecialchars($task_type->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this user?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                            onclick="return confirm('¿Desea eliminar el tipo de tarea <?= htmlspecialchars($task_type->name); ?>');"
+                            class="text-red-600 hover:scale-110" title="Eliminar">
                             <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"
diff --git a/app/src/app/Views/Admin/TreeType/Create.php b/app/src/app/Views/Admin/TreeType/Create.php
index 4fe687c..250e124 100644
--- a/app/src/app/Views/Admin/TreeType/Create.php
+++ b/app/src/app/Views/Admin/TreeType/Create.php
@@ -1,48 +1,42 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/tree-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Tree Types</span>
+        <span>Volver a tipos de árbol</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 Tree Type</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo tipo de árbol</h2>
 
     <form id="treeTypeForm" action="/admin/tree-type/store" 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>
-
-        <!-- Family -->
         <div>
-            <label for="family" class="block text-sm font-medium text-gray-700 mb-1">Family</label>
+            <label for="family" class="block text-sm font-medium text-gray-700 mb-1">Familia</label>
             <input type="text" id="family" name="family"
                 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>
-
-        <!-- Genus -->
         <div>
-            <label for="genus" class="block text-sm font-medium text-gray-700 mb-1">Genus</label>
+            <label for="genus" class="block text-sm font-medium text-gray-700 mb-1">Género</label>
             <input type="text" id="genus" name="genus"
                 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>
-
-        <!-- Species -->
         <div>
-            <label for="species" class="block text-sm font-medium text-gray-700 mb-1">Species</label>
+            <label for="species" class="block text-sm font-medium text-gray-700 mb-1">Especie</label>
             <input type="text" id="species" name="species"
                 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>
 
-        <!-- Submit Button -->
-        <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>
\ No newline at end of file
diff --git a/app/src/app/Views/Admin/TreeType/Edit.php b/app/src/app/Views/Admin/TreeType/Edit.php
index ee841dc..b416960 100644
--- a/app/src/app/Views/Admin/TreeType/Edit.php
+++ b/app/src/app/Views/Admin/TreeType/Edit.php
@@ -1,47 +1,39 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/tree-types" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Tree Types</span>
+        <span>Volver a tipos de árbol</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 Tree Type</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando tipo de árbol</h2>
 
     <form id="treeTypeForm" action="/admin/tree-type/<?= htmlspecialchars($tree_type->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>
-
-        <!-- Family -->
         <div>
-            <label for="family" class="block text-sm font-medium text-gray-700 mb-1">Tree Type Name</label>
+            <label for="family" class="block text-sm font-medium text-gray-700 mb-1">Familia</label>
             <input type="text" id="family" name="family" value="<?= htmlspecialchars($tree_type->family); ?>"
                 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>
-
-        <!-- Genus -->
         <div>
-            <label for="genus" class="block text-sm font-medium text-gray-700 mb-1">Genus</label>
+            <label for="genus" class="block text-sm font-medium text-gray-700 mb-1">Género</label>
             <input type="text" id="genus" name="genus" value="<?= htmlspecialchars($tree_type->genus); ?>"
                 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>
-
-        <!-- Species -->
         <div>
-            <label for="species" class="block text-sm font-medium text-gray-700 mb-1">Species</label>
+            <label for="species" class="block text-sm font-medium text-gray-700 mb-1">Especie</label>
             <input type="text" id="species" name="species" value="<?= htmlspecialchars($tree_type->species); ?>"
                 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>
-
-
-        <!-- Submit Button -->
-        <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 Tree Type
-        </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>
\ No newline at end of file
diff --git a/app/src/app/Views/Admin/TreeTypes.php b/app/src/app/Views/Admin/TreeTypes.php
index 429bf2d..ab8dd0b 100644
--- a/app/src/app/Views/Admin/TreeTypes.php
+++ b/app/src/app/Views/Admin/TreeTypes.php
@@ -1,45 +1,43 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/tree-type/create" class="btn-create">
-        New tree type
+        Nuevo tipo de árbol
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Family</th>
-                <th class="px-4 py-2">Genus</th>
-                <th class="px-4 py-2">Species</th>
-                <th class="actions-column">Actions</th>
+                <th scope="col" class="px-5 py-3">Familia</th>
+                <th scope="col" class="px-5 py-3">Género</th>
+                <th scope="col" class="px-5 py-3">Especie</th>
+                <th scope="col" class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($tree_types as $tree_type) { ?>
-                <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">
                         <?= $tree_type->family; ?>
-                    </td>
-                    <td class="px-4 py-2 border-b">
+                    </th>
+                    <td class="px-5 py-4">
                         <?= $tree_type->genus; ?>
                     </td>
-                    <td class="px-4 py-2 border-b">
+                    <td class="px-5 py-4">
                         <?= $tree_type->species; ?>
                     </td>
-                    <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
+                    <td class="flex items-center px-5 py-4 space-x-4">
                         <a href="/admin/tree-type/<?= htmlspecialchars($tree_type->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="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>
-                        <!-- Delete Button (Trash Icon) -->
                         <a href="/admin/tree-type/<?= htmlspecialchars($tree_type->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this tree type?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                            onclick="return confirm('¿Desea eliminar el tipo de árbol <?= htmlspecialchars($tree_type->species); ?>');"
+                            class="text-red-600 hover:scale-110" title="Eliminar">
                             <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"
diff --git a/app/src/app/Views/Admin/User/Create.php b/app/src/app/Views/Admin/User/Create.php
index 64e40c9..e79b073 100644
--- a/app/src/app/Views/Admin/User/Create.php
+++ b/app/src/app/Views/Admin/User/Create.php
@@ -1,51 +1,31 @@
 <div class="mb-4 flex justify-end">
-    <a href="/zones" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
+    <a href="/admin/users" class="btn-create flex items-center space-x-2">
         <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 Zones</span>
+        <span>Volver a usuarios</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 Zone</h2>
-    <form action="/zone/store" method="POST" class="space-y-6">
-
-        <!-- Name -->
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nuevo usuario</h2>
+    <form action="/admin/user/store" method="POST" class="space-y-6">
         <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>
-
-        <!-- Postal Code -->
         <div>
-            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Postal Code</label>
+            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Código postal</label>
             <input type="text" id="postal_code" name="postal_code"
                 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>
-
-        <!-- Point ID -->
-        <div>
-            <label for="point_id" class="block text-sm font-medium text-gray-700 mb-1">Point</label>
-            <select id="point_id" name="point_id"
-                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>
-                <option value="" disabled selected>Select Point</option>
-                <option value="1">Point 1</option>
-                <option value="2">Point 2</option>
-                <option value="3">Point 3</option>
-            </select>
-        </div>
-
-        <!-- Submit 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">
-                Create
+                Crear
             </button>
         </div>
     </form>
diff --git a/app/src/app/Views/Admin/User/Edit.php b/app/src/app/Views/Admin/User/Edit.php
index 3a1d62f..b2a609c 100644
--- a/app/src/app/Views/Admin/User/Edit.php
+++ b/app/src/app/Views/Admin/User/Edit.php
@@ -1,72 +1,57 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/users" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Users</span>
+        <span>Volver a usuarios</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 User</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando usuario</h2>
     <form action="/admin/user/<?= htmlspecialchars($user->getId()); ?>/update" method="POST" class="space-y-6">
-
-        <!-- Company -->
         <div>
-            <label for="company" class="block text-sm font-medium text-gray-700 mb-1">Company</label>
+            <label for="company" class="block text-sm font-medium text-gray-700 mb-1">Compañía</label>
             <input type="text" id="company" name="company" value="<?= htmlspecialchars($user->company); ?>"
                 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>
-
-        <!-- Name -->
         <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($user->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>
-
-        <!-- DNI -->
         <div>
-            <label for="dni" class="block text-sm font-medium text-gray-700 mb-1">DNI</label>
+            <label for="dni" class="block text-sm font-medium text-gray-700 mb-1">Documento identificativo</label>
             <input type="text" id="dni" name="dni" value="<?= htmlspecialchars($user->dni); ?>"
                 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>
-
-        <!-- Email -->
         <div>
-            <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
+            <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Correo electrónico</label>
             <input type="email" id="email" name="email" value="<?= htmlspecialchars($user->email); ?>"
                 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>
-
-        <!-- Role -->
         <div>
-            <label for="role" class="block text-sm font-medium text-gray-700 mb-1">Role</label>
+            <label for="role" class="block text-sm font-medium text-gray-700 mb-1">Función</label>
             <select id="role" name="role"
                 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">
-                <option value="1" <?= $user->role == 1 ? 'selected' : ''; ?>>Admin
-                </option>
-                <option value="2" <?= $user->role == 2 ? 'selected' : ''; ?>>User
-                </option>
-                <option value="3" <?= $user->role == 3 ? 'selected' : ''; ?>>Guest
-                </option>
+                <?php for ($i = 0; $i <= 2; $i++): ?>
+                    <option value="<?= $i; ?>" <?= $user->role == $i ? 'selected' : ''; ?>>
+                        <?= $user->role_name($i); ?>
+                    </option>
+                <?php endfor; ?>
             </select>
         </div>
-
-        <!-- Password -->
         <div>
-            <label for="password" class="block text-sm font-medium text-gray-700 mb-1">Password</label>
-            <input type="password" id="password" name="password" placeholder="Leave blank to keep current password"
+            <label for="password" class="block text-sm font-medium text-gray-700 mb-1">Contraseña</label>
+            <input type="password" id="password" name="password"
+                placeholder="Dejar en blanco para mantener la contraseña actual"
                 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>
-
-        <!-- Submit 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">
-                Update User
+                Actualizar
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/Users.php b/app/src/app/Views/Admin/Users.php
index e3d7c58..0a95fa5 100644
--- a/app/src/app/Views/Admin/Users.php
+++ b/app/src/app/Views/Admin/Users.php
@@ -1,53 +1,47 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/user/create" class="btn-create">
-        New user
+        Nuevo usuario
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Company</th>
-                <th class="px-4 py-2">Name</th>
-                <th class="px-4 py-2">DNI</th>
-                <th class="px-4 py-2">Email</th>
-                <th class="px-4 py-2">Role Name</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">Compañía</th>
+                <th scope="col" class="px-5 py-3">Correo electrónico</th>
+                <th scope="col" class="px-5 py-3">Función</th>
+                <th scope="col" class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($users as $user) { ?>
-                <tr class="hover:bg-blue-50">
-                    <td class="px-4 py-3 border-b">
-                        <?= htmlspecialchars($user->company); ?>
-                    </td>
-                    <td class="px-4 py-3 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">
                         <?= htmlspecialchars($user->name . ' ' . $user->surname); ?>
+                    </th>
+                    <td class="px-5 py-4">
+                        <?= htmlspecialchars($user->company); ?>
                     </td>
-                    <td class="px-4 py-3 border-b">
-                        <?= htmlspecialchars($user->dni); ?>
-                    </td>
-                    <td class="px-4 py-3 border-b">
+                    <td class="px-5 py-4">
                         <?= htmlspecialchars($user->email); ?>
                     </td>
-                    <td class="px-4 py-3 border-b">
-                        <?= htmlspecialchars($user->role); ?>
+                    <td class="px-5 py-4">
+                        <?= htmlspecialchars($user->role_name($user->role)); ?>
                     </td>
-                    <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
+                    <td class="flex items-center px-5 py-4 space-x-4">
                         <a href="/admin/user/<?= htmlspecialchars($user->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="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>
-                        <!-- Delete Button (Trash Icon) -->
                         <a href="/admin/user/<?= htmlspecialchars($user->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this user?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                            onclick="return confirm('¿Desea eliminar el usuario <?= htmlspecialchars($user->name . ' ' . $user->surname); ?>?');"
+                            class="text-red-600 hover:scale-110" title="Eliminar">
                             <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"
diff --git a/app/src/app/Views/Admin/WorkOrder/Create.php b/app/src/app/Views/Admin/WorkOrder/Create.php
index 0473b32..55a98d6 100644
--- a/app/src/app/Views/Admin/WorkOrder/Create.php
+++ b/app/src/app/Views/Admin/WorkOrder/Create.php
@@ -1,65 +1,23 @@
-<?php
-$zones = [];
-$tasks = [];
-$workers = [];
-
-foreach ($workOrders as $workOrder) {
-    foreach ($workOrder->tasks() as $task) {
-        foreach ($task->zones() as $zone) {
-            $zones[] = $zone->name;
-        }
-        foreach ($task->taskTypes() as $task_type) {
-            $tasks[] = $task_type->name;
-        }
-        foreach ($task->workers() as $worker) {
-            $workers[] = $worker->name;
-        }
-    }
-}
-
-$zones = array_unique($zones);
-$tasks = array_unique($tasks);
-$workers = array_unique($workers);
-?>
-
 <div class="mb-4 flex justify-end">
     <a href="/admin/work-orders"
         class="bg-green-500 hover:bg-green-600 text-white font-medium py-2 px-4 rounded-lg shadow focus:outline-none focus:ring focus:ring-green-500 flex items-center space-x-2">
-        <!-- Icon to return(chevron-left) -->
         <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 Work Orders</span>
+        <span>Volver a órdenes de trabajo</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 Work Order</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Crear nueva órden de trabajo</h2>
     <form action="/admin/work-order/store" method="POST" class="space-y-6">
-
         <div>
-            <label for="contract_id" class="block text-sm font-medium text-gray-700 mb-1">Contrato</label>
-            <select id="contract_id" name="contract_id"
-                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>
-                <option value="" disabled selected>Selecciona un contrato</option>
-                <?php foreach ($workOrders as $workOrder): ?>
-                    <option value="<?= htmlspecialchars($workOrder->contract()->name) ?>">
-                        <?= htmlspecialchars($workOrder->contract()->name) ?>
-                    </option>
-                <?php endforeach; ?>
-            </select>
-        </div>
-
-        <div>
-            <label for="date" class="block text-sm font-medium text-gray-700 mb-1">Data</label>
+            <label for="date" class="block text-sm font-medium text-gray-700 mb-1">Fecha</label>
             <input type="date" id="date" name="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>
 
-
-        <!-- dynamic table -->
         <div>
             <div class="mt-4 flex justify-end">
                 <button id="addRow"
@@ -68,83 +26,86 @@ class="bg-green-500 hover:bg-green-600 text-white font-medium py-2 px-4 rounded
                 </button>
             </div>
 
-            <table id="workOrderTable" class="min-w-full border border-gray-300 rounded-lg">
-                <thead class="bg-gray-100">
-                    <tr>
-                        <th class="border px-4 py-2">Zones</th>
-                        <th class="border px-4 py-2">Tasques</th>
-                        <th class="border px-4 py-2">Workers</th>
-                        <th class="border px-4 py-2">Notes</th>
-                        <th class="border px-4 py-2">Action</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td class="border px-4 py-2">
-                            <input type="text" name="zones[]" id="zonesDisplay_0"
-                                class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
-                                onclick="openModal('zonesDisplay_0', data.zones)">
-                        </td>
-                        <td class="border px-4 py-2">
-                            <input type="text" name="tasks[]" id="tasksDisplay_0"
-                                class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
-                                onclick="openModal('tasksDisplay_0', data.tasks)">
-                        </td>
-                        <td class="border px-4 py-2">
-                            <input type="text" name="workers[]" id="workersDisplay_0"
-                                class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
-                                onclick="openModal('workersDisplay_0', data.workers)">
-                        </td>
-
-                        <td class="border px-4 py-2">
-                            <input type="text" name="notes[]" class="w-full px-2 py-1 border rounded-lg">
-                        </td>
-                        <td class="border px-4 py-2 text-center">
-                            <button type="button" class="bg-red-500 text-white px-2 py-1 rounded"
-                                onclick="removeRow(this)">Eliminar</button>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
+            <div class="relative overflow-x-auto scrollbar-none shadow-md sm:rounded-lg">
+                <table id="workOrderTable" class="w-full text-sm text-left rtl:text-right text-gray-500">
+                    <thead class="bg-neutral-700 text-white uppercase">
+                        <tr>
+                            <th scope="col" class="px-5 py-3">Zonas</th>
+                            <th scope="col" class="px-5 py-3">Tareas</th>
+                            <th scope="col" class="px-5 py-3">Operarios</th>
+                            <th scope="col" class="px-5 py-3">Notas</th>
+                            <th scope="col" class="px-5 py-3">Acciones</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr class="border-b hover:bg-gray-50">
+                            <td class="px-5 py-4">
+                                <input type="text" name="zones[]" id="zonesDisplay_0"
+                                    class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
+                                    onclick="openModal('zonesDisplay_0', data.zones)">
+                            </td>
+                            <td class="px-5 py-4">
+                                <input type="text" name="tasks[]" id="tasksDisplay_0"
+                                    class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
+                                    onclick="openModal('tasksDisplay_0', data.tasks)">
+                            </td>
+                            <td class="px-5 py-4">
+                                <input type="text" name="workers[]" id="workersDisplay_0"
+                                    class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
+                                    onclick="openModal('workersDisplay_0', data.workers)">
+                            </td>
 
+                            <td class="px-5 py-4">
+                                <input type="text" name="notes[]" class="w-full px-2 py-1 border rounded-lg">
+                            </td>
+                            <td class="px-5 py-4 text-center">
+                                <button type="button" class="bg-red-500 text-white px-2 py-1 rounded hover:scale-110"
+                                    onclick="removeRow(this)">
+                                    <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>
+                                </button>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
         </div>
 
         <div id="selectionModal"
             class="fixed inset-0 bg-gray-900 bg-opacity-50 flex justify-center items-center hidden z-50">
             <div class="bg-white w-96 rounded-lg shadow-lg">
                 <div class="p-4 border-b border-gray-300 flex justify-between items-center">
-                    <h2 class="text-lg font-semibold text-gray-700">Seleccionar Opciones</h2>
+                    <h2 class="text-lg font-semibold text-gray-700">Seleccionar opciones</h2>
 
                 </div>
                 <div class="p-4">
-                    <ul id="modalOptions" class="space-y-2">
-                        <!--Options will be dynamically added here -->
-                    </ul>
+                    <ul id="modalOptions" class="space-y-2"></ul>
                 </div>
                 <div class="p-4 border-t border-gray-300 flex justify-end">
-                    <button onclick="applySelection()"
+                    <button type="button" onclick="applySelection()"
                         class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600">Aplicar</button>
-                    <button onclick="closeModal()"
+                    <button type="button" onclick="closeModal()"
                         class="bg-gray-500 text-white px-4 py-2 rounded hover:bg-gray-600 ml-2">Cancelar</button>
                 </div>
             </div>
         </div>
 
-        <!-- Scripts JS -->
-        <script>
-            const data = {
-                zones: <?= json_encode($zones); ?>,
-                tasks: <?= json_encode($tasks); ?>,
-                workers: <?= json_encode($workers); ?>
-            };
-        </script>
-
-        <!-- Submit 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">
-                Create
+                Crear
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+    const data = {
+        zones: <?= json_encode($zones); ?>,
+        tasks: <?= json_encode($task_types); ?>,
+        workers: <?= json_encode($users); ?>
+    };
+</script>
\ No newline at end of file
diff --git a/app/src/app/Views/Admin/WorkOrders.php b/app/src/app/Views/Admin/WorkOrders.php
index 4e515a0..b2b9f7f 100644
--- a/app/src/app/Views/Admin/WorkOrders.php
+++ b/app/src/app/Views/Admin/WorkOrders.php
@@ -1,44 +1,40 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/work-order/create" class="btn-create">
-        New work order
+        Nueva órden de trabajo
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Contracte</th>
-                <th class="px-4 py-2">Data</th>
-                <th class="px-4 py-2">Zones</th>
-                <th class="px-4 py-2">Tasca</th>
-                <th class="px-4 py-2">Operaris</th>
-                <th class="px-4 py-2">Notes</th>
-                <th class="actions-column">Actions</th>
+                <th scope="col" class="px-5 py-3">Fecha</th>
+                <th scope="col" class="px-5 py-3">Zonas</th>
+                <th scope="col" class="px-5 py-3">Tareas</th>
+                <th scope="col" class="px-5 py-3">Operarios</th>
+                <th scope="col" class="px-5 py-3">Notas</th>
+                <th scope="col" class="px-5 py-3">Acciones</th>
             </tr>
         </thead>
         <tbody>
-            <?php foreach ($workOrders as $workOrder) { ?>
-                <?php foreach ($workOrder->tasks() as $task) { ?>
-                    <tr class="border-b hover:bg-gray-100">
-                        <td class="py-2 px-4">
-                            <?= $workOrder->contract()->name; ?>
-                        </td>
-                        <td class="py-2 px-4">
-                            <?= $workOrder->getCreatedAt(); ?>
-                        </td>
-                        <td class="py-2 px-4">
+            <?php foreach ($work_orders as $work_order) { ?>
+                <?php foreach ($work_order->tasks() as $task) { ?>
+                    <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">
+                            <?= $work_order->getCreatedAt(); ?>
+                        </th>
+                        <td class="px-5 py-4">
                             <?php
                             $zoneNames = [];
                             foreach ($task->zones() as $zone)
-                                $zoneNames[] = $zone->predefined()->name ?? 'Not on a predefined zone';
+                                $zoneNames[] = $zone->name ?? 'No se encuentra en una zona predefinida';
                             echo implode(', ', $zoneNames);
                             ?>
                         </td>
-                        <td class="py-2 px-4">
+                        <td class="px-5 py-4">
                             <?= $task->taskType()->name; ?>
                         </td>
-                        <td class="py-2 px-4">
+                        <td class="px-5 py-4">
                             <?php
                             $users = [];
                             foreach ($task->users() as $user)
@@ -46,23 +42,21 @@
                             echo implode(', ', $users);
                             ?>
                         </td>
-                        <td class="py-2 px-4"><?= $task->notes; ?>
+                        <td class="px-5 py-4">
+                            <?= $task->notes; ?>
                         </td>
-
-                        <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                            <!-- Edit Button (Pencil Icon) -->
-                            <a href="/admin/work-order/<?= htmlspecialchars($workOrder->getId()); ?>/edit"
-                                class="text-blue-500 hover:text-blue-700" title="Edit">
+                        <td class="flex items-center px-5 py-4 space-x-4">
+                            <a href="/admin/work-order/<?= htmlspecialchars($work_order->getId()); ?>/edit"
+                                class="text-lime-600 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>
-                            <!-- Delete Button (Trash Icon) -->
-                            <a href="/admin/work-order/<?= htmlspecialchars($workOrder->getId()); ?>/delete"
-                                onclick="return confirm('Are you sure you want to delete this work order?');"
-                                class="text-red-500 hover:text-red-700" title="Delete">
+                            <a href="/admin/work-order/<?= htmlspecialchars($work_order->getId()); ?>/delete"
+                                onclick="return confirm('¿Desea eliminar la órden de trabajo <?= htmlspecialchars($work_order->getCreatedAt()); ?>');"
+                                class="text-red-600 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"
diff --git a/app/src/app/Views/Admin/Zone/Create.php b/app/src/app/Views/Admin/Zone/Create.php
index 863e488..b574be3 100644
--- a/app/src/app/Views/Admin/Zone/Create.php
+++ b/app/src/app/Views/Admin/Zone/Create.php
@@ -1,44 +1,35 @@
 <div class="mb-4 flex justify-end">
     <a href="/zones" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Zones</span>
+        <span>Volver a zonas</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 Zone</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Creando nueva zona</h2>
     <form action="/zone/store" method="POST" class="space-y-6">
-
-        <!-- Name -->
         <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>
-
-        <!-- Postal Code -->
         <div>
-            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Postal Code</label>
+            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Código postal</label>
             <input type="text" id="postal_code" name="postal_code"
                 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>
-
-        <!-- Point ID -->
-        <div>
+        <!-- <div>
             <label for="point_id" class="block text-sm font-medium text-gray-700 mb-1">Points</label>
             <p>Editor not implemented</p>
-        </div>
-
-        <!-- Submit Button -->
+        </div> -->
         <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">
-                Create
+                Crear
             </button>
         </div>
     </form>
diff --git a/app/src/app/Views/Admin/Zone/Edit.php b/app/src/app/Views/Admin/Zone/Edit.php
index 96ea491..5ac2be7 100644
--- a/app/src/app/Views/Admin/Zone/Edit.php
+++ b/app/src/app/Views/Admin/Zone/Edit.php
@@ -1,42 +1,34 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/zones" class="btn-create flex items-center space-x-2">
-        <!-- Heroicon for return/back (chevron-left) -->
         <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 Zones</span>
+        <span>Volver a zonas</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 Zone</h2>
+    <h2 class="text-2xl font-semibold text-gray-800 mb-6">Editando zona</h2>
     <form action="/admin/zone/<?= htmlspecialchars($zone->getId()); ?>/update" method="POST" class="space-y-6">
-
-        <!-- Name -->
         <div>
-            <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Zone 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($zone->predefined()->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>
-
-        <!-- Postal Code -->
         <div>
-            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Postal Code</label>
+            <label for="postal_code" class="block text-sm font-medium text-gray-700 mb-1">Código postal</label>
             <input type="text" id="postal_code" name="postal_code" value="<?= htmlspecialchars($zone->postal_code); ?>"
                 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>
+        <!-- <div>
             <label for="point_id" class="block text-sm font-medium text-gray-700 mb-1">Points</label>
             <p>Editor not implemented</p>
-        </div>
-
-        <!-- Submit Button -->
+        </div> -->
         <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">
-                Update Zone
+                Actualizar
             </button>
         </div>
     </form>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/app/Views/Admin/Zones.php b/app/src/app/Views/Admin/Zones.php
index b6f46b2..798f837 100644
--- a/app/src/app/Views/Admin/Zones.php
+++ b/app/src/app/Views/Admin/Zones.php
@@ -1,37 +1,35 @@
 <div class="mb-4 flex justify-end">
     <a href="/admin/zone/create" class="btn-create">
-        New zone
+        Nueva zona
     </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="bg-neutral-700 text-white uppercase">
             <tr>
-                <th class="px-4 py-2">Name</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">Acciones</th>
             </tr>
         </thead>
         <tbody>
             <?php foreach ($zones as $zone) { ?>
-                <tr class="hover:bg-blue-50">
-                    <td class="px-4 py-3 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">
                         <?= htmlspecialchars($zone->name); ?>
-                    </td>
-                    <td class="px-4 py-3 border-b text-center flex justify-center space-x-4">
-                        <!-- Edit Button (Pencil Icon) -->
+                    </th>
+                    <td class="flex items-center px-5 py-4 space-x-4">
                         <a href="/admin/zone/<?= htmlspecialchars($zone->getId()); ?>/edit"
-                            class="text-blue-500 hover:text-blue-700" title="Edit">
+                            class="text-lime-600 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>
-                        <!-- Delete Button (Trash Icon) -->
                         <a href="/admin/zone/<?= htmlspecialchars($zone->getId()); ?>/delete"
-                            onclick="return confirm('Are you sure you want to delete this user?');"
-                            class="text-red-500 hover:text-red-700" title="Delete">
+                            onclick="return confirm('¿Desea eliminar la zona <?= htmlspecialchars($zone->name); ?>?');"
+                            class="text-red-600 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"
@@ -43,4 +41,4 @@ class="text-red-500 hover:text-red-700" title="Delete">
             <?php } ?>
         </tbody>
     </table>
-</div>
\ No newline at end of file
+</div>
diff --git a/app/src/public/assets/js/app.js b/app/src/public/assets/js/app.js
index fce150c..0774651 100644
--- a/app/src/public/assets/js/app.js
+++ b/app/src/public/assets/js/app.js
@@ -275,34 +275,38 @@ document.getElementById("addRow").addEventListener("click", addRow);
 function addRow(event) {
     event.preventDefault();
 
-    const table = document
-        .getElementById("workOrderTable")
-        .getElementsByTagName("tbody")[0];
+    const table = document.getElementById("workOrderTable");
     const newRow = table.insertRow();
     rowIndex++;
 
     newRow.innerHTML = `
-    <td class="border px-4 py-2">
+    <td class="px-5 py-4">
         <input type="text" name="zones[]" id="zonesDisplay_${rowIndex}"
             class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
             onclick="openModal('zonesDisplay_${rowIndex}', data.zones)">
     </td>
-    <td class="border px-4 py-2">
+    <td class="px-5 py-4">
         <input type="text" name="tasks[]" id="tasksDisplay_${rowIndex}"
             class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
             onclick="openModal('tasksDisplay_${rowIndex}', data.tasks)">
     </td>
-    <td class="border px-4 py-2">
+    <td class="px-5 py-4">
         <input type="text" name="workers[]" id="workersDisplay_${rowIndex}"
             class="w-full px-2 py-1 border rounded-lg bg-gray-100 cursor-pointer" readonly
             onclick="openModal('workersDisplay_${rowIndex}', data.workers)">
     </td>
-    <td class="border px-4 py-2">
+    <td class="px-5 py-4">
         <input type="text" name="notes[]" class="w-full px-2 py-1 border rounded-lg">
     </td>
-    <td class="border px-4 py-2 text-center">
-        <button type="button" class="bg-red-500 text-white px-2 py-1 rounded"
-            onclick="removeRow(this)">Eliminar</button>
+    <td class="px-5 py-4 text-center">
+        <button type="button" class="bg-red-500 text-white px-2 py-1 rounded hover:scale-110"
+            onclick="removeRow(this)">
+            <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>
+        </button>
     </td>
     `;
 }
diff --git a/app/src/public/assets/js/tailwind.js b/app/src/public/assets/js/tailwind.js
index 72451a3..1c7bed0 100644
--- a/app/src/public/assets/js/tailwind.js
+++ b/app/src/public/assets/js/tailwind.js
@@ -5,7 +5,6 @@ tailwind.config = {
                 darkGreen: "#008037",
                 lightGreen: "#7FD959",
                 black: "#222222",
-                red: "#FF0000",
             },
             fontFamily: {
                 sans: ["Poppins", "sans-serif"],