From ee4b48354d1705eb89b3618f3d37e250857e2713 Mon Sep 17 00:00:00 2001
From: jon ander <jonander2233@gmail.com>
Date: Wed, 2 Apr 2025 20:32:57 +0200
Subject: [PATCH] Fix user management routes, enhance user management page with
 a table, and add CSS for styling

---
 .../controllers/UserController.java           |  15 ++++-
 .../services/UserDetailsServiceImpl.java      |   2 +-
 .../services/UserService.java                 |   7 ++-
 .../{ => db}/Inventario_bueno_v1.sql          |   0
 src/main/resources/db/Modelo_Inventario.mwb   | Bin 0 -> 13889 bytes
 src/main/resources/static/css/table_style.css |  54 ++++++++++++++++++
 src/main/resources/templates/management.html  |   4 +-
 .../resources/templates/user_management.html  |  42 +++++++-------
 8 files changed, 98 insertions(+), 26 deletions(-)
 rename src/main/resources/{ => db}/Inventario_bueno_v1.sql (100%)
 create mode 100644 src/main/resources/db/Modelo_Inventario.mwb
 create mode 100644 src/main/resources/static/css/table_style.css

diff --git a/src/main/java/com/ieslamar/GestionInventario/controllers/UserController.java b/src/main/java/com/ieslamar/GestionInventario/controllers/UserController.java
index 3982f37..e4646ad 100644
--- a/src/main/java/com/ieslamar/GestionInventario/controllers/UserController.java
+++ b/src/main/java/com/ieslamar/GestionInventario/controllers/UserController.java
@@ -1,16 +1,20 @@
 package com.ieslamar.GestionInventario.controllers;
 
 
+import com.ieslamar.GestionInventario.entities.User;
 import com.ieslamar.GestionInventario.services.UserService;
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestParam;
+import java.util.List;
 
 @Controller
 public class UserController {
 
+
     private final UserService userService;
 
     public UserController(UserService userService) {
@@ -42,8 +46,15 @@ public class UserController {
     public String managementPage(){
         return "management";
     }
-    @GetMapping("/user_managemment")
-    public String userManagementPage(){
+//    @GetMapping("/user_management")
+//    public String userManagementPage(){
+//        return "user_management";
+//    }
+
+    @GetMapping("/user_management")
+    public String listUsers(Model model) {
+        List<User> users = userService.getAllUsers();
+        model.addAttribute("users", users);
         return "user_management";
     }
 
diff --git a/src/main/java/com/ieslamar/GestionInventario/services/UserDetailsServiceImpl.java b/src/main/java/com/ieslamar/GestionInventario/services/UserDetailsServiceImpl.java
index 13431c5..1c10255 100644
--- a/src/main/java/com/ieslamar/GestionInventario/services/UserDetailsServiceImpl.java
+++ b/src/main/java/com/ieslamar/GestionInventario/services/UserDetailsServiceImpl.java
@@ -9,6 +9,7 @@ import org.springframework.security.core.userdetails.UsernameNotFoundException;
 import org.springframework.security.core.authority.SimpleGrantedAuthority;
 import org.springframework.stereotype.Service;
 import java.util.Collections;
+import java.util.List;
 
 @Service
 public class UserDetailsServiceImpl implements UserDetailsService {
@@ -23,7 +24,6 @@ public class UserDetailsServiceImpl implements UserDetailsService {
     public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
         User user = userRepository.findByNombre(username)
                 .orElseThrow(() -> new UsernameNotFoundException("Usuario no encontrado"));
-
         return new org.springframework.security.core.userdetails.User(
                 user.getNombre(),
                 user.getPassword(),
diff --git a/src/main/java/com/ieslamar/GestionInventario/services/UserService.java b/src/main/java/com/ieslamar/GestionInventario/services/UserService.java
index 2ca58e9..f49529f 100644
--- a/src/main/java/com/ieslamar/GestionInventario/services/UserService.java
+++ b/src/main/java/com/ieslamar/GestionInventario/services/UserService.java
@@ -3,12 +3,14 @@ package com.ieslamar.GestionInventario.services;
 import com.ieslamar.GestionInventario.entities.Role;
 import com.ieslamar.GestionInventario.entities.User;
 import com.ieslamar.GestionInventario.repos.UserRepository;
+import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.security.crypto.password.PasswordEncoder;
 import org.springframework.stereotype.Service;
 
+import java.util.List;
+
 @Service
 public class UserService {
-
     private final UserRepository userRepository;
     private final PasswordEncoder passwordEncoder;
 
@@ -25,4 +27,7 @@ public class UserService {
         user.setMail(mail);
         userRepository.save(user);
     }
+    public List<User> getAllUsers() {
+        return userRepository.findAll();
+    }
 }
diff --git a/src/main/resources/Inventario_bueno_v1.sql b/src/main/resources/db/Inventario_bueno_v1.sql
similarity index 100%
rename from src/main/resources/Inventario_bueno_v1.sql
rename to src/main/resources/db/Inventario_bueno_v1.sql
diff --git a/src/main/resources/db/Modelo_Inventario.mwb b/src/main/resources/db/Modelo_Inventario.mwb
new file mode 100644
index 0000000000000000000000000000000000000000..c2c05d69f12d25a462dce1c1c6ca9b95aa95bc13
GIT binary patch
literal 13889
zcmZ|01yClj)+UU+xVyXi3xm76!{F|NyE_c-J~)HBySoqW4uiWpEOYO-_5ZcCo9<M)
za+0o8r*lr8bDk*5fCJD$z(Aluc0&TRUP;0I))+xRl!(DWkU>B|OzezZY)oyP8ExE*
z7~O5G&wVtV@FbcJygp$e4)e@yWye~XVr(}?7V>{+FJkOpbSXrUDi#<R8XCtBxK8-x
z(EAri!U8P80|IA}SfEQ074{vwE={ucnLeLQS-r1ma{fRjUh6AN%edd<RDay1`m#^y
z>Bt|NV<jF_XMElRhP&Noa_%tmy?F&P^!4}s_@4J)?z(+_uVY8=_B{A6eB7_c3v!SY
zF5vQ+jz`M{I^C~R6;|xyyEXXOxjy+WCl&N24(7z{5QkQ%eV?Dz#$?=XW#skXU%uW1
zjuu)YOeiP~%#G8`h2HbGhoIQYBrW>f%BtB6?Ra!(!hXL8_@ad6-oh28;Hu6Ua<<~%
z)$NRDaA?sQ;q0?-gAj8dDk6{ol~oKf(X%;2<6KTLT63{QNOwVeC#pX^9m%{Yyb9N{
zT+P*Qk2SrEo{$`HD#E)%2dLC7k)Y~Job6b$he5%R^!Fdu7^?q5uI#hoZ5++&zq9f@
z8%C0*14dS|NZ*C7=~78OBUijx936VCF;KT4Ya#8v(T1GuGp*bi^LIX<=kFu!-<ca`
zeI%B9=u~b=YrOYAy+ZAcXZUGZINY2t3DAG`ZU_(|4iRxMl;;%P>f3eczxPe;m3)*t
z(!DYXpzqqLUA^mf81`DM4h255UF<0Yz1^-^>zoB7pFDQA<JHNPrLn8FzS#4%cN3+y
zt^2mV*}B%bJ~Ub14m+m4X2J#qsiRAR?(sh+fJl)*@wPlEqdS%Nz4-iLEZFrSzjUU_
zm-~F%Kk|I2-jTs`Q(Q0L&~m4e)Tu}0l%vn(w9jot2Qf12FkGe%Ua}%_Sfon2T|4(6
zdnlL3qnhY@L34ei6;NR8H%R+r&7!aB!tHFYzBq4W7z(VzY~YH{|2AfOm&V{1)^ySZ
znS5}pw(gi7b;}DR1tkd_8r;Q>3sc%=ULfBMMw+O|p@g5pI5&Kgj7R9t3&di8A8sEt
z;>Q+9%RKI^CY1Yw84YHokRLjxIwL}Mw5mb<+>JTIxK7K`{#=_tsW`^Ys_EOFcJL0S
z9!X{A()Jqpcs*{JPO}+ewzN0;^pe6qp(gNsjw~1R&OIj!$qvd?&%3G!9G2ne>M<;s
zgBCsasR7ceL{y-A1hc>OJx;EElQ$>(;Fd$iwKh$EL;^m)qhZuO4a54Nyrh1dw=UY+
zeG$((rOj4dYR)3*t(YQO-!cs=r#X6h`y%I&GQSUM<h7gefU4SHAM{x6);fE5@|Hn=
z?Pe3j87AK}{K8c(WThf)|JszshA_52;rfG{P;Ut*7(<sp_i-x6vjO13kfQ9z;Kv}Q
zbaA`H!aa36v!J=Ivk!T)lUcne8%;&k|B*3i-1sq`UeG%x3D?04LU##TC=7bc0BEyE
zV`c@~Z=(LN=Vd$$B1KRlLqzgtMfVH~B1TX`D?mzMZ8-`e1p5(2Mt*NA*>8+NdwzoF
zF)laB*|6ya5nKeX7z7qKrkKk*JS$103*O|bqB2A?NUfbePMM$V)8@_b{N}{pmFed`
zdtei|jE9jeo?@di8)6uqWXg=YrFpd*y0RKjav-xMshdSiYFI%RRgny<D1-rI@xAGl
zDeGX3D8K*alr8nkc-~7mk1CX1dxENZI6kQ23fcyHYtkvxuQmOkewWo{58h7ERP2*9
zewBAJW1$7jkvm7We!L@{1xe@yuTNWkz71kTH6Owv@>f%$!yCU>2SZn*oaxgr_=B!j
z*bB$vnqMm}qG!<anze`Un&9>r&y&~nqs!8a4^FkY9cI7bF+`*7$-EiSRlo~Y|5@Ex
zu=jU&px3uw)pw%zdLHh^T0)bDdyD4?YF^D%VVX>lAS%1pHlqBDk8{08mT3Y-kmF2n
zTJ|@zH-~t)T<1BlW*j+o>U-n2y{4+xd^vXVf5tt(1^L>5y3zZ!N3}`36iW6Kk*t?!
z=z_3HTJ^Vr(Vl>mhyg5wA)q6mqzJ;VEZkuIfuP&+Ac~^^e_e>4X#$XeC<;In^b<`6
zX1m)KvU~ERSq{}4rhiRE!Cs(95nJ;#x4-FtsB{eo?o0_ruQ+EPGYe_&&gOPaOCxsH
z+)L5-b`kNxj3u5R*uHw}tGiBFpUk%$zr~BxCA*KeZvD6CW|hy2sn63i|GDYET(0mO
zx7S7ucGH>iAs$XW^kn-jJuJ{vCAs*LP$ap^JEXX<;K4ObTG$~`@&+q>Tk*7s-ov)S
z#J8-^F{5r35J7vRN8YPo$SH|VI*KJ>$~r(ObQe&?NpRp0X)f=;GEYB&!f**eu<!vI
zx+?}O%qb%JY;Z7CaB#jg&^ji_v;dzJHU$C8ll5-TLG@eJz}&)8wPpAU_Djd}-)eb)
z^KpL@6~iL1{X^ULJ@z;^Y^xHBUJS;TM1xkg=y}@_Ke?6dhnqgH;WE3}R72j(se{0$
zqZQ5YyAYEdiRY>KQGzoJEy<xGm|PeQsx|9$2x?F302mij&HbsA`X@e3spos*$r=xy
zp8T%0A2ypIMqdM47lzT_lc+oJ1R03=WkU#fBwR&vUf?V;ahkBW;Tf10sYZ;k{5IFI
z&9t>hi(g)!4gDTF|1_eY_4-Y{9{&Z$LIKz*BU~3!N*`<YNU>Or!{@=N`o0kXhlpJ?
z`m&l~^?c0M1MFIpjqWxPI^Ka@kde*2vC%csx6C{KY{ZW&4u?WmoNmT%si&4VG>&7W
z-mOCJCx;ef`RdGc2bEn^>Y>wo_SC->JovE@50>O0ow@4iz+N9VPWA8FKdXwT3?5v$
zu}$YrDZ$%UO{4ELqM$ytRCSHMqt$3h4Xj2KBBJTCk(4(MR2;x)ottR0JwW1`>VCHm
zAFEhx`g3^kP0S3~#~&l72oEZ40uliLrB2n6#25NWK&|535h=@jBXSTX1Okgu3ONrZ
zNi>XSi6NowAg&`Rdu{N`s5Ek;-z=ig)!Qf{oaQ2m=Hubu-tYYY4^3=2j{4)FnTBHJ
z=UA1+CXo^g?&K%LOu^P?76)1E5%vh#emJk|Pu@k{(RSh_Np2fS13{oH$Y3A{3<j7i
z_d!xGE{=OzFzOB?s`MF#F)oTh<DkD~Wq?vINFEsK1RyX>KKRA}#<cV*te-OJYXGE4
z;fjPjdGu9{Q|U*JI)GV9uoVn2P1pS<0=(<#mPJ(Nv968`@9YI1?i{^?>fssUKN*rw
zHXV~ycE~_%4)*|u57R1j&{(Q!cLo%7&C5L&%-`Z%ndR2pMCiF@RFO8lDH(kyKj7wH
z&np=jyRoBEa|o@T@9o$nd@BeF@o>8ErPkRE90u;yt05LMTk#C(uq$YclPBAruTf<m
z*QQg-F={XaIHH+Ka(n}Rupg}<MLM97IZ_!f3JL~ErOES$nvOoDPfZ=Hc&nuaxOp()
zJ)}!|XwT>6Og5u*6bn<rp%iPPEIzTf)AywtAdp1f;<}n{z-^$-Td!@V&JX?RWUB6M
z(@Zg@8%e^G%?P{N8~;taUB0w;J@D(rF{QmbkFgjfRyul^n>gM^mDN{(Ku2$LVJxTG
zmlhoRu`^=sdADQnBsNxW_?@Hd`RY{?j%u#*W5P_Y72SR{Lsc`)<t@&UA37urR1#E_
z3HdcXo?E8hP<@<;<}y-ssjf)BZW2LPl%2;4>;TUvUD;IQblaWAuV|%I6h^_~cAM`V
z>wZih(m1UU6l^RRJjou3wGN#Vw__U~Phkfox%)1~eLemr6_b0f12AStpzEgYZ3GE8
zW)55i(5gI-|0%4**=X=~kk(#PS=Gwqwo^e#j47-n5Ir9+KmKbO_gJqMVUU8U_Q+j{
zPUZe#nKq3%2?G?AW)bW(8ssy514r#=MUz#@o^9a?4W0E$xvEKYr+%+b2@0W!=D}d~
z*bJl$4G-3UWHMD9;U)nUivsU&1eFI`@hJxY65?vKC8-M!`ksS>H$?i3PRM1l4R7G-
z^0&S1*}`9B|3JR4#ZHpchD?hL3<uG>%o;@}cB-;orwF&7Mo>nt{P8(1|Kl}~K4J?b
z9#RryFc%~l4&YETC}jvl<eQNtG`smNu_J{hb8CZDSM4xgZm0ilND`3b2%a0ro4|tQ
zZx{d~&g?qCTvoz_^`kikCoQD#4{Z^+HxFg?SnVGMCJiJ#3}LlK)Ug#`c>DFlXI{T%
z>cyU~ExX0*$9=V(7D%%Mgy-&|x}W<P1p+(B4yWD*^baPCZEWN6to`L*w7r>+7e4h4
zplHdFM7(j++dE%&b8mTLtE7@-Vd#9N!TG%iJ$ejp!Rsg<30?5Vo;aIyV2dibU;^+U
zEJ^KFjs0Zr$6MJm6Wh{UP-SCF1WTE1WtK`)WURRx)Rp;peA9^$o>H;P0PztcI%eWD
zmt{P-G7ysbFRVorz#gAjTJj1z9em>A+bZ4C;2D3PAu*U1v5O%m8EUmVf|{&mEJ9Is
z!C6<(<OLmunB($_&(~rfyO3G&DXr1?HQ)6I3lk33E4=G<zUzTEos5Crj6U*$g{?;$
zM<U!E7Ck~l%-TR1&a?v>Y8c%Vz!fD$1sBQH%Q^%NT`G!iXX8(b2wG8kuVsjl`9B)%
zsqFvLXoOw_Vc%6{%K#2CSU$fav+^SMmo6A3jZ1k_`pKdPF-Xoye?*C#ldA(PO7~V(
zuM<@@z=cU3m#q+`xb=9q_XZDA`(7!d8P>}vXVWB&!DpXdqHjOfdCYaZz&+TH{G^7X
zKlGGB2Z)d|1s1i3ORJWJmM~6DG@0$fgG(!x<5MxL-1)M`A`0t_N-H#I>6#!UIps_T
zV>&CaD?3;V&=rraDoh8LH^(B9X}sg5BW>)Xn~)6F_6Ma+2k~V*YM+SiwOsN$G)n0M
zRP`#1rT#kH$Vy86)s-bp4YtZo7*Rp>_^vf?cJXwfGK6<HdQngi5l1L&%(cCVCJ0V0
zNE+y$yV_2idB<6hK&vYvg3{3kgU}upLJA;Laj1>S+X+C&q63~)bQ;l`>kjs-3K!m^
z(#jC!l<1}^KIf&22Q16~wKd);9fYI~p~;<f%FX*L=(v+Lh<&|{2y9{TG~;w;Zc!GB
zrLV)}ESJN#Gxs-%Uxg&_V1VT}FjKbQ?}b!vQXDb9Y+W;T^@gpI?M<d}d-Z}YN@5XC
z0B-pJO}z$p5qaEre##e3kG9EU8q+x6EQ?TO)b^uu{}QHBIWmFGS_dPaFP<JXM#?f-
z$hQpYBS|wy$U^sm%c6HE&mpCfnV<J->XGV8h9-eFDA6>d;359*05U@F=CHyde1rla
zkNY$8TztD=SC-lW*`Ho{K~f(>ksAP#H#|=&1MNm*UuW!dv}@)>dvAJfP$J3fvKWuf
z`3sDy97=x35BRGIg-ughaYLp-S!a7igfb|mfl(4c5*b%9)^tFq1k|;UrIKr3uOM!;
z>ZdGjwKeRoGn0{m>)D%&U|FLSBT6J{vpNduH^hKxC_`*kSZGc3KVrC8F0mxrpblZY
zbq-FH#Amq3+=~srjllZ&K=X`I3uW8>A}=xl?b(k~Y1kFn&buO($(%4tXE-gO41kD=
z5uDSKID(Y}lz?C`DTeWOR|{P8c}nxz#Lyy#6R>YEWN6}Q{H$4r`C-O`pIV%p3`}Rp
z*TDUybK>ql)UrIwzt=TD!QoJYdqi~1WkJ5H3NJ099sj&TFXd~d-ZDfo8E&EUvQyGK
zAvc3!7!x6m8lC_Bwm>vSHdTAz|3ezoR1F*>3c|sR8Z!#@$iz~qt4qwoxL~z|?;f;~
z+AfdI=BuhS;qwOj!-~LpURv{BT6m3H{0Y*cbSaJ+H#NG5{kH}HND&42V^u(49%tEL
zo_jw*8xRbonjQ!@@Kdh_cbmcq)H58c3aUXSReQ7(+@^FdQx~Li=sGnI(BKDcfe;ur
zzy<+VlPi<^Qw+tC$iO~+tQOEP1>Z1!e*6Xs%0Lz)77IJ%h8F+$N=mOis+dM*OfjES
z3TT)NXyWX#Kr?P0w{oVfWqjivVN{Kq=_SL`g*W)6Hq#we_46POjFO;NL-8+wrv;W}
z{K)96T|+2@8;v&}Alec8fgk%Yt1%ovyo?NsAOXC0w*4e6rEjw-Csv_V->LaB+^g56
zfwE=9iL@iuvwQBV*C^uFmWS)vNKVTbCYIj@m8oVz)vczPtE{npkrrpu79-cJiYg@H
z!WO6i20RpJ9W3aR!)XZVRjhYTthZ!qf3_D7prff+_n;#c#oz8_q|XnvZb!#cP;4$^
zY-*TeTn0*{v{`Vqpbe9Dsf;t;NE-9yt&$<T+xtTn2RP6(DiR)tHS|(vxc}X`8Nsv-
zd7LEEZqbtCWw{>N+le1v8xbXm+(wHL`yH2+AGeQbUuK+jqS357yh=?jQfBP)*QEk)
zQ>mDHu{6fzKO#HO1TTlF(wO`B#o82?6iDMZ0V@Kl#%AutwK17O(#1wAr$*i0HdWM#
zYt@>jbeh#@*u}yGFlC6-7!3OQ-ci+>3hBn6AQ}y`p!?E57aDyE3}X+C-nK$+dLD+}
zSxy31DvHs9+BC;7f22PkW05Zl(hmN-GuNMLI9Vs^Zio=k35!(dXQZ&Wg-yt5L1p?`
ziuU1wVtN-{hF7Gq4}0`@f9f$A5oE@>89DFzjHc2+CLCcR{tD*S3=jj4d6k850@3hY
z5fGDwc*!}>NbzaGoB#f$;*_<2V#SZ4eD591O}*b;Zi0yXZbFE~t2Kg;jwz-aA?qm=
zQDb82PlC!_$uR$i!u@RXSLqLIikxi+JM*HUBCti>pyAuzeNg-iMzd#US9XiMMiEUZ
z30LQnLUP8ml8{FKK4gEPFwotOB{2uX3gzMaKLL5jh^2rKU4RHl#Sjeq9E6c6IdAv%
z0cpsFk1Z(XX&4`4R4^^|Su22an=}>!iZ~v{|65<nZH%xqnz(EAUOWm68BbXJ_-w~C
zWt1$oCI(q`QKGMR@o1UX){QY8A80u&pQyJiL7eL}=%}Tc!6P@ZW*KqPG-y9Mm?{)}
zloBFwM6~#-anV3F-Zvm(<)a>G9!;b+sF-pQJcP6pee~TXvs(RN1j6d?P7X6_7rEM?
zA$Vo((H6;Q9Ma2Xt-M?i6HZ3v@!jom3-6zBvnr+{#FT7i8e3_G<~}MZOArYJ%24Fw
zQ7&Q!Ka*)~Rm=S2uM?5<l=lmjc-hP>l-o>Jv>ZKnx8#jO>TX;YAH$#-7|h|JA%7^j
z1_fGJ0FWhBz-wo<ruq8I3)dwhA-0zpzmp5{n1UAI8<PT(AeYv=h11ya%IAZZl(C3-
z0@N?Vwqf)>ufjBjQ2_A5VAMg_7MFVwDq0W-%*m!Cq`g*=SG2)<7yjEA+<hI>gvb!4
z>m@Z;Vg&$266$1DdB>FPM&^!9!t-XB+I^D?c(cNMVetyE^{}HsmdpHGbS%_9Wqb70
z7-qvMV0oPKdM${kbHyJ2BD}>8y<#ApT{5QZ-s=0ftiM<2in1G3yCoB~PT-0_=1_uE
zEXZ#lBlB<4L}L`DmP67K=-$8<K>ZYa{WuT2qa+Xy_*+P9j*KQUm`EGtT~l<oOo`hf
zgnSsr46py}96~6PT3g<vT@EtR*k<M@Wl)sT5hq&DN{bs!KQ1*|DtnXw3sGLUmy>^`
zv9<k(bM0RalsF&_J#^SM=O!!2Pk2ya$TOORzU_IFn)l`CI_&1kzix1RX5$+Dx+!mr
zje9Dim#Q~BY&h!$!?mg}DYHsmOn*+jD(^P3shkSrAZ2tP2uW2~$(`%C;G3Yme)`Av
zg3(%=L;zWkMp$P9VPewc{(~doW@ui`A{c_*$cxg_jKGWBfs=+8Vxk2HKrs;f`*0T5
z5EeC^o_2%SLL(f+SU$|rkg~|L8RJlBDtH4}vUmSQuu?YAMMv>qH+hZZ<-OjzVa&kl
zhe<;1Fg@ur=Gx&s!&tXo{%|2iW8N$|_&O)}x;N5Ih)8;jGN&+vvS=Y)llZ=G!zRIY
z6%f&^!A1rJyMiQvG?8(H^s@9f2AU>twLf3Y;u!#k6qvs>{?62lv>P;ul14(CNr{lg
z>ypLqFWFnFWUZ<;ZxpRs#;97V`24jg!xQH!VqYkgbNP?RZuA<Ov9Xl@fqkLuW)?aC
zNH}oYSb89UTHDONpxs7O#JG^*sbq`W-jt!5TBhO1D_52*KH!=!<x&cZSSsZ*Y&juQ
zQ6qEjG+y{hq!#_m=^|eE(rU_^tSazmn0SIoH!dK;_dN7{!c|#;5GTAN#yu=r$X|=m
zKV%Ga^7q`&tl@+LNRzC75h7q93{rbosKZIeiM*fu1S+98?^}{w<Yc>@EWU#H;amq7
z{+D~lL~?}Q!Qm4$pcF(^?7aXE(;Y8K4GdOXQn>GeBoAiv+Zi=#y7@W(A~Fowj<ljX
zr=mu1f;^P^c}plpFaZ{IodE=FQjmYdA52aQVw$2JV#q92VfO$uYF7mG=nzB-#WPZB
zOckp3zl4;ZSGjNf9_&{AeDov-$N|86j5Q&B=0fIg?H6<pB4W`7RMLHY$hir@AbC+>
zs%V%?+-yB06j@3`EK!IxszCz@E_LJ;D4CX0ywKtdc#X`&&$RdY)I@O{ycjRs+vM#B
z=Nu1NChC^M#pLZtCaKbWzDx@^=mlFoM!H@Mn~3e?*3yMCrOqxQ)+)3cGsUxPCZROR
zjD@p>s%=Tq%@C64vZc-vS<=IP<aI-{_N2u36{XIWcBRgyeVr=&8;}wfuOLlXs_JC|
z$0!sFI3+q92`AF`R<cqq1d*sP8p_$fMcc3`P>bd3l2lU@PRghjHq_v)$cn2fD%w(i
zMDwIvlAEEz60{PTgTUxFklnyb_F>y|yAJ`4GRx7wt?;or1E^TfC~>(@+R?sAsf?IN
zm-4`pHwXzIgM*^VAeA^GQp-RXq^nrt!wdxn2NQ@0V|2cREcl|LUO>U@&5s5L!@!)9
z>{N1KxoJCbRuG@H0OPN=*&@;`0_htZVJ&EZKn)bRRxHH=*4r3EBWQfmG}tO<WVBS3
zP$_OYIrGBr*ELu+iYPk?SqLv~IT>We47H(Q@iZ&8Sfj3xhK;8t?L$$AU3Ykk{ouE1
z;74H~4M*S0*jNNf%=Tc>qqJJH@1fI1BME;}$yH1S83anKi2Vb(y_Lf$8t~Xj=+oO2
zaY8i6C5@nPW(`gI!qZEF@T!wHDCLx+KL0>2^VAo}ZT3K(DN4o<efVa)n>}&(+%8rN
zx%u`Yy!Ke_=Q9V^!#73{o%4m9$%~>aK%rg98JQUa)PjSy<1zc_Z0XAr_U)NyY4Id1
zGFAVKdl2XK_A?xW57f4ID`|_AMXx2^J~SQf4GfOqeb)j+KSBzYVdTmVo05XX<b=hu
zAn)+nnCA0m4^^jsDm(G<Eo()VQ|F&7u5#J5Ke>M)wzC-hJT)!b@5yUnyp?d+B6)C{
zmnk8FC@wu7;~)!BpnE|el43_Ls3;zBnwOyC20SZTYL+F~H^e|3kb8PC0VGgPW#<Z~
zRjyK%#n)c5&eVu1-m{8FWgdRh&f<#4r27wDlTNy$B=jwxMK3S@Nkj9_r7yP|{(*>b
zgiNTia~(hGWA-;lj4+)g@l022>S8{@2>?8Jj4g}8f7L6M_doTDA5ZaL_4*$eYCVCr
zBQIat<mw>cdD7A$dqu4@T%|ai4#%~iD9x6nRh?%-d{7!P8^5Gz>Asj|NnMC5T^gcX
zme+tFsZ*Bc{Fg1sf*@vxfcb;Vidw0q8CRNO_EiO@5S0r!r6yFW8n$<>stBt=HWv*m
zT`1h83{hBRI_6krF$Q~LQbb=YUQm&ngrS;@-k1(|2ah8dJxAy|=Qaz=X#dwMU5c<#
z7}7!>o;bpOA314#I*DSf(`;glg7=J+aHw>yuV@UV)KQc`_Dme1P?ywj?B|9MqxIb-
z3~$L$A}AeAdt9JMZX>ER95SsVEbEOROA$yPF1KxdY3j+9vi)!Mp`=SA1B!XbguXO`
z-z2%@h>fV+AbRj-_UKN>Dh6M;Q>`g3zV)(a>}v)f)QWn>k^*l#3$_*0mF-u{U*d5U
zigHKE;M3_d>Ei<_V|gv=NO)w05@{@0AmqLz4Ccnd#kpUQGkstoRoq!DN^A<3HT)5i
zRr5etKuj*BG**kv`lhsc=@3V2xKxl~xx5?cX3EW6<oS>-rEF+n(#V%Y;?Vh)F1f3-
zHQp5xBiMXpyMm*HR}D}nZoDtB@5aNx#BYaJTn1U$#%wIWqHKfDN|LZz7E+OovR0*w
z0N%vb@<T^fj-7xPqketD(Ss_CvKO>C90DB*ku?=ekUok79`9$iw55$f<B4_!3yMyL
zg!N?VX_u$b8qS7%<no;N3r)@ke&~G)$d=Ew1s;DTOkWFvqq_aXN`mnwS=Km{v=vyi
zCARV1!fI8xzo)lEOI7gUOHGvU7=2DRFOg22OL<FMf$wJGx#Wqi6yzGp{Z1K07QZ~C
z<7!L^*!fV2m}U!sX8lyFg@iKuDFWnqnARJATH~E(rPNDYj>7HK`A9mF8Gdua@~znA
zUPI@8mxaXqK376qPgAgApqAEU>KyOqa>}4^TH`|mk#++@MI`|r?Sr$-P{Z~UgVf2S
zy;W|%hfD@lH@}@+wbJ70er0&Ny!c8BU(ygmmFmo{nkd8AF2k7RF~Jnnp0(#jLhC41
zy+=3OK@qeq!h~-(?&Rt>&T+Dclwgw0^b(i7@0;flgtRj)5vg19*0ylWt%XK^yohd;
z9u#jT-Ksx;e{Ori0Kw3(C2sH|yF=5)WiYXRcxjq@d3N@T2K77vZi&?ly1T=6ne{9}
z8FV<~oO1BVGqXPoI2-*@Cjw$T1Bt_or0uOn(I9|Q)l}F)PX%YcG`-z~Ry`j#LwjpJ
zZMi@MlGH(z)-(c|=X#5Kf!!0`dUVykdRQ{rp4=Bwx`R_%VM&Fsk{2Yo@a_8!?EZg9
zNed{|c$J`2O7sMRD)gD1IwkWsr_7#DGA$ePKK2CkJ|sHRo}v2GI3kK4KA-fR_s0|V
z+iEd9TWm99i|2g{{XSaH4SrXWR5gld%h;?IGxA#MVxHYVx1Gd05qpP9{F(9{=*XOR
zZqvDNZaw?uh(J6q4x#64bNIW2DI6cz`xQYk3_~^My*&pd5q^abKGKlzS5zU|`NQZW
zNuC>LNL*Ui16Nfz(<`&v1`&MO_`I^zCp0iq<#09sd3OGaC}jA{#%n-PG6n`V)lHvi
z&;5={NxpBu$N2XZv=s>#bcCazDLy?63~0(grC6ThjMNVVG?d?7L!vm`f#EvTay9#c
z+qocxdf*JAAmRy6>OxZD*N=hW(}|tNyJ%CLzD_4w3+@;1?Mnjhf45wqf@N01$si2}
zV-bU)#_<aPy{{n#<_#`l_29#DwT<wAAvj3l9W7${UzBBh&8inG4AGyb&;U3r4!-Zu
z(BTBRix9-gz5d@S_=FOAkh}1j(Qhu10(0E2nw#aj9~W|*t|2)1-3;RN#~2Bi|H64Y
z#}PpwFeWT@x{XNSqMbrO$*({&C=2FF0&r|Qg7hGI4ZWylpv(EZHuT)~$+ZA6?!d3@
zLDG>bBDEw6^kxJxabAIydflb(`}zAR2b++7i*8WYXK{143k<r<`8pY-n5S$mXBPcI
zki!SdXTl@qE$@y|dy59c=`efwNNrxl(Ru29z0O5M?9jgByQt6w?yOn9HK(<Lj!t0E
zU<secxfC~%P7~Fc5$EV?0*1{_4TaMCD5>&UQ}BLgZwcE%c3G;n$b5^KCLZnc;!K6E
zgUx{WmfxJ(K8Be^w%-pctOjaJ(;zK$&deyLHSYyZ$HV?n5AE^-KBe+_D<uPFM}~-3
zA9kE((+$#%3?y-n@!da+TIkEGo_LKkWsT|`f3)k9e(KeGu(w%i>sc{*{ZbHr?qECh
zV*3$0F+g>LF>Wi@x^r)8#dGiaHzFIgyzbmavwhH>-@=JF6-=9G5|3>SfA&_$s=|{6
z=Ri~2bANBJgrS=<heJx7wnJ#O;-=58-uq<)OK1JH%zFdE9PiZO@^Om&uOgpI!`0(&
z-p#*NM{SRRG_fFXI$+Y3fOI1Sa@HY@qRt+(cbLMFx~PNqwVfwtGS_~gho$<I+d*RP
z&-g5K30wtdP>+)|%2ywjP9Ie@Pe<U#3wg!OU)I=Hqm(Uv89F{4bab5w>GvTv32Bb{
z#*dY@&=|I<INJR+8*Z%Chgl9Bm*ngY9=X*k`;F`0ecRg@5Xyp3C8+>OSg!5fK^r;d
zW?JuWdRx?rMd70vqrBSR)h^|za=wT=qi-}^r-;j@_3k4x`xYOwn>4r4u1FJ;kYrf6
z!6x3>vI5zMdz+!D>O@uML3-@o$N%NMY)V)7db&R~ZQR%-v|B!s07U~Vw<(7F%YMHD
z7V)7?aQaAzv9eprdjXF?iiXVdQv|B|;<Xf;l7=B%!QmTwuiJTB-WCR)f=9o8M^(PS
zbvg!rgEa7y2m>#zyQdyZ+}KEjJ5k0E?x~yG?7p>&J;IBEvm)l+!QuM<iQar@3bm5{
zN=rJ$(8=84Lw}soXJTZ>4BWVR^HcZiG7{=3_I2aGSPMDv!<gAdxM8~eVODR0K$bnf
zv$=P#|2I4CyjqzQ)LVq7;CCB&?a&|uQkVm};y8}th{JX?hK6Ni?i%v?%K%Rl<ogFu
zV3H~FUa>=jzxo?`e2na&-0*EzoTbd3-ec5{hvz#>&NPnn$Yevfpz%T0&o)atU*G%C
z6cXfMKInpx`*=MNxg;paww}&rtw;oB2{zwnN0STR&YM09Q|KCHbP@%zpGwiJf@7iy
z1O*6qp1VnJ_ee9>RmpNVtaOb4x<;E)kDq!67d7kvX1O%DKf}=@yX4s80q~rE!XM{V
z#9GiSB#_ZRXG~r&!W6-B0fJMYf+*$&210?z?qM?7Fu5)4g4znd5t6b=lR=KSzHVd#
za1f>Z2FI`f(n_`uPaJ>5Ua-A1*8uxoFa?kXV~|~Gk_v2aLS~J>+%N{bGd)@;8>TS?
zf$kC@tZ9e&_4`tWec8c$Q+scU5P88fQ|7RsW#EuQ)KJKSlv@0;zffVkvcbK`uOWXN
z`%}y7lrW%v5sUnJXu{{F4ar@P-#Cqu8_|zUyUE3*lpMoAjhWR!@dzayeO;sZAdMr#
zRQ!>tU=Jn0&uJhD9Rq&#$D>?j8BKZ2mt%EHKP6rrYF>qY`EFvZWq{a|@(y6d7^n`n
zR+hwST5#!Chg?^~8WvK>4wSiz{@iH(q$o&Xz!`vXfrjLh)88kwj<8F5W_wu_MQ1oL
zhi$H_2*|=37Ol&xk7A;q@_#PcNGRZ?vF~`X2Rsb;9T|=!O?2@Y6nx+n!!!$94Ccpz
zg{A_9vJDMOA!cZzH%n&8(|0ZW0>gPh9pnR7_Mf%=g)OYfkqbD(k{3ax$VgeRDqKT|
zqjman35?@dG_?97Zxu+%kZNHq`d!Gu284?o;_RET1b<Q`)leBu)f*t)<Dz14@Gp!@
zPsM}Kp)kbV;{F)US1C}r>b+fm=M4f+xbQ{9^CG?z#|*7P@g)5;Ah|&j#_3tNCm}<J
zX`gG)(WavARS3*64<I@&i4%qHiKfQvc<ezw2mNv;6%;U2l0SJMe%)JS1l{M5zO)As
zcek2$+{-3r>@HU+a(iP$6@iiaNDPCCOkNwC5&B@3r81NE6v=;3CcQdu6K4}QGvKlE
zuP6Lk$A;cX&4|8l9O=vL@zEqt4jQZz-Q7^4?jlFk9dB>7;!RYAtlTGRs+$TKa4|o=
zA`SZt|CdS>10RapKyQz;fizjmI_ot|d)eMH#`Lv5@7??c$baMc-kkV}KEcSV6LfT(
zylsg@B00PWh<+pD&{h%obaM4cedEyix4xifCLpUojnzc)rjX+pEs#OeaEtODx;$$J
zf!$%a#!4QINK~D%jVXuJcuaLWUt=04)mvcp;BV#j7*x7He&#)z5*S#?t2jP$hK)!;
zF`U{)^s(xa85E(s?L@jIh%!upgr-(URP6I9u#NBL`k%nFn^hOiaoY2N;@PNozUM(k
z803MrxB9^=W1a~UWrwQ#cb1)3;0`9LBn<}$E%po>qk=&MnZ&<nZ0*s{*UQD={HkB}
zFiOL+EtUp-*KVeL%>@OQi-D<aIMSHjM3|ZO6vEUj!6m(7cV*zpG&qwj`;6El(0Sp(
zZi9g;Bi&@Eh~0E>UGV2CQ#jJUGLlWY9u2$r>ZOU5{L5%it9=^QVdq+$f5A=5pkKLp
zg#?mZq&=IJ7$0QNC~tX>UygZW%`kh_Zhl1v6Ye+1uVMDZwdg^HU4L<71}xCP5$|J5
zc!3r6ZZSOD`iecQ4^u(Ao`In)QEg4?=G*ETY!+c$4hE-2R7g{L6H)4r6t)<HLR*uz
zVV+Yq+GA4pCO1pN6(z!4B7;(Gu<Rt1zW{W6>{8RlNABL^u2_Bqj0Rrz2RfbBQec8Z
znv(DI$`A)B6DwMQV@_DubZf)OTMW~;#5HJ3P%GCs2P^*x+*<f<!BOXP-j;e*X!M<I
zjoAiw<zv$Jxk%}{N$BQdBQis?vZ$-y(Z+6mbb+JriH^QTKSE&5!cGw{$}YqiroRw=
zN()=uN7M_4ulszO`PYPcV7W7+Zu;$*k4!U_wzW>u2%k*b;EOm<<x;R!ci)d!vGz5E
zpEd&RrSFzf=T!b|WkpIJ`N&l1wn;ffiGvH1{H^r-Q%wztRnUBEBS;k=vw@8;n)QRv
zQ&vh=a4>-w`i~(XG^3{v9h)fcr82&j`#0YUr~n-D9bVIw7Aac|^J|hyU5I_VWk)hU
z*yqmEzkSRb>z93GpOzuLd9mPB<}BIa(Ij6^Hwdp(Z~VG&pF~n<%vhZ+3=e&|{g`w1
z{bIY_`p)mCfJN;MhgSZQZrL2yQ@D(<^=d}9eD?66>$3CI=6iP>VYO=SDo|^t^L!Th
zRi%;+2pi>Y<83E=+?1!n3NqAd^1)z^J~-?x$}~@X7?K++Z>ngcvRWAFlcKaSIix*-
zp+-RoZA1bwZlfn<BvsO%N_mZYG)2<ORK3-mFj8af$?SA*rsj@sUJ0x!no{yas@6^)
z;HYVS=Jk5!Z-3*iTyS0I_C94OntO`0?XG}v#&ZR*p1O+KF=r@<i=B=oy!LJvao)?Y
zzq?CFi;okHU04Q7bN42bv_Gs44v<vDLB%C-%Eb-(NMb_;(^2EZG7`?k79IC8`91Z|
zRm%^i9JeQS5pMgn^1oN-Y<M_7?>)R<7xP*Y$;D?+)mz}b6mtyS<5g6UPl_L99aay&
zdm}WcC;Tl+EH7H^Ae_26_Fhy>oa5xpKNHUpPw>syN1%8k%ZS;Nt|}kNkb2Tilg)@8
z&ybpNb$#&L>+|9v@Q#r5{I!&N|0wkFd=5O_C!*~4HH12Wd2wM)tEMblhHezi^u^ct
z+0C$Id;X|7_T<TTt1;GA+10yiqOQ)gQP501w%$RgFKer<A}#A(zyVUeD;?|w#To(3
zYjDsIf@Svo9X9{$K}pV=>ZUHJbg=s9WdN)nd=qhCeRws=jOK_Qds$VnyP0B2IgBbK
zV!%gvCBf6jjQQf%h|R$gdj>qkMtx7LYmkU7s3F2(WHRl)-kej=m7^;Emhc<qJaTj}
z@;UTva5A;<=lZ>(IFsRVsM--G&Bgci-FOpz->VhHsv#}E4Bdm`XYZ~Cdk&8JcsOoL
z27gXu!P=f4Vgw;z7+g5Xm+N>Yu5AlV7{-Bz?9sHEVCWU1sP1^*z?$;*dDg3diDrux
zbc^@-miF+4!Z4Z8tC`!l>}~zkv}HM^n6ODA=41G2(W^6E_HfP`Sly<orh>V&@>*>(
zU47x(b;#|@@7Ma~yVA**AKNmm^0U!X(}BF7w(1RB=Q5+Q<Mk<(C<5{Ei+TPDs`wuw
z{1@jPB+EBI3zeW_72@mpUj}?-Ydd2rW)@Z;@W0Le@#WQj251p9xFH|@Ya<8(0{5>l
zF=8??bT(u(F*?_hv0GO~e=tcekb@zv4J#uxgn`kTSGjndL0B&iruGpR93;(RS7B40
zOESq7v%o~Sl6cXNqb0$#ej=hb0Ede)pG8$Du_VX*xvuc-q4AQ7aBJ^Y_mwBRJax)0
zD&)Sh@_e$l<X|DbY^i*+`n0S}?dsL?9&5A5&Tq@L+LK?ctbQ%_0B`t%Y4V}`ee1Pb
zF5{C0^8kzTG!!d_zDlQk(aYVBwZ*~wiS2RGf{|=s1R-pjbeWuVnmXB0t7TxmC1b(6
zC1KsNOg&2==j3!Fvudfhs#>?Y8{c}XgKwEX$W~rPN|th)KAyPaX1kKIr=@5}>p1ad
zub8lyNbjf_QZ)RVIAu`x{){d)?B*I^cCIJNj8%!{!pz0QOfV}G5s|uty3iO=cmx|t
zg5?RDK~buaSbRKfxeN5%cUD`6%cJgb<IO}cM^CHWdEaPRd$Ljfhn;z62SBlUb91?r
zit&E(e8+%Qr`pc@yZ$=P=DWMGIcv*{SmH<&^0!(<FUr#vUUf8wl)8F3bGbpTA5%)5
z9nO{>rP<r#(L3*r?Lm`<^|k5zx_q|<hnogoHLb2tu>xzi+b8?C_h=2Ci=oYnl)g}&
zO&8JGGfqxcPEPJ_cN`L5V+o2~Pqw-bJ=S`^3x3SHNz^S)O_lFo?~CABDQCZ^LLxfz
z_JsnkV}CMgU|Z44fJCFYnPt|&*Buz#jo%L$dC#GHLq|t{W3n%6cK;2#yo`Sq6|%<D
z&(oig|C05x_^@c!$-yk!o<jNd+1RHbB-Crzqx>mqC;h4C^f?^*5f~UK64v(_82B#-
zii~`I5J`UKl(lAk#CA$78%*80KfSy)5WcTA5N36z3YmZjuRsTu17aXSmHrkaoAASY
zO+h12CHCU)e3e8F<Nc@dC)53>`O;@U?uHfX<qhTir|-QF+oQ-ObJeCN=3#6TXO2lt
z`U#-#DT*eFW{&|aE-LC5xyZME{4*05Z%Qa0u1R~}X06Q3%?op{Om(%xOg8r&96~a2
zL8F}j@*>LzQAft1jfxaAuC2jiVzG*ZRaAul$$a}V1I&tX9B3(704}Gx!}`rg3`$Nk
zcy=RrJa*kI3Kabbah8fOMQ4ucf-oH*z&;T0AV}X!RDi-o^9_myJCax0Pz=|to|_#l
zP+lHNBo0-I)f999kV)Z<)?fjz*k3pRGY=?UC7Gr~*$o0qMuqA?vIi!qSePxQxv+-s
zzmpiu;mvVec7|~jnF-Rz9T|V?7SCj0_DD~;i*q1P0_OazJx6v&<t2;(ZG<%cYeMm7
z1QaXS>$o6AegY8f(fhlQP#88XR|*g49t&E4w3j9{U|+{%vH#qin|t(cYW_1n{ez#a
zo1XcfOXY6m%{him_TDd-tGZ3|vl=N{<-aF#f7zi&CvH2#8#LC@XoQ0OjBeNL<jt?;
z<|3Ha_@xxju!=(h0gcI;Cdj225V$5~iJoXPDB1u=Ndu!wHDAvyWkF6OnwpptC0%Hy
zsyPyp7M!pIOcY$k?uE<~`b}@n@0b+IVA$qsjoM(hwLW)1oh@g8i!L%5#u674$qs@N
z!Cb}0Oc=B{YU!bt;pV`N&5GJ8yGpU0lFLpNoHrqABTr8;go|EgNog^UmyYiVyrc=s
zW#tUiT9%r>rl&M}k`)RX>ruL->d3~XHM}O5n*dcFS=5wk_}g(#;xx?)2k{FQy_=q=
zqeRxfI6>67QNHcFx`~8#>$4F?DJA%>60RMLd#P0ZB!hvo)81(iiM%9F;*TLHO7y%q
z$2)(l8GkV?5V`doZjDRlHL~L#pbaxlkY&UyI!-@)5WSr2yxA!i-OJY(&*lBZLP!6=
z`oKcRH+uhcfBER%7Kq$9aX)?Uh7E@x#FjJyghjzFm{^fSBD2iR@?d@al6t>Ty1z70
zggzSeHH`;xpC<Awjy?A`YX>{o18z#@{Ldh@^gKz|L;*RIlU|yO0PQO4f&pqKt(Wfk
zq7Mg~69q*XP%r`T|Mv;1FQf3E)D-Zq_&?86{qNrYWdAp_^RND2Y6^g1`mYiC-#z|c
z7U;k2|MdWV_4xnUBSjeq$bUlcudDQ{6l4Pd5eAX-P*IX4R=0DsGBUL_wjh?XGcmO$
wHgq($_~B|w%*+UcwfR@W;ACuJYGdfcO>E;~Vnk2;!`AidRG6XT4?EcZ1-Q-{QUCw|

literal 0
HcmV?d00001

diff --git a/src/main/resources/static/css/table_style.css b/src/main/resources/static/css/table_style.css
new file mode 100644
index 0000000..3bb191d
--- /dev/null
+++ b/src/main/resources/static/css/table_style.css
@@ -0,0 +1,54 @@
+body {
+            font-family: Arial, sans-serif;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 0;
+            padding: 20px;
+        }
+        .container {
+            width: 80%;
+            max-width: 800px;
+            border: 1px solid #ccc;
+            padding: 10px;
+        }
+        .header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 10px;
+            background-color: #f4f4f4;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+        }
+        thead {
+            background-color: #ddd;
+        }
+        th, td {
+            padding: 10px;
+            border: 1px solid #ccc;
+            text-align: left;
+        }
+        .footer {
+            padding: 10px;
+            background-color: #f4f4f4;
+            text-align: right;
+        }
+        .id-column {
+        width: 50px;  /* Columna ID más estrecha */
+        }
+        .email-column {
+            width: 250px; /* Columna Email más ancha */
+        }
+        .table-container {
+            height: 400px; /* Altura fija del contenedor */
+            overflow-y: auto; /* Scroll vertical */
+            border: 1px solid #ddd; /* Borde opcional */
+        }
+        .action-buttons {
+            display: flex;
+            justify-content: center;
+            gap: 10px; /* Espacio entre botones */
+        }
diff --git a/src/main/resources/templates/management.html b/src/main/resources/templates/management.html
index cd5100e..c27ae51 100644
--- a/src/main/resources/templates/management.html
+++ b/src/main/resources/templates/management.html
@@ -7,11 +7,11 @@
 <body>
     <h2 th:text="'Gestión'"></h2>
     <div class="container1">
-        <a href="/Inventario/user_managemment">
+        <a href="/Inventario/user_management">
             <button>Gestión de Usuarios</button>
         </a>
         <!-- TODO: Cambiar la ruta a la de gestionar inventario -->
-        <a href="/Inventario/user_managemment">
+        <a href="/Inventario/user_management">
             <button>Gestión de Inventario</button>
         </a>
         <a href="/Inventario/home">
diff --git a/src/main/resources/templates/user_management.html b/src/main/resources/templates/user_management.html
index 0b1ccba..32e72d3 100644
--- a/src/main/resources/templates/user_management.html
+++ b/src/main/resources/templates/user_management.html
@@ -1,25 +1,27 @@
 <!DOCTYPE html>
 <html lang="es" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
-    <head>
-        <title>User management</title>
-        <link rel="stylesheet" th:href="@{/css/style.css}">
-    </head>
-    <body>
-        <h2 th:text="'Gestión de usuarios'"></h2>
-        <div class="container1">
-            <a href="/Inventario/register">
-                <button>Registrar usuario</button>
-            </a>
-<!--            TODO: modificar ruta-->
-            <a href="/Inventario/register">
-                <button>Borrar usuario</button>
-            </a>
-            <a href="/Inventario/home">
-                <button class="button_salir">Volver al inicio</button>
-            </a>
-        </div>
-        <!-- TODO: añadir botón para para editar usuarios -->
-    </body>
+<head>
+    <title>Gestión de Usuarios</title>
+<!--    <link rel="stylesheet" th:href="@{/css/table_style.css}">-->
+</head>
+<body>
+    <h2>Gestión de Usuarios</h2>
+    <hr>
+    <table border="1px">
+        <thead>
+            <tr>ID</tr>
+            <tr>NOMBRE</tr>
+            <tr>ROL</tr>
+            <tr>EMAIL</tr>
+        </thead>
+        <tbody>
+            <tr th:each="user : ${users}">
+                <td th:number="${user.id}"></td>
+            </tr>
+        </tbody>
+    </table>
+
+</body>
 </html>