From 0732f89274bea5abcb031a7e436d52ed78735222 Mon Sep 17 00:00:00 2001
From: kdeterme <karl.determe@gmail.com>
Date: Sat, 10 Oct 2026 14:39:40 +0200
Subject: [PATCH] perf(contracts): optimize queries, add server-side
 pagination, search, thematic/contract filters and redesign UI

---
 .../contracts/locale/en/LC_MESSAGES/django.mo | Bin 35684 -> 37554 bytes
 .../contracts/locale/en/LC_MESSAGES/django.po |  90 ++
 .../contracts/locale/fr/LC_MESSAGES/django.mo | Bin 42859 -> 44909 bytes
 .../contracts/locale/fr/LC_MESSAGES/django.po |  90 ++
 .../contracts/locale/nl/LC_MESSAGES/django.mo | Bin 37103 -> 39102 bytes
 .../contracts/locale/nl/LC_MESSAGES/django.po |  90 ++
 .../static/contracts/css/contracts_index.css  | 831 ++++++++++++++++++
 .../static/contracts/js/contracts_index.js    | 155 ++++
 .../templates/contracts/contracts_index.html  | 762 ++++++++++------
 loko/contracts/tests.py                       | 115 +++
 loko/contracts/views.py                       | 244 ++++-
 11 files changed, 2088 insertions(+), 289 deletions(-)
 create mode 100644 loko/contracts/static/contracts/css/contracts_index.css
 create mode 100644 loko/contracts/static/contracts/js/contracts_index.js

diff --git a/loko/contracts/locale/en/LC_MESSAGES/django.mo b/loko/contracts/locale/en/LC_MESSAGES/django.mo
index d61ce0c3add243419fb35496125bfcf572449c7a..de1f0d44c89e39e69ad8edf6172a178abc56cf89 100644
GIT binary patch
delta 12353
zcmb{12Xs``zQ^&CP!mEzN$6z)Bm@YdR|5nvbO=SNB21DY2_`dfW<n8VXc0lA7(}dy
zqJn~j0V(RWP{cx!>qTrxK&}c3f+(O~eBa-k9nJH;x7J&Cy|eu1v)ehlo|C9wtqI@y
zba>!It%?s=T-U-Zs}X(`V_ECNEo*aAm0DK&)|RywJ78t}8Kd!E7>QABEUOyU#oE{$
z)vg;>!QRFJ*ns>9<W?&W=_+8YCJ|4;26W(lY=U27C9IrmKPU>-VJy0^DLSwihu|})
zF<(U8U$d=cxv@PK;5v-L>M8c~8ekm#Tg^z+rJ_65#F3~6WSa8%SdaWe*ci8>266<e
z;b*9ser>#f5#+C62MlXxKfe=dLPIeXM_~v0x0aL8lDvspqH{O`E4R0-emEB6a4l*E
zFJMc26%+9^vRGCmy(M5*yb*6f4SYRz!QGgKKOkLL9Xhi94iZih(YOFLfK{j)H=|~_
z4>j@+u?BvOo$(t}-?)>#_pPuy<-JfVH3LWDYGg62GsrDgEH`Vb26krs*O17epgvy5
z>R6BAR>VZq3ba8jxf?aW*;o}<oASp@`9{>z@4;Gl5H*mKSO>48o*&oMo>=p)tiSfY
z9R;cwh`Mns>Or}vfq79&zYNv>A=I9~j9U6#rv40SV3$w>{uN`fayNU+8e$#t{c$i(
z3Xo8T8&DnYK;8Hjs^JHyl{k%ht-e8R)dkdmuA6){);)%N1Jo9^#+rBo*2du`??m12
zL-iY2U>ZDtIy9S*^I@Gw?Y*Oiy)wzho~W}h2=$hXK(#AC9lqJ<z;)OH-$YI93~D7V
zU|p=(GjzrRRwEJ`c^6c}bZm$js8fC$>cJ(bL$nKZdcQ%fK)o9*t1l*?RwxJSp&K=k
z#i-}(LVe&$QD@?MNcO)GFQb;aCu&JX8MCnw`I)Ezu13vZgK-z?^*e-Gxu1~9Sv`B%
zTj)m(B!D^-Yf;Zxk6N*pF;?&Y>!#u;>V{LuKi04O&>`#5+wQn8Y9+>@R^m?71D{9j
z`Ky?WADHrMsE#B0*eg>D^}PD1GZBvgCAyGM!@;P-F&fp-i4M%ecwCA)oSRMk4pjR$
zumT=J?d?(2R-Q$z*kxlxn*AYbf|^L@G~WLt5|b#<UM)n;Xgg{p_Mr~Z32cHD*k}hf
zLv_?2)xpgekA<iexF09t8>r{k=OfY#`(ZnDq1rvrFJO24HU;e|xQyK}p}*bHWOS0B
zi`ui37?0nfz8BGK{F~SaE8-WZ6*`4#|2?YRHPnEsq}v@g#S!F(1xWBwvL3+(_#tY9
z-(gd1G{7E6Dr$u$V{2T2iMSi%uoN@#3O2?`1MLoHVRP~;u`O=Hj(7^yPatlPeah2O
z9cChLmbCy|;Okf)PodtD-%vBDJ=i{UZLkXYRMei|h*fa}*2M9sGm>YVg_X%KMz%U&
zEhnJ|JZ>61gU!fqM?L5`YL81%ujkLGvk@`Go@q1Gz|&CQgQ-{%3osJBsI9mQ)z1>t
z+p-F4>i7SXp#)2VjL6!LTGC^vz55RJmi&TRf#{+32PFa3ez<WmYNiFK6}uBPfi=c;
zr~z(7-b`ydHl=^-G6^k7>@a(;8e#?VeNY4Fk9zPZ)Ig@9me!A&(cQ?$%vx^h-@~!w
zPoSRDdAQwicZ?vPjyh`@7-&Rdx@oW&wX~~IGu?t(`n{+JeS+cm1*+Xi)LFQOQCO2B
zt*vW<+LFGgi8-+n=A!O%qgH0|2-ZKE#7YWu*w$e++>3hP5!8&oKrQJ-Y=zY_?B5Yx
zFq!-))Qsk$X7~`Q!>3Sty$NG*H)=rdnf!+ttp7X;N-0psnIr8(<HqXbXQP&QF>1+I
zU^K2rwSNgUlh;rk??bKFVbmG=3U%Kvs6!bw%D%rQs=XsXLLIe6-Pj$qgu}5v7NTah
z4Qt|I)LT%B`XXL7`P!rH6->kw%7>!1<_;W)_oF8AsqqwQWdmnPB$2p|ow4N@dyj50
z7NKUc9BbhQ)Pr}RR^l*ffG1GxuA%lg<|g|~nS_JM4?&%w)u@52McN0fCrIe9y@CmN
z5ZMjuNAzI-v6hvELDb&W9cOpc1Y^l}#u_*n_25ayOw<xjM-9x6wQ;G*KOV}n|Jz9D
za2+t7LcJBgp;o5;c>6H*!$|UjP!Ak~+WS1zS@5C`?OaU6dr^mQE2{lY)FD4)%74Tt
zz5mxp)WymZY@49YKv%4T6Opl4g~&I^dI!_6)<pYIjlmf56Ho)lMRizY>hDF(d?jjP
z8_<hyVIZ`GlQ_{73`YI(IEOD{#Lf2M+=UME?_fRr1~ss-TkMYOVPEn|sQT%sfh<G~
zWF>0ro<XhX7Sx1~-NOEB&(2ezCHxt6dc!B%e^z%uE%9X3TQUu`*M4I$>eula)C_lG
zbNm2X;t!}LuXn5c-ROmUtE?Oxgxhar{Z(+Cf^Il$3ZGqEglV|fSZS*LFCqg_16hK4
z8y-Y;_#A3rhfr_Dm#7sukKy<$>g-%cZB>NRo>=_=2^BO$oz{-1*CZA7zNev9Xf!s#
zNvIW>jjeD2#^YwxVLOEC_#@QPm!e+JE0~J4GVOt8U{~^isU-S^F%vvM!Kb`y>hP&-
zdrO{2<#(WF{swA>2T^<ax$!hsB!3pQw-?ZXRa|!aB-DVqq0ZcJ+kllxLJyjW>S(U<
zZsc2HEywzJ3e)g6)FJCN&7Rpfq{zA*bMa%;bJB9`l^lc`_%PISCZSfykM;EXf4-@B
z7<GuYp|<1zYN?MKOR+Nfv#71QXv%*@oq>w<t}~E?T8SRm1$$!x`mrTGjC%gt*q{Eb
zqa@m6ojki@AnLG;$0W=|2i}Wqa5HKPj$>Q=+T`P=+a0vP9+VHmM7$fdVq35Z?nh1Z
z5C$}oQzR<kCF508`E^tW(YM(HN=20q#LhS#_26a5?;-1H?1)#e6SmH`KRCCdCOQYz
z@vj((F$ENBsTvg6f59}x>f~=m9hN-QzyheHFGd}nWhTGgxY3lqh}Edyi|XJAYQ~?T
zUf0tYfj?suT5g7=8>+kQ2K7<-WK>7pu__M7RyYo|0`pK0T50MZM$POg)a$mx)E~uk
z@}HwRZ04~C*3Q^7KthKm9kmkUP&2+6b%PT%05?|0nZ{z&3`<P@ag*O{@;i+CjDJV<
zQ;L1@5^6$$&V}}jZ$))D9o29qY9RNZUYq5p`i-a$(ROs;N7xj9Laj*L?e<DEMSZ|J
z8Pib{7>{b_Lbf<yc}O&(pcvKBlbC?7VOu<f>bM5KvUKPgqXsq_Yv2Ub>z9X(@jk4H
z&tolo9rZyvf_lz3sQZ2j$^KXN*}u)|Vl)*gsD`~zBOQX8@lB{ts1Lj2OQ^&3Eox>L
zP5yV(bE^35Ev<vvs)neum56$NM-2V<zdj_i_qU@SGy^r0MW~TKiF)8}<GZL2$#GPB
ztH?eh(WsTFi+WyTRL9Lw_qR3msi*<;!+>6^3=-;S95zHZYUWE(GhB^&z@w;NPS2y3
z_(jy=d<$#gdl-vfpaymcH4$rueMXvKJlWo;0Zg62{;R_R3iR46!8qK28qjXj@F;2k
zUz+;!s6$tACV%N-3sgsi#^uJ%sI&E+$$xFEG|S$~=Cj!U7BrYj!5Az??a?Qwk)A=#
zq{?jm0L3`e3cQP2+Jna9sF|Ne4dg275ZAfGJ}ar%hI|of<<?^}3<gNlA#n`r<M-GO
ztIV<YxEpGPrl2~QgZ!;xtwgoIfDJI>PCMTMJCpB?J<x}GJGNjw{1DaOSyVrPu)FLL
zcfh(7WS|=480Vs9`T%OLpFo|BO~xQ<Mz5o`=rC#pPhjY`CB~4yh&oGQbM5j7WQ7A(
z4H7!79Z?;1Lp`9M$&Ww{Xd-F`g{FK7>a?#$9j1qk&!RfshU)lL<NL<XQ1Ab_knI0&
zB=mslq;-lL7~5hZ`83oGIj9-x%xIvCQSI+Xt;o~H7g5jKg}re<HpEKv?19Cj_C5*2
zsk4TX&;v)H4%<YmjX9_X&q2+o7<Gu2p*q-!LvSDJP}Z1lm&Y38QCpLOdaKe*`8bo$
z!hn`~HVMt781<mF7><vk9<UB|_+Ca0Xg@me2sXxxs4a|HU>l3ts`{vbcSQBm1Jynq
zbr!M~u>U$#w^5)a_8W^)OST3zfUVdF_o7y)6!qW>sQZ6Lb?`f?eYJ)5KpUgZKues6
z-B2sN%J}F))?WqBQlJNIMJ@fSromxT{wZq2r;X=OTks>Q18b2zfErkVY$Me39L83t
z_8n0J?1N2kRDgt*q!6_N%Z=+$Tk;ad;~vxl&Y<4=OPGXF#df<c*q;0#)XK~@&O<$S
zF*d`s*bZMsor%CX5}I+?-S*PPp*m`gnpu0SglVRJ0IK~>sMj(VwN(Mkz(-Ika1JZt
z1=QKOY>ZfJpPeR{s`tMSi7Xo2i4*W7R>mIp*aJyJE!l9?fTmzo^q@MJg=&8nYQ+{A
zA4Ii(4s~XBoBRRPiX0D>v;W_c&`hqNW*WW3?jRO5^2VrB-_ew(ntVDYP@aLhuL!j=
zbFdYzFy*^Y9ln8DsUybkRIc~G>QZ|E^>HZq_ILx{i5+k!YDv#x1fDluMa?YyUV9~K
zpgM{}eaaKjiM>%P_yqFVx3-#myJf6DX{#@Zs(27}<1y5O&l`WkDDsi_+5cmrE^4XA
zqGq0p)zFRFk~>g`I)K`O$57ATf_ly?*b?{L$NoD=oTET9i&}2Kj&-m)`FPX~?NCdX
ziaNCuum!q}C8!7PL~Y4Q?2DCG*#9wm5T=n|h@EgRa`>#PD_H+tB)Y7$e^2``jr?X*
z$KPWN{(>4n<SKiBiKrQOKn=7PYKw-N`V7>4lTa%(9d*VEQ4?K^;kYV5B9g>v)Y7d(
z-M9gD<2KY%?#3E;9QA;2Q62w?+KRCI?X8PN%`6$CF%R{3z$^^I@|T-}z%7*gMqDR`
zn-<$qCw~S$Ozb8WlAngUjuL%IHzeAUcB{}_lTDkq$)}LMi=c0-ozkc`WP)i!GGHwt
zGnUk9VmI+O;tFNkOrxIYr>uzJ8xp#1;%6G=FA}d1mx)c3{Z2FswcrCrS##2PL@lD2
zeA)FLi4o)*(!X`pRD5J=cam>M`aIE{SZeCEElo&QCf+1IA+M#~W9mtUu6*(rNc{~f
z5sisOrfwPDME)S2!f*8cKSM&-*EW{N<dr>5I@y#DAw7chKTZBIe4MiSgkIy%@QA4s
zRfy@7?IX&rvnIi}E_A7X>lLDeMz5QOeQ<B6ny(gV9i;C}ez{Scr*1!yLRyDa*WKjf
z(U0edg@i7Bq6ZSk$?wOOc(eBZBpF>^3K|iE?X2|x=8^A5bR(@(?=^Kj@e9hoCHRBc
znu`OlJ3fW8u#otQbU5l2e}d3;C;3NlAodOm&7XZBqw9pxM|v>nH}G{LgU}ajgQ*`)
z`cac^L%Qs0O4&b%uT9-?D)d^{CI2zTV3uioA10{(t;A?5CK1y}uf)AX2crD7k$j_a
z1wQgCi0_Chgsz`(6!APUg?w%78mi%6=}GGvh8Kxq(t(Mla3-0_#IxkDqOL;X4)V*1
zAdx}nx{<hz^pC`^q;J3kVg>1~_&#1Hbfpp3D0@a3bN!wCjRcpy{tHY+d%Mtj!T1kT
z{;*NZF?DTmyeUsMWl!OB%5Ei=nX(en!-<aMb5YkE8|z8+|Cnj0GN(yjA^imD2Tj9H
zq<5M0o7j@*McLE1$=vfPeoyE-uj@(D6YZq+8ul>lz94-AF_NegFoj>?I3kW1MaAbt
zHc^-Ofv8UGqAnjdqpmpOMdA$c9%c6sFA-yiTEuwbG<ENzu57G<uVGi>AQAW{KgzDf
zBvzWtDSV5%K}37fMdjM*H(wa}OQvlE>0F{JaUZdP@<@D_h$eK6AwDD46GI7I-)sMW
zBGH++M8j|KL36_qOeNkn`DU0%?4gaWAvV@Kcq`=}5@(6>R}z_>L~FuH>?3q-A#Nvz
zmc9S?a^o))^dauoLx@?RE1mQQI9ughM~#W34--2~UUmKSque!)bZ=rRZAKCmNEev;
zle$mmUuWP;Vjk&RRA{b`Nxw_F4R#?8kzR-AunRGl(3MIop<GuIW)V$DKTiCMh$M1|
z^^|wO)|g4?3d|$XpTq@Ipu)cT!Bvy8mx&XkKf>*yQvUZU>Bgi7U_Ih3Q@#$LCa<dn
z;UOxT{BxualdevzBF5U~nm_;kMrJXQNxBvB0O?XyaH+)t@~;y0NxPI*1=kK@KKX0d
z4PVAJSay9v`cpD3FrEk}9c$`;z<0{_{{<?xP|$#Qmh>b-*G3{el(PSHu4mGRX!pEH
zmodyFX5$&^zr-kF0@0M1N^B$65<e2p(IzxIux=v`5Dr4u5@HZhgGM<-6w#SjrAn^;
zq}O1_P>w@Iz5-E`yaPL#^0lPPUk%7yB&JaA!oV?pyhP}Fh&b?<8&v)Xv6Q&k)IEZ?
z6G2sS{Y)GqU(M8iZv2q)R;2%qn~C|v4B`V*zdDS+QA(AGEOAb0Try`$T=3DPgW-W`
z)AF)%ojEQ?w#$*~^Lst+oZbmZKEKoJZ{<sEXG$D<o+wxAa%Y#X^A&l^Rr)=CXMXwW
zEKfm!)1B=~^0l)1{<XWn|9^i4PH$H3o=tyt=khuVonEW&bWf4r^@mK@=g1D;)h0eH
zxHh?VSSPp3k>&AvUA{t(J6jW;;qf`Lym|gT8!6QKcwJe!E*|c3IJ5jku6$p~BW;iU
zC-()Xq#TK?lI3yxy-t5g^B(PLPn+h<Vx0NTKRXGI?6EU^vWoKae12_^&tc}~OG!zw
z2IS@Yy}F0;vNiTOT>d{Am9;oE?-`Tym8l8jP4fk-r7npG-kZLxVoFY)+v(5qxI^9i
z@i=Rw^S@P;^&gBKav;1KOH$S{cy!pyVd-XhypE#KV%qzjOs;H9N{42`x)!RtP-P+O
z>v#H{d0rP23(gx+HLPx)JI|lzWaegu(?YZL1s7#339nkVD<!{=TA4Iv&!&7A)A6|7
zt~>12_#ZbdxO{Y*@Tv}%z0|>NH)V&%WQHdE=PW9ZUm6)0lk1t8=guj2rvL4A@O#SD
z{^fP>Oe<ISZ*POgo9*)IZ2qskjQ{hk`_H?v&sLVdtS3k2?2;AE%i(TU$-K<Zlgp}g
zqWoF8j@cgG;jAJ~zuWKdx%38wj=syA=PVhY^<2XLrD00&YSu4ROG@+GSIg%S<~hNb
zg4*FDSYjRaEPv=QmmOdBHnbi-2Oo$(n%Jk*<^8jj&+5wt&u}?(3S3@aFu@a1HKM<H
zq%YWZ=IIKF8CqE%uX@>uwf<;Ot}qxgCnY>8)YehR^gP+Y)Vl_UwI5?oIy9W*KZcU5
z*Wu5zTIlu6$fFlVR<daBq3WYuKHj&oL5&J@2(LBTRp4Qu{@gsDsVJF0-&tpjOK0@2
oOB*bme=aPde`vLw`T4>37oG@<4h_MP?a3-CU^jy6iuYCeFBVWI-T(jq

delta 10596
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
S?|ON>=Uwyi{5Jn1zyAYjk?SA;

diff --git a/loko/contracts/locale/en/LC_MESSAGES/django.po b/loko/contracts/locale/en/LC_MESSAGES/django.po
index bd89c9a..6629525 100644
--- a/loko/contracts/locale/en/LC_MESSAGES/django.po
+++ b/loko/contracts/locale/en/LC_MESSAGES/django.po
@@ -2399,3 +2399,93 @@ msgstr "Map color"
 msgid "Couleur d'affichage du lot sur la carte (code hexadécimal, ex: #28a745)."
 msgstr "Display color of the lot on the map (hexadecimal code, e.g. #28a745)."
 
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer les commandes et marchés"
+msgstr "Filter orders and contracts"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Sélectionnez les critères de recherche"
+msgstr "Select search criteria"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun"
+msgstr "None"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Marchés"
+msgstr "Contracts"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer la liste des marchés..."
+msgstr "Filter contract list..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Période de commande"
+msgstr "Order period"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Rechercher une commande, un marché, une description, un prestataire..."
+msgstr "Search order, contract, description, provider..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Effacer la recherche"
+msgstr "Clear search"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres"
+msgstr "Filters"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Afficher par"
+msgstr "Show by"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres actifs"
+msgstr "Active filters"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Supprimer ce critère"
+msgstr "Remove this filter"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Tout effacer"
+msgstr "Clear all"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Télécharger le bon de commande"
+msgstr "Download order document"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucune commande ne correspond à vos critères de recherche actuels."
+msgstr "No orders match your current search criteria."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Réinitialiser les filtres"
+msgstr "Reset filters"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> commande(s)"
+msgstr "Showing <strong>%(start)s</strong> to <strong>%(end)s</strong> of <strong>%(total)s</strong> order(s)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des commandes"
+msgstr "Orders pagination"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Détail du contrat"
+msgstr "Contract details"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun marché ne correspond à vos critères de recherche actuels."
+msgstr "No contracts match your current search criteria."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> marché(s)"
+msgstr "Showing <strong>%(start)s</strong> to <strong>%(end)s</strong> of <strong>%(total)s</strong> contract(s)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des marchés"
+msgstr "Contracts pagination"
+
+
+
diff --git a/loko/contracts/locale/fr/LC_MESSAGES/django.mo b/loko/contracts/locale/fr/LC_MESSAGES/django.mo
index 4c62d55571b735eb3db34084d92f466a80f00b64..751b3c446828d90da3a6e3a8111c82f0eecb9772 100644
GIT binary patch
literal 44909
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
ae?-}@LZTGJK5kL|Hbwc{6kq+@6#oZYk6ru#

delta 10987
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

diff --git a/loko/contracts/locale/fr/LC_MESSAGES/django.po b/loko/contracts/locale/fr/LC_MESSAGES/django.po
index 417a16d..d40a097 100644
--- a/loko/contracts/locale/fr/LC_MESSAGES/django.po
+++ b/loko/contracts/locale/fr/LC_MESSAGES/django.po
@@ -2449,3 +2449,93 @@ msgstr "Couleur cartographique"
 msgid "Couleur d'affichage du lot sur la carte (code hexadécimal, ex: #28a745)."
 msgstr "Couleur d'affichage du lot sur la carte (code hexadécimal, ex: #28a745)."
 
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer les commandes et marchés"
+msgstr "Filtrer les commandes et marchés"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Sélectionnez les critères de recherche"
+msgstr "Sélectionnez les critères de recherche"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun"
+msgstr "Aucun"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Marchés"
+msgstr "Marchés"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer la liste des marchés..."
+msgstr "Filtrer la liste des marchés..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Période de commande"
+msgstr "Période de commande"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Rechercher une commande, un marché, une description, un prestataire..."
+msgstr "Rechercher une commande, un marché, une description, un prestataire..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Effacer la recherche"
+msgstr "Effacer la recherche"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres"
+msgstr "Filtres"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Afficher par"
+msgstr "Afficher par"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres actifs"
+msgstr "Filtres actifs"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Supprimer ce critère"
+msgstr "Supprimer ce critère"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Tout effacer"
+msgstr "Tout effacer"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Télécharger le bon de commande"
+msgstr "Télécharger le bon de commande"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucune commande ne correspond à vos critères de recherche actuels."
+msgstr "Aucune commande ne correspond à vos critères de recherche actuels."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Réinitialiser les filtres"
+msgstr "Réinitialiser les filtres"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> commande(s)"
+msgstr "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> commande(s)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des commandes"
+msgstr "Pagination des commandes"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Détail du contrat"
+msgstr "Détail du contrat"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun marché ne correspond à vos critères de recherche actuels."
+msgstr "Aucun marché ne correspond à vos critères de recherche actuels."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> marché(s)"
+msgstr "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> marché(s)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des marchés"
+msgstr "Pagination des marchés"
+
+
+
diff --git a/loko/contracts/locale/nl/LC_MESSAGES/django.mo b/loko/contracts/locale/nl/LC_MESSAGES/django.mo
index c738f01314dab012b7c401dc96e9fcc591579683..0f988ebf7a287ad6b549886fd865eeede06f1645 100644
GIT binary patch
delta 12497
zcmb{1cX(7){>Sl~fPoMQCA3h7o<Qi4-XZi}q?aMNNd}ThoEf6jK@cLy(n51_K@?d)
zYz&Bihzh8yf`BeoP*B!_3MhieF7Ep?_e8SgkKglq_C9`jopWwE=X}q(HvuniiG2C_
z$l$pO#n)OKHzO>o27X!AvbIE8)~?!WwX7D6E$b+@#3;OuvG@-xg{7NVRt#3bIIM@d
zt}T|pF2>$ijrw5ZR?CBQ6|~k+s6)e6bm8k*3%|m<Fe=G;P-#?$7174p=)y(VAGe{#
zd=+(n`KFfT#TJ;2o3S*OY34ky8djozt1g8qoM?yTaVY8mQ%(B=Se5!CSQB@n267T(
z@DtQbzcOCNXzDkxB}O!Np5GcZp#j(lhha<lx0X{-N?t*w=n@Xbs1}yh14m&c+<=<F
zGuQ|ZVnh4_NtRWL-Wp&V?1d9h1K)yo;{oi3SCB5OmaWLYi-Ma%EG|F|U=`}dU8orz
zLyi0tmctJ)8NW8?YqoaQJ`vl|-WiptJRFK^kYrdFkz1^a+^nVQlT7~CQOKYn9&ckA
ztjchUV?$I1nxIndMGbH!mc%ut{ZFQSJ1X@@umT=O4dipIjJHwGuhhnwSiLsnUu)l-
z2A$}Gx^WchL7Aw5`B14}hPwU{)S5q!O8tIw{vv8%KcWVF3oBw&TW86tV`b_+u^)~L
zQc#CmQ626>-S{f%!go-a_yYA>eT`bG%cud}HuV_tUY2?_)Dktu^4JmMaFD6HQTO{%
z{RS793)Z4G%?@OLSU;fF-qqg8Op>t!YA^Ify(NQD*JYzN-%NDjW~`5|peA+^m5Iw(
z1&enG@3Ej&gMvnWH|oL^td2uayL>w8!3C&Iv>&y5zeZ)CYDdfJjtx*5%D}4VMNK3h
z^_=~v58Qdwp12*B^{>Ips8n}ArDT{f4Qo)p4>iCws2OZE?nk|TCs3LD8JV2bp|i7u
z0n|W(s6DX(^_(rJj6IJP_5L3+Cr+boxPbg;-Qo{zvi4n^j=Q5WaStjJb5IX_3bp13
zF$v!>?Ke>!M|X8HQvvn7c+{S#gFzMUrl1S^p*F{G)P-(zp$F^WQq<<$WzO$IU4Iyh
z;R)2*o<=R@x2TL=Ge&oFK4i5}6G`sI`=3Bz91U8lg{T?rMP=d`Y7?EqT3C#Qc41vq
zM?Fy;jK?~di^{-i9E*oh&yVLLQWtw*bF@*{t?dzXI)06Y7BpPLw%DMj)6qn9Q=f-g
zv(K>(euw&A#Io?OU=1veXHgltfV%#B)O9ye11^!`bX*$;Qy&<lz(>j2h}G~EYJ}fm
zZLHDT8AvBoh9+WTT!9Vo09L~DI2CVTO&r(9>F|E6M|~wW#XZ;xFQEDfR_g2Q@)T5u
zQ;|2zT7dQO5XR#L)LZg*)J)>~Ih(EtmZ07VwdTFBBo4;%I2yG_JjVMmih4e>)In=G
z1wCMsxnLXCrM?&Spbt@Nd>-|BUPtYX=>E=3>!JqU4fQ>kg2gc#OQ8?76mwDiEJ3|3
ztFXL&{y!crkQ!t}*6XO0o<XhMcc{1IS5yXK2RI*;2B_-?87HD<nvKfX9MlBX88@Q_
zxE*;jt-V;A{;g{il#+@Aowcft#i(~h4WK9L!NX7knSx4f05zk<$j8iDZqC1jqo|)l
zJtujP({VeDrk;Y@YeO(tgTgd(K|U(AYfv+N8kPE^s0V$7k$4t$-RG#ia1%>odA78c
zt`=%Zx}zrM#=9^Rb)OfNnf$@zKbFEu8noFqV+<ZeJ@6!I#%EC}y^4t#GsO8BaW^JW
zABLLIJk$&yL3Q{9YOQx*Sv-Im&|9W{Y6$tCPs4c{)bZ4z&ZhBV8R|1pDb7cwd<Dkh
z7S#36p=R<Ds^ep*jJ=E6Ltmoq`xUh*OAmAIFORz36{Mh!8l!G(hf3if?1{OkneD;y
z_%7-#IFI@wUNiN$;Z6n{Vl&zYpq6G9_QBPtiF|ClfXZy}TM7vjZeubw8sV(b1mg_U
zOqOE>+=_beK2#>&MGf#A>bje#H7+~S`BEleKkEHaduR=6ARCbDgVtjdwAo(326!A<
z4eKY&!JeZmD-}biwX1TE(@`y~NIe<LVL#M^#~G)hQalYcumHy4Qd8d)uCxAoC}?xN
zX}o}XEB=nkO#EnPGxfky)cc|yI0Ciy9@Jj&p*HP2Y={q|HsNm6^)I3}`3ckh6PDKd
zf0IHLj2h!u3$+K@U}YSOjK#`DzCqR-*bOU;bvD%qEK7Y1Y5<w24riG252I$j5;d`{
z=)+er7*63hb~FwBP(M5_;j<V$-r1b{(MA0YtcqWw1{N{F>9{I(r=Ea1KMggIg{Xn7
zL@nJmR7RghP58_N)?aJ(0}V>yb=2;Soap>o-4d1JiKw?E9ktd0<090L<8`PRzKHek
z9c+YGP${oE$@y+{M!r>62KL3hlgPgsZqv{f2Tta*iw|NqJZijait`td-l%~rLA?#@
zQ626?4eSK!t@sR;fgdmuZ=v?iZPZdlyPb)}2PvqbE^4>7LcJ!PQ15#;RECCQEgXl+
z$V^Pc1y~1np*GtIRLAe5Qhy%xdfvcJSYfI&&>`4{dT<Jb9udq0kI?XOs?*`7G-pY+
zp$4!UHS+_gwR_XFe{TF5wZ>Oa8M%R4>*}_Xsa~iFjK=DihxPUTucn|I_ZeSCrRo^6
z9judB1DmEho2)--M$51!{u#BKk6|vh%Wwv|1C`Nzs7?N=@r*ft32V~7b<>=vlIf%@
z2{pnVs2NW}Em0Qgfpbusb+K_ZHl)4@^;R6i;`k|c#PgVpH9gJ`tKq1n31S!ex7Jc<
zkME-%5IfDuKm$ym-U8LZSW};mdd+sAI(W_0Z(~d9Ri-=7>xYTd7h-LE8l&+zY6(BU
z@cVz6LJ1m*XE{qz8nyZ2P#rWt-RMSLHyzudAC;+HI0oOu7FZ|Sxo<e?{BnE<ccPx#
z+UsoM6fgN#ss_{09Y<g(T#NDen5iEy9z$j5B$mdnjMq$iM2@rBs-n&}K@GeeD&;*;
z6BvUU$dnxNUy_2420eH->c-Wkz8Q7?1#E_gQSbc^sDVbX<J3WER0ow&yFUqaekcyY
z@u&~f4lIL*uq?hEG=)#_E*dTwucAhH1IuCbz0Sa@q3Vq=2HTnTUZy?_)$v5ro@wec
zP#w<4ZnzSYFnEfBW_;Ti!@HyrRz;<%A-b>`s^cN3%{T??V!m-Fs^jCROn!*kWS5O4
z{LYuLHtM=&$aO)hJq2x&p{Vyd3zh18Y=tkN2J{W;3w8sQspNn&qYjuzy+3MT0o2~v
zh}!jg(S?6Sy*1a3WoKwWtbYOpePG(6W;hb#(8fwQ6C2|S?1l%hGu}ciLHj&sMk&Uj
zsOOAFWiShs`T$nI2eCY^$MC=Z?VzAd^ohCPB5EeTpf*$O`<w^%MBO+Nn_xO>psP_!
zxDC}|$aoO-$vuLV@B*rzUr^79yr2AQcUPp~!kVZKyP#$^74<+bY6f|z)GtOoU>WLx
zn@}^`j+ODCsh>tI#YJp{zo919Xr}YL!86IfMmC9t@Y-P&>KjpO7s7aa53Az$s67%j
z%lTcg4vwSV2epKcBR^EE!^SUBdn0<b)85)R20PF`cQ)&<8(yS=UjeMMsNLCVj`L%+
z4=S}Dd=>Ms7`B`1WTum`7iyCZL=AWx>bU{zijQDZ{0KF{67!sT?H~oEY!E6FY1kTP
zq2AADusVK%TI(B_i7^aZ9R*MiT#mYK8!FYWq4vnPsE#YocP7*e)n7U$V{k47jdV9^
z03TpQ{N5P(fb%n<3Tm&^GB!eGss-x4j;Q;F8PhR}`fQBF1*pBV3bkj}BLfUtTPWzk
z$5AspgG%|grhWtKP>)&Q?1`qR^Mg<i9EW<~6yr2h#{tx)oNZi=dM&r0Ht%jMqxb(P
z1wHUI>W0rysr(W3HpDJ;+FPM!nu40qc+)-&HGsLseAM$+VGrDdHSs)ZV83B)jCzp0
zME_Pp3VOX7qaNJB)cc`EIu>=~bnJ*eR0q#sA3TVWSZtBADWi<BsEk%NHb%YHT}-_{
z1~ubJ6ts5tq8_x^xCE7nWvI=z9rb|Mur8iJ&EzU-3Ck~b22c(4y4E%Ij;M+C#QHcK
zwRi4YO#U^K1vF@;D~wxEyE=p#;M-UY&!MiriTW@_<vYJ>#iEuV4wcE8roAa@$y(vP
z*cUa>1E|;aNIv;j;S>#ez-OpTe1jU{ZH&U`hnySB8RJp+)kV#$1!{A3#o{;=HPBJ0
zj7>!i%!_*c=AkmNHb_CKJ%H-?ed9N%3vU}MEpfhZNydKIi1X>Ffh@=F_$Zdda~O?Z
zp)z?DwN%kdo$pH`YKejqDJVsGrePUs(>#fq(SFp@yoDO*r>N_%qxMGWhn;~X;CSjO
zSPZwIGVvs833nO~p=N#(2k8C(nSzgo?#q}B?m?xz`X9_DLZz-FY9IqpGn<H-X$Hn%
zE^2^tP!m{(%IHqi{fABcT~ubj#439KZ&A>Vam$^Ko1z|^jCw$4Qy-3ZQ6G;b(2Ysx
zG41P68G95H@M+XU&Y%W<7Hi;TW9b!aYWlYlRlr_294BK>+>Pz<Ix3aTS2{CIMs2Qc
z7>k2Y=O>uD8@0B%=*1;i7JotJYL#5&On4mzpP=D63Z-!5YG=liu>$n~>c)IjO4nmo
zd<r$-OQ=jl6*$+&qUv=}Yn+JXa4>4gCY!nkmGM~x<X@X;jk(}CbHM>r%HGBbcotoF
z#nj8Maq9JrDX0$9QK^3zJL4Yghd*Lp?6lVTYyKish7YYJ|Gg+gtRtP+8+%|rs^hm%
z138P0@iJ;A)z&*pQ6IGwEl^+1&ZzU<P)pMv^)`$}Wpbi9pN(3w`+^k8P?%#HmZCPv
z3e;xXg|%=uy6_ZgQ~ij#?<Q8n5*wV9)<8|54J!3Bu{AEm2rPPdX$VfB<?qC8VvxCF
zFY2Lr_($RZv5<N?>Nrhwr(B(AN?Dt%@R(?>d5wl<l;;v`6RWw(7)OjT*H8>v4^kOL
zi6ycQ5HAxqXxn2h>VN^-W)O=B9V3Zuv_DI{KwKks(DoZqm(Wp<wtDCxw3Lge7ang>
z7)-so-v3|BiTBOf7pXU=`~%UBSZdB|{c2H;B3>arqTZf3V$M?xA6e8dQ+gTiB5D#3
znsa>HtdZ1@;|2Vh{;h2kbbRGt<(RsvUr^RZMn`|jgYj?Snq~b7H_;YP@Da5>!IS2k
z(5pC&wqr!$@vSL5WK{pw3q%1I9Wobo#iQne!<4m?zccmaM)3pZUMHGS)@IeQn0g%y
z;3Z-qp+lRt5Ah-O*Rc`u^CD<{PDO{0h8jdar)u$vS{~{>h_;mVTKUYm4tSRKZ-`lx
z=V5Pbhfm=Bm`i*~ITH0Pc#P07hx((~2fIXs=g&G&(Q(e`r`(V7VLU_(AxaWk&H3S!
zA2sDBlnamAwEdO%%AEU<6ME09Q2zkSVye0L57<Ec?<R(GVjPi9c_khtS`tN%?bP*c
zC_MbsR}kM3B?uiq<1peWVlwqOY!g1i$A+?wfq0czL^(LtG~P#LBJpSHzo3p>Vixt~
zM2Hwd=;%dEr~DIfi*iS7K&+s=8{fujgpO{+P1?4pVvhHy_aZo){4X#kS~!i?GseG~
z_CFfMY;&$DjyCN{rtJxwM%yG}nQ7xkM);p#T2aq5*UvUSuKxdIE>xS_ly6XejPiPO
zVQb3!P5BjUM0BR@N!(%X`53<^D$}Opamr(zqV*ECH`kq|+>sbcR1TWPFYz9t5;2Su
zpAu<A72*n^Z~cDGW#KN=QHgk#xJbN3+e5^2#0a7SF`D>-b8n-LG%SZNVH@H&5&Ro}
z6dw5$R+`EMe3f&3i58S+6uC~nZbeZ4(Oer%Ig=<!{DIg?dnx=25liS8L3~1NAqEgS
zzSsKyOd*;0kqf`U_2!0?*ok<})aznH;t1F1=<i^?fs<%IMSM#XJrbzANHiwg#4$q0
z)5N{RfWr6xVQ&1DhOWeFJ%qR)bfi#z2WP6C<Fv6M<#&mFrmk~6^hc579?D&aDO@v@
zC`LKkoc~<+Y5!{vd`8TtJVA}-_<-_XC^x~oi4&AJ<0ZVCm`CX7L@c3QM*^l2wJ2{Q
z{y~%?GKej-x5UOcmCzBKPoXD;%cen%-Sr1YdD@;Q&QX3J_l8^f*9^)vDfh;z#H*%#
zGd@XOM|~oPC~oRIDZfj(46%wB<+N-5{Dw;<pO{KHkyuOlyiRcFiUrgU67iI6m34w+
zAMpV7o7fhg$8}hEd_?(UD)q4r5lOkCIe!J;C|v(%IPo+M)rdb+9!KcdPNalO{NTW<
zrhJ0yo-*Y^2AaZ5yvX^_urx7-s7*{E_7EG0pNO4Y6P_Jd(}_0;7olSb(U&O4MHxhC
zBAHmFlN>!Mufta18k>rGF`_(m7q&L-8z>h&s!_R0Os3t&;2HjSj?nQ4@#eqXp!SW#
zQewP0w-N6pLORKDoj5~1#+?7uc#8H!%J1PW;sGL$c*mSy6Tz<q=T#{vmsqo4enRnr
z?-DA8HYL0r8B9<2q-MG^Y*(7?>f{gja=aN`8YK7wZeJkL->JE2aUFTA$XVN)R`i^I
zhOfxUKu*A&RrGXfPIk82n`S5Y6Rqz5-d*s2-(R-dmzsHG$DQtMpDWkxv${{qnGvvm
zmkIk_X`#7I>O_P#B*jIv_S&x09G}nj=jM3RG~v7)zbn<}2^`r@qw?dkQ!{NIZoAy6
zff;s|zhGn2Gyk9aLX(@FEL9>k#~bju0|oWkH;+qCcc(JWEccyGLPOiX7&%c*Sss5t
z3*>j1x%rzlYi9NKWCeV>hxWo8`(1Y6_lpXzxG;a4Df$c51U%{fP)w&K(V>S^mKAT7
z;qkfyo*Zwuo8KR24R!y^iNgLv75l##8AD16uMC|Y_<Tf)NsrGpBb-cU-IJ&lj!EV4
zOvr1lx(lDoCBFf8!0qwbOe{2iaLI@&9<L|haWiu>!}RcM{h<ekEQu^xxGDv|4O^Ko
z;>eCHo9X0uz4k088~=6DLd%CYi7e@|om7YRj7*CxJ2gDvJF|!yeXdk+v~Bw`+<CSu
z&+RR;vH#<pV5b*3{ckVDzux;FFU3@5Y-eS8ycr3$H<ABad#B4_k%#_I`^?Er^SM(q
z19y6~^K7px*Y;T>bL_kvJHz%`y>dcV-0=~See8m$)LX4>?{quMb`{>rJCT)^!ya>!
z8kRqEh9}L#$75EGJza}p`#kP~UsDgZG56h>=Ktl+W}#=(nv{y|8GbKP18Fu}BCFsd
zZ}YfuJpcDG+~@K8ZEvVV&XbYBfu3o8c0400Jk5->S8Si{)mzfz_e67o|NhHm;g>?!
z7rrRA&u?{SN0A=$EWefF;S**Jv^{Aow9B16HDG()?$C*QH<b*zXN@SHtQUppdo#k@
z=FY^)Y4|0&bMDR%Lc8a=Bg;5LWEng;X?Cc>1KAPXHQ(@HUCx8NGqSU7U()ZRr<Cna
z&GdPu<<Vo3E6rnj{ee8&mt`{u=3Ovv!Ee#}LNFIsPAF^P#>g16Kr^ykc?G{LdMJJb
oE1Mc%=V>L2u3#v*xN2mS-=#!{Rz4ITS;Ec=zbT=OOGifi6Q*To?*IS*

delta 10606
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

diff --git a/loko/contracts/locale/nl/LC_MESSAGES/django.po b/loko/contracts/locale/nl/LC_MESSAGES/django.po
index 1433fbe..71d80dd 100644
--- a/loko/contracts/locale/nl/LC_MESSAGES/django.po
+++ b/loko/contracts/locale/nl/LC_MESSAGES/django.po
@@ -2405,3 +2405,93 @@ msgstr "Kaartkleur"
 msgid "Couleur d'affichage du lot sur la carte (code hexadécimal, ex: #28a745)."
 msgstr "Weergavekleur van het perceel op de kaart (hexadecimale code, bijv. #28a745)."
 
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer les commandes et marchés"
+msgstr "Bestellingen en opdrachten filteren"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Sélectionnez les critères de recherche"
+msgstr "Selecteer de zoekcriteria"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun"
+msgstr "Geen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Marchés"
+msgstr "Opdrachten"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtrer la liste des marchés..."
+msgstr "Lijst met opdrachten filteren..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Période de commande"
+msgstr "Bestelperiode"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Rechercher une commande, un marché, une description, un prestataire..."
+msgstr "Zoeken op bestelnummer, opdracht, omschrijving, dienstverlener..."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Effacer la recherche"
+msgstr "Zoekopdracht wissen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres"
+msgstr "Filters"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Afficher par"
+msgstr "Weergeven per"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Filtres actifs"
+msgstr "Actieve filters"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Supprimer ce critère"
+msgstr "Dit criterium verwijderen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Tout effacer"
+msgstr "Alles wissen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Télécharger le bon de commande"
+msgstr "Bestelbon downloaden"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucune commande ne correspond à vos critères de recherche actuels."
+msgstr "Geen enkele bestelling voldoet aan de huidige zoekcriteria."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Réinitialiser les filtres"
+msgstr "Filters opnieuw instellen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> commande(s)"
+msgstr "Weergave van <strong>%(start)s</strong> tot <strong>%(end)s</strong> van <strong>%(total)s</strong> bestelling(en)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des commandes"
+msgstr "Paginering van bestellingen"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Détail du contrat"
+msgstr "Contractdetail"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Aucun marché ne correspond à vos critères de recherche actuels."
+msgstr "Geen enkele opdracht voldoet aan de huidige zoekcriteria."
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Affichage de <strong>%(start)s</strong> à <strong>%(end)s</strong> sur <strong>%(total)s</strong> marché(s)"
+msgstr "Weergave van <strong>%(start)s</strong> tot <strong>%(end)s</strong> van <strong>%(total)s</strong> opdracht(en)"
+
+#: contracts/templates/contracts/contracts_index.html
+msgid "Pagination des marchés"
+msgstr "Paginering van opdrachten"
+
+
+
diff --git a/loko/contracts/static/contracts/css/contracts_index.css b/loko/contracts/static/contracts/css/contracts_index.css
new file mode 100644
index 0000000..0c29e8c
--- /dev/null
+++ b/loko/contracts/static/contracts/css/contracts_index.css
@@ -0,0 +1,831 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');
+
+/* Main Page Container */
+.contracts-page-container {
+    max-width: 1440px;
+    margin: 1.5rem auto 3rem auto;
+    padding: 0 1.25rem;
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+/* Page Header */
+.contracts-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-bottom: 1.25rem;
+}
+
+.contracts-tabs {
+    border-bottom: 2px solid #e2e8f0;
+    margin-bottom: 0;
+}
+
+.contracts-tabs .nav-link {
+    font-size: 0.95rem;
+    font-weight: 600;
+    color: #64748b;
+    border: none;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -2px;
+    padding: 0.65rem 1.25rem;
+    background: transparent;
+    transition: all 0.15s ease;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.contracts-tabs .nav-link:hover {
+    color: #0f172a;
+    border-color: #cbd5e1;
+}
+
+.contracts-tabs .nav-link.active {
+    color: #0f172a;
+    border-bottom-color: #0f172a;
+    background: transparent;
+}
+
+.tab-counter-badge {
+    font-size: 0.75rem;
+    font-weight: 600;
+    padding: 2px 7px;
+    border-radius: 9999px;
+    background-color: #f1f5f9;
+    color: #475569;
+    border: 1px solid #e2e8f0;
+}
+
+.contracts-tabs .nav-link.active .tab-counter-badge {
+    background-color: #0f172a;
+    color: #ffffff;
+    border-color: #0f172a;
+}
+
+/* Primary Action Button */
+.btn-new-order {
+    background-color: #0f172a;
+    color: #ffffff;
+    border: 1px solid #0f172a;
+    border-radius: 9px;
+    padding: 0.5rem 1rem;
+    font-size: 0.88rem;
+    font-weight: 600;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    transition: all 0.15s ease;
+    text-decoration: none;
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
+}
+
+.btn-new-order:hover {
+    background-color: #1e293b;
+    color: #ffffff;
+    border-color: #1e293b;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.12);
+}
+
+/* Toolbar: Search, Filters & Settings */
+.contracts-toolbar {
+    background-color: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
+    padding: 0.85rem 1.15rem;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: 0.85rem;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
+}
+
+.search-widget {
+    position: relative;
+    flex: 1 1 360px;
+    max-width: 550px;
+}
+
+.search-input-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+}
+
+.search-icon-left {
+    position: absolute;
+    left: 0.85rem;
+    color: #94a3b8;
+    font-size: 0.95rem;
+    pointer-events: none;
+}
+
+.search-input {
+    width: 100%;
+    padding: 0.5rem 2.25rem 0.5rem 2.35rem;
+    font-size: 0.88rem;
+    border: 1.5px solid #e2e8f0;
+    border-radius: 9999px;
+    background-color: #f8fafc;
+    color: #0f172a;
+    transition: all 0.15s ease;
+}
+
+.search-input:focus {
+    outline: none;
+    background-color: #ffffff;
+    border-color: #2563eb;
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+}
+
+.search-clear-btn {
+    position: absolute;
+    right: 0.75rem;
+    top: 50%;
+    transform: translateY(-50%);
+    background: none;
+    border: none;
+    color: #94a3b8;
+    padding: 2px 4px;
+    cursor: pointer;
+    font-size: 0.8rem;
+    line-height: 1;
+    display: none;
+    transition: color 0.15s ease;
+}
+
+.search-clear-btn:hover {
+    color: #0f172a;
+}
+
+.toolbar-actions {
+    display: flex;
+    align-items: center;
+    gap: 0.65rem;
+}
+
+.filter-trigger-btn {
+    background-color: #ffffff;
+    border: 1.5px solid #e2e8f0;
+    border-radius: 9999px;
+    padding: 0.45rem 1rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: #334155;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.45rem;
+    transition: all 0.15s ease;
+}
+
+.filter-trigger-btn:hover {
+    background-color: #f8fafc;
+    border-color: #cbd5e1;
+    color: #0f172a;
+}
+
+.filter-count-badge {
+    background-color: #0f172a;
+    color: #ffffff;
+    font-size: 0.7rem;
+    font-weight: 700;
+    border-radius: 9999px;
+    padding: 1px 6px;
+    margin-left: 2px;
+}
+
+.page-size-selector {
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.82rem;
+    color: #64748b;
+}
+
+.page-size-select {
+    padding: 0.35rem 0.65rem;
+    font-size: 0.82rem;
+    border: 1.5px solid #e2e8f0;
+    border-radius: 7px;
+    background-color: #ffffff;
+    color: #334155;
+    cursor: pointer;
+    font-weight: 500;
+}
+
+.page-size-select:focus {
+    outline: none;
+    border-color: #2563eb;
+}
+
+/* Active Filters Pills */
+.active-filters-bar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+    padding: 0 0.25rem;
+}
+
+.active-filter-label {
+    font-size: 0.78rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: #94a3b8;
+    margin-right: 0.25rem;
+}
+
+.active-filter-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+    padding: 0.25rem 0.65rem;
+    font-size: 0.78rem;
+    font-weight: 500;
+    border-radius: 9999px;
+    background-color: #f1f5f9;
+    border: 1px solid #e2e8f0;
+    color: #334155;
+    transition: all 0.12s ease;
+}
+
+.active-filter-chip .remove-filter-btn {
+    border: none;
+    background: none;
+    padding: 0;
+    margin-left: 2px;
+    color: #94a3b8;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    font-size: 0.75rem;
+    line-height: 1;
+}
+
+.active-filter-chip .remove-filter-btn:hover {
+    color: #dc2626;
+}
+
+.btn-clear-all-filters {
+    font-size: 0.78rem;
+    color: #dc2626;
+    text-decoration: none;
+    font-weight: 600;
+    padding: 0.25rem 0.5rem;
+    border-radius: 6px;
+    transition: background-color 0.12s ease;
+}
+
+.btn-clear-all-filters:hover {
+    background-color: #fef2f2;
+    color: #b91c1c;
+}
+
+/* Table Container & Design */
+.contracts-table-card {
+    background-color: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 14px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
+    overflow: hidden;
+}
+
+.table-responsive {
+    margin-bottom: 0;
+}
+
+.contracts-table {
+    width: 100%;
+    margin-bottom: 0;
+    border-collapse: separate;
+    border-spacing: 0;
+}
+
+.contracts-table thead th {
+    background-color: #f8fafc;
+    color: #475569;
+    font-size: 0.74rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    padding: 0.75rem 1rem;
+    border-bottom: 1.5px solid #e2e8f0;
+    vertical-align: middle;
+    white-space: nowrap;
+}
+
+.contracts-table thead th.sortable {
+    cursor: pointer;
+    user-select: none;
+    transition: background-color 0.12s ease;
+}
+
+.contracts-table thead th.sortable:hover {
+    background-color: #f1f5f9;
+    color: #0f172a;
+}
+
+.sort-link {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    text-decoration: none;
+    color: inherit;
+}
+
+.contracts-table tbody tr {
+    transition: background-color 0.12s ease;
+}
+
+.contracts-table tbody tr:hover {
+    background-color: #f8fafc;
+}
+
+.contracts-table tbody td {
+    padding: 0.65rem 1rem;
+    font-size: 0.85rem;
+    color: #334155;
+    border-bottom: 1px solid #f1f5f9;
+    vertical-align: middle;
+}
+
+.contracts-table tbody tr:last-child td {
+    border-bottom: none;
+}
+
+/* Code Link Badge */
+.table-code-link {
+    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
+    font-size: 0.82rem !important;
+    font-weight: 600 !important;
+    color: #0f172a !important;
+    text-decoration: none !important;
+    white-space: nowrap !important;
+    display: inline-block;
+    padding: 3px 8px;
+    border-radius: 6px;
+    background-color: #f8fafc;
+    border: 1px solid #e2e8f0;
+    transition: all 0.15s ease;
+}
+
+.table-code-link:hover {
+    color: #2563eb !important;
+    border-color: #93c5fd;
+    background-color: #eff6ff;
+}
+
+/* Table Action Button */
+.table-action-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    border-radius: 8px;
+    color: #64748b;
+    background-color: transparent;
+    border: 1px solid transparent;
+    transition: all 0.15s ease;
+    text-decoration: none;
+}
+
+.table-action-btn:hover {
+    color: #0f172a;
+    background-color: #f1f5f9;
+    border-color: #cbd5e1;
+}
+
+/* Status Badges */
+.status-badge {
+    font-size: 0.74rem;
+    font-weight: 600;
+    padding: 0.32rem 0.7rem;
+    border-radius: 9999px;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.3rem;
+    border: 1px solid transparent;
+    white-space: nowrap;
+}
+
+.status-badge.pending {
+    background-color: #fffbeb;
+    color: #b45309;
+    border-color: #fde68a;
+}
+
+.status-badge.sent {
+    background-color: #f0f9ff;
+    color: #0284c7;
+    border-color: #bae6fd;
+}
+
+.status-badge.completed {
+    background-color: #f0fdf4;
+    color: #16a34a;
+    border-color: #bbf7d0;
+}
+
+.status-badge.invoiced {
+    background-color: #faf5ff;
+    color: #7c3aed;
+    border-color: #e9d5ff;
+}
+
+.status-badge.paid {
+    background-color: #ecfdf5;
+    color: #059669;
+    border-color: #a7f3d0;
+}
+
+.status-badge.cancelled {
+    background-color: #fef2f2;
+    color: #dc2626;
+    border-color: #fecaca;
+}
+
+/* File Icon Link */
+.file-download-btn {
+    color: #dc2626;
+    font-size: 1.15rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 30px;
+    height: 30px;
+    border-radius: 6px;
+    transition: all 0.15s ease;
+}
+
+.file-download-btn:hover {
+    color: #b91c1c;
+    background-color: #fef2f2;
+}
+
+/* Empty State */
+.table-empty-state {
+    padding: 4rem 1.5rem;
+    text-align: center;
+    color: #64748b;
+}
+
+.empty-icon {
+    font-size: 3rem;
+    color: #cbd5e1;
+    margin-bottom: 1rem;
+}
+
+.empty-title {
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: #0f172a;
+    margin-bottom: 0.35rem;
+}
+
+.empty-desc {
+    font-size: 0.88rem;
+    max-width: 420px;
+    margin: 0 auto 1.25rem auto;
+}
+
+/* Pagination Bar */
+.contracts-pagination-bar {
+    padding: 0.85rem 1.25rem;
+    background-color: #ffffff;
+    border-top: 1px solid #f1f5f9;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 1rem;
+}
+
+.pagination-info {
+    font-size: 0.85rem;
+    color: #64748b;
+}
+
+.pagination-nav .pagination {
+    margin-bottom: 0;
+    gap: 3px;
+}
+
+.pagination-nav .page-link {
+    border-radius: 7px;
+    border: 1px solid #e2e8f0;
+    color: #334155;
+    font-size: 0.82rem;
+    font-weight: 500;
+    padding: 0.35rem 0.65rem;
+    min-width: 32px;
+    text-align: center;
+    transition: all 0.15s ease;
+}
+
+.pagination-nav .page-link:hover {
+    background-color: #f1f5f9;
+    color: #0f172a;
+    border-color: #cbd5e1;
+}
+
+.pagination-nav .page-item.active .page-link {
+    background-color: #0f172a;
+    border-color: #0f172a;
+    color: #ffffff;
+    font-weight: 600;
+}
+
+.pagination-nav .page-item.disabled .page-link {
+    color: #94a3b8;
+    background-color: #f8fafc;
+    border-color: #e2e8f0;
+}
+
+/* ─── Airbnb-style Modern Filter Modal ──────────────────── */
+#filterModal .modal-dialog {
+    max-width: 820px;
+    margin: 1.5rem auto;
+}
+
+#filterModal .modal-content {
+    border: 1px solid #e2e8f0;
+    border-radius: 18px;
+    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+    display: flex;
+    flex-direction: column;
+    max-height: 88vh;
+    overflow: hidden;
+    background-color: #ffffff;
+}
+
+#filterModal .modal-header {
+    padding: 1.25rem 1.5rem;
+    border-bottom: 1px solid #f1f5f9;
+    background-color: #ffffff;
+}
+
+#filterModal .modal-title {
+    font-size: 1.25rem;
+    font-weight: 700;
+    color: #0f172a;
+    letter-spacing: -0.02em;
+}
+
+#filterModal .btn-close {
+    font-size: 0.85rem;
+    padding: 0.5rem;
+    opacity: 0.5;
+    transition: opacity 0.15s ease;
+}
+
+#filterModal .btn-close:hover {
+    opacity: 1;
+}
+
+#filterModal .modal-body {
+    padding: 1.5rem;
+    background-color: #f8fafc;
+    flex: 1;
+    overflow-y: auto;
+}
+
+#filterModal .modal-footer {
+    padding: 1rem 1.5rem;
+    background-color: #ffffff;
+    border-top: 1px solid #f1f5f9;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+/* Filter Sections */
+.filter-section {
+    background-color: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 14px;
+    padding: 1.15rem;
+    margin-bottom: 1rem;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.filter-section:hover {
+    border-color: #cbd5e1;
+}
+
+.filter-section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 0.85rem;
+    gap: 1rem;
+}
+
+.filter-section-header label,
+.filter-section-header .section-title {
+    font-size: 0.95rem;
+    font-weight: 700;
+    color: #0f172a;
+    margin: 0;
+    letter-spacing: -0.01em;
+}
+
+.filter-section-buttons {
+    display: flex;
+    gap: 0.35rem;
+    margin-left: auto;
+}
+
+.filter-section-buttons button {
+    padding: 0.25rem 0.65rem;
+    font-size: 0.75rem;
+    font-weight: 500;
+    border-radius: 6px;
+    border: 1px solid #e2e8f0;
+    background-color: #ffffff;
+    color: #64748b;
+    transition: all 0.15s ease;
+}
+
+.filter-section-buttons button:hover {
+    background-color: #f1f5f9;
+    color: #0f172a;
+    border-color: #cbd5e1;
+}
+
+/* Filter Chips */
+.filter-options {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.45rem;
+}
+
+.filter-option {
+    display: inline-flex;
+    align-items: center;
+}
+
+.filter-option input[type="checkbox"] {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+    pointer-events: none;
+}
+
+.filter-option label {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.35rem;
+    padding: 0.4rem 0.85rem;
+    font-size: 0.82rem;
+    font-weight: 500;
+    color: #334155;
+    background-color: #ffffff;
+    border: 1.5px solid #e2e8f0;
+    border-radius: 9999px;
+    cursor: pointer;
+    transition: all 0.15s ease;
+    user-select: none;
+    white-space: nowrap;
+    margin: 0;
+}
+
+.filter-option label:hover {
+    background-color: #f8fafc;
+    border-color: #94a3b8;
+    color: #0f172a;
+}
+
+/* Default Chips Checked (Thematics) */
+.filter-option input[type="checkbox"]:checked + label:not(.context-badge) {
+    background-color: #0f172a !important;
+    border-color: #0f172a !important;
+    color: #ffffff !important;
+    font-weight: 600;
+    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
+}
+
+/* Contextual Status Badges (Filter Modal) */
+.filter-option label.context-badge {
+    background-color: #ffffff;
+    border-width: 1.5px;
+    border-style: solid;
+    font-weight: 600;
+}
+
+.filter-option label.context-badge.pending   { border-color: #f59e0b; color: #d97706; }
+.filter-option label.context-badge.sent      { border-color: #0284c7; color: #0284c7; }
+.filter-option label.context-badge.completed { border-color: #16a34a; color: #16a34a; }
+.filter-option label.context-badge.invoiced  { border-color: #7c3aed; color: #7c3aed; }
+.filter-option label.context-badge.paid      { border-color: #059669; color: #059669; }
+.filter-option label.context-badge.cancelled { border-color: #dc2626; color: #dc2626; }
+
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.pending   { background-color: #fffbeb; }
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.sent      { background-color: #f0f9ff; }
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.completed { background-color: #f0fdf4; }
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.invoiced  { background-color: #faf5ff; }
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.paid      { background-color: #ecfdf5; }
+.filter-option input[type="checkbox"]:not(:checked):hover + label.context-badge.cancelled { background-color: #fef2f2; }
+
+.filter-option input[type="checkbox"]:checked + label.context-badge {
+    color: #ffffff !important;
+    font-weight: 600;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+}
+
+.filter-option input[type="checkbox"]:checked + label.context-badge.pending   { background-color: #f59e0b !important; border-color: #f59e0b !important; }
+.filter-option input[type="checkbox"]:checked + label.context-badge.sent      { background-color: #0284c7 !important; border-color: #0284c7 !important; }
+.filter-option input[type="checkbox"]:checked + label.context-badge.completed { background-color: #16a34a !important; border-color: #16a34a !important; }
+.filter-option input[type="checkbox"]:checked + label.context-badge.invoiced  { background-color: #7c3aed !important; border-color: #7c3aed !important; }
+.filter-option input[type="checkbox"]:checked + label.context-badge.paid      { background-color: #059669 !important; border-color: #059669 !important; }
+.filter-option input[type="checkbox"]:checked + label.context-badge.cancelled { background-color: #dc2626 !important; border-color: #dc2626 !important; }
+
+/* Contracts scrollable list in Filter Modal */
+.contracts-filter-container {
+    background-color: #ffffff;
+    border: 1.5px solid #e2e8f0;
+    border-radius: 10px;
+    padding: 0.5rem;
+}
+
+.contracts-filter-search-box {
+    position: relative;
+    margin-bottom: 0.5rem;
+}
+
+.contracts-filter-search-box input {
+    padding-left: 2rem;
+    font-size: 0.82rem;
+    border-radius: 7px;
+    border-color: #e2e8f0;
+}
+
+.contracts-filter-search-box .search-icon {
+    position: absolute;
+    left: 0.65rem;
+    top: 50%;
+    transform: translateY(-50%);
+    color: #94a3b8;
+    font-size: 0.82rem;
+}
+
+.contracts-filter-scroll {
+    max-height: 200px;
+    overflow-y: auto;
+    padding-right: 0.25rem;
+}
+
+.contract-filter-item {
+    padding: 0.35rem 0.5rem;
+    border-radius: 6px;
+    transition: background-color 0.12s ease;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.contract-filter-item:hover {
+    background-color: #f8fafc;
+}
+
+.contract-filter-item label {
+    margin-bottom: 0;
+    font-size: 0.84rem;
+    color: #334155;
+    cursor: pointer;
+    width: 100%;
+}
+
+@media (max-width: 768px) {
+    .contracts-header {
+        flex-direction: column;
+        align-items: stretch;
+    }
+    
+    .toolbar-actions {
+        width: 100%;
+        justify-content: space-between;
+    }
+    
+    .search-widget {
+        max-width: 100%;
+    }
+    
+    .contracts-pagination-bar {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+}
diff --git a/loko/contracts/static/contracts/js/contracts_index.js b/loko/contracts/static/contracts/js/contracts_index.js
new file mode 100644
index 0000000..5231145
--- /dev/null
+++ b/loko/contracts/static/contracts/js/contracts_index.js
@@ -0,0 +1,155 @@
+document.addEventListener('DOMContentLoaded', function() {
+    // ─── Recherche principale ───
+    const searchInput = document.getElementById('main-search-input');
+    const searchClearBtn = document.getElementById('main-search-clear');
+    const searchBtn = document.getElementById('main-search-btn');
+
+    function toggleClearBtn() {
+        if (!searchClearBtn) return;
+        if (searchInput && searchInput.value.trim().length > 0) {
+            searchClearBtn.style.display = 'block';
+        } else {
+            searchClearBtn.style.display = 'none';
+        }
+    }
+
+    if (searchInput) {
+        toggleClearBtn();
+        searchInput.addEventListener('input', toggleClearBtn);
+
+        searchInput.addEventListener('keydown', function(e) {
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                executeSearch(searchInput.value.trim());
+            }
+        });
+    }
+
+    if (searchBtn && searchInput) {
+        searchBtn.addEventListener('click', function() {
+            executeSearch(searchInput.value.trim());
+        });
+    }
+
+    if (searchClearBtn) {
+        searchClearBtn.addEventListener('click', function() {
+            if (searchInput) {
+                searchInput.value = '';
+                toggleClearBtn();
+            }
+            executeSearch('');
+        });
+    }
+
+    function executeSearch(query) {
+        const url = new URL(window.location.href);
+        if (query) {
+            url.searchParams.set('search', query);
+        } else {
+            url.searchParams.delete('search');
+        }
+        url.searchParams.delete('page');
+        url.searchParams.delete('contracts_page');
+        window.location.href = url.toString();
+    }
+
+    // ─── Sélecteur de taille de page ───
+    const pageSizeSelect = document.getElementById('page-size-select');
+    if (pageSizeSelect) {
+        pageSizeSelect.addEventListener('change', function() {
+            const url = new URL(window.location.href);
+            url.searchParams.set('page_size', this.value);
+            url.searchParams.delete('page');
+            window.location.href = url.toString();
+        });
+    }
+
+    // ─── Suppression rapide des filtres actifs (chips) ───
+    document.querySelectorAll('.remove-filter-btn').forEach(function(btn) {
+        btn.addEventListener('click', function(e) {
+            e.preventDefault();
+            const param = this.dataset.param;
+            const val = this.dataset.val;
+            const url = new URL(window.location.href);
+
+            if (param === 'search' || param === 'date_from' || param === 'date_to') {
+                url.searchParams.delete(param);
+            } else {
+                const remaining = url.searchParams.getAll(param).filter(v => v !== val);
+                url.searchParams.delete(param);
+                remaining.forEach(v => url.searchParams.append(param, v));
+            }
+
+            url.searchParams.delete('page');
+            url.searchParams.delete('contracts_page');
+            window.location.href = url.toString();
+        });
+    });
+
+    // ─── Modal de Filtres : Boutons "Tous" / "Aucun" ───
+    document.querySelectorAll('.select-all-btn').forEach(function(btn) {
+        btn.addEventListener('click', function() {
+            const section = this.closest('.filter-section');
+            if (section) {
+                section.querySelectorAll('input[type="checkbox"]').forEach(function(cb) {
+                    cb.checked = true;
+                });
+            }
+        });
+    });
+
+    document.querySelectorAll('.deselect-all-btn').forEach(function(btn) {
+        btn.addEventListener('click', function() {
+            const section = this.closest('.filter-section');
+            if (section) {
+                section.querySelectorAll('input[type="checkbox"]').forEach(function(cb) {
+                    cb.checked = false;
+                });
+            }
+        });
+    });
+
+    // ─── Filtrage rapide dans la liste des marchés dans la modale ───
+    const contractSearchInput = document.getElementById('contract-filter-search');
+    if (contractSearchInput) {
+        contractSearchInput.addEventListener('input', function() {
+            const term = this.value.toLowerCase().trim();
+            document.querySelectorAll('.contract-filter-item').forEach(function(item) {
+                const text = item.textContent.toLowerCase();
+                if (!term || text.includes(term)) {
+                    item.style.display = 'flex';
+                } else {
+                    item.style.display = 'none';
+                }
+            });
+        });
+    }
+
+    // ─── Synchronisation de l'onglet actif ───
+    const tabButtons = document.querySelectorAll('button[data-bs-toggle="tab"]');
+    const filterTabInput = document.getElementById('filter-tab-input');
+
+    tabButtons.forEach(function(btn) {
+        btn.addEventListener('shown.bs.tab', function(e) {
+            const targetId = e.target.getAttribute('data-bs-target');
+            const tabName = targetId === '#contracts-content' ? 'contracts' : 'orders';
+
+            if (filterTabInput) {
+                filterTabInput.value = tabName;
+            }
+
+            const url = new URL(window.location.href);
+            url.searchParams.set('tab', tabName);
+            window.history.replaceState({}, '', url);
+        });
+    });
+
+    // Restaurer l'onglet actif si spécifié dans l'URL
+    const currentTabParam = new URLSearchParams(window.location.search).get('tab');
+    if (currentTabParam === 'contracts') {
+        const contractsTabBtn = document.getElementById('contracts-tab');
+        if (contractsTabBtn && window.bootstrap && bootstrap.Tab) {
+            bootstrap.Tab.getOrCreateInstance(contractsTabBtn).show();
+        }
+    }
+});
diff --git a/loko/contracts/templates/contracts/contracts_index.html b/loko/contracts/templates/contracts/contracts_index.html
index 9e71896..d5de0b6 100644
--- a/loko/contracts/templates/contracts/contracts_index.html
+++ b/loko/contracts/templates/contracts/contracts_index.html
@@ -3,298 +3,512 @@
 {% load i18n %}
 
 {% block head %}
-    
-<style>
-    .status-badge.pending { background-color: #ffc107; color: black; }
-    .status-badge.sent { background-color: #0dcaf0; color: white; }
-    .status-badge.completed { background-color: #198754; color: white; }
-    .status-badge.invoiced { background-color: #6f42c1; color: white; }
-    .status-badge.paid { background-color: #28a745; color: white; }
-    .status-badge.cancelled { background-color: #dc3545; color: white; }
-    
-    /* Styles pour les badges de filtre - Pattern inspiré des interventions */
-    .filter-section {
-        margin-bottom: 1rem;
-    }
-
-    .filter-option {
-        display: inline-block;
-        margin-right: 0.5rem;
-    }
-
-    .filter-option input[type="checkbox"] {
-        display: none;
-    }
-
-    .filter-option label {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        padding: 0.4rem 0.75rem;
-        font-weight: 500;
-        cursor: pointer;
-        border: 1px solid currentColor;
-        border-radius: 0.375rem;
-        background-color: transparent;
-        transition: all 0.2s ease;
-        user-select: none;
-        font-size: 0.875rem;
-    }
-
-    /* Couleurs des badges par statut - Inactive state (outline) */
-    .filter-option label.context-badge.pending {
-        border-color: #ffc107;
-        color: #ffc107;
-    }
-    .filter-option label.context-badge.sent {
-        border-color: #0dcaf0;
-        color: #0dcaf0;
-    }
-    .filter-option label.context-badge.completed {
-        border-color: #198754;
-        color: #198754;
-    }
-    .filter-option label.context-badge.invoiced {
-        border-color: #6f42c1;
-        color: #6f42c1;
-    }
-    .filter-option label.context-badge.paid {
-        border-color: #28a745;
-        color: #28a745;
-    }
-    .filter-option label.context-badge.cancelled {
-        border-color: #dc3545;
-        color: #dc3545;
-    }
-
-    /* Checked state - Filled */
-    .filter-option input[type="checkbox"]:checked + label.context-badge {
-        color: white;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.pending {
-        background-color: #ffc107;
-        border-color: #ffc107;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.sent {
-        background-color: #0dcaf0;
-        border-color: #0dcaf0;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.completed {
-        background-color: #198754;
-        border-color: #198754;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.invoiced {
-        background-color: #6f42c1;
-        border-color: #6f42c1;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.paid {
-        background-color: #28a745;
-        border-color: #28a745;
-    }
-    .filter-option input[type="checkbox"]:checked + label.context-badge.cancelled {
-        background-color: #dc3545;
-        border-color: #dc3545;
-    }
-
-    /* Hover state */
-    .filter-option input[type="checkbox"]:hover + label.context-badge {
-        opacity: 0.8;
-    }
-</style>
-
+<link rel="stylesheet" href="{% static 'contracts/css/contracts_index.css' %}">
 {% endblock head %}
 
-
 {% block content %}
 
-<div class="container mt-5 position-relative">
-    <div class="position-absolute" style="top: 0px; right: 5px;">
-        {% if is_add_order_allowed == True %}
-            <a href="{% url 'contracts:contracts_orders_add' %}" class="btn btn-light">
-                <i class="bi bi-plus-circle"></i> {% translate "Nouvelle commande" %}
-            </a>
-        {% endif %}
-    </div>
-    <ul class="nav nav-tabs" id="tablesTab" role="tablist">
-        <li class="nav-item" role="presentation">
-          <button class="nav-link active" id="orders-tab" data-bs-toggle="tab" data-bs-target="#orders-content" type="button" role="tab" aria-controls="orders" aria-selected="true" style="color: black;">{% translate "Commandes" %}</button>
-        </li>
-        <li class="nav-item" role="presentation">
-          <button class="nav-link" id="contracts-tab" data-bs-toggle="tab" data-bs-target="#contracts-content" type="button" role="tab" aria-controls="contracts-table" aria-selected="false" style="color: black;">{% translate "Marchés/Contrats" %}</button>
-        </li>
-    </ul>
-    <div class="tab-content my-2" id="tablesTabContent">
-        <div class="tab-pane fade show active" id="orders-content" role="tabpanel" aria-labelledby="orders-tab">
-            <!-- Filtres pour les commandes -->
-            <div class="card mb-3">
-                <div class="card-body">
-                    <form method="get" id="filters-form" class="row g-3">
-                        <!-- Statuts - Full width -->
-                        <div class="col-12 filter-section">
-                            <label class="form-label">{% translate "Statuts" %}</label>
-                            <div class="d-flex flex-wrap gap-2">
-                                <!-- Pending -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_pending" value="pending" {% if 'pending' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_pending" class="context-badge pending">{% translate "En préparation" %}</label>
-                                </div>
-                                <!-- Sent -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_sent" value="sent" {% if 'sent' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_sent" class="context-badge sent">{% translate "Envoyé" %}</label>
-                                </div>
-                                <!-- Completed -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_completed" value="completed" {% if 'completed' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_completed" class="context-badge completed">{% translate "Terminé" %}</label>
-                                </div>
-                                <!-- Invoiced -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_invoiced" value="invoiced" {% if 'invoiced' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_invoiced" class="context-badge invoiced">{% translate "Comptabilisé" %}</label>
-                                </div>
-                                <!-- Paid -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_paid" value="paid" {% if 'paid' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_paid" class="context-badge paid">{% translate "Payé" %}</label>
-                                </div>
-                                <!-- Cancelled -->
-                                <div class="filter-option">
-                                    <input type="checkbox" class="form-check-input" name="status" id="status_cancelled" value="cancelled" {% if 'cancelled' in selected_statuses %}checked{% endif %}>
-                                    <label for="status_cancelled" class="context-badge cancelled">{% translate "Annulé" %}</label>
-                                </div>
+<!-- ─── Modale de Filtres ──────────────────────────────────────── -->
+<div class="modal fade" id="filterModal" tabindex="-1" aria-labelledby="filterModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header">
+                <div>
+                    <h5 class="modal-title" id="filterModalLabel">{% translate "Filtrer les commandes et marchés" %}</h5>
+                    <div class="text-muted small" style="font-size: 0.8rem;">{% translate "Sélectionnez les critères de recherche" %}</div>
+                </div>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% translate 'Fermer' %}"></button>
+            </div>
+            <div class="modal-body">
+                <form method="get" action="{% url 'contracts:contracts_index' %}" id="filter-form">
+                    <input type="hidden" name="tab" id="filter-tab-input" value="{{ active_tab }}">
+                    {% if search_query %}<input type="hidden" name="search" value="{{ search_query }}">{% endif %}
+                    {% if sort_field %}<input type="hidden" name="sort" value="{{ sort_field }}">{% endif %}
+                    {% if sort_dir %}<input type="hidden" name="dir" value="{{ sort_dir }}">{% endif %}
+                    {% if page_size %}<input type="hidden" name="page_size" value="{{ page_size }}">{% endif %}
+
+                    <!-- Statuts -->
+                    <div class="filter-section">
+                        <div class="filter-section-header">
+                            <label>{% translate "Statut" %}</label>
+                            <div class="filter-section-buttons">
+                                <button type="button" class="btn select-all-btn">{% translate "Tous" %}</button>
+                                <button type="button" class="btn deselect-all-btn">{% translate "Aucun" %}</button>
                             </div>
                         </div>
+                        <div class="filter-options">
+                            {% for key, label in status_choices %}
+                            <div class="filter-option">
+                                <input type="checkbox" name="status" id="status_{{ key }}" value="{{ key }}" {% if key in selected_statuses %}checked{% endif %}>
+                                <label for="status_{{ key }}" class="context-badge {{ key }}">{{ label }}</label>
+                            </div>
+                            {% endfor %}
+                        </div>
+                    </div>
 
-                        <!-- Dates - Next row -->
-                        <div class="col-md-6">
-                            <label for="date-from" class="form-label">{% translate "Commandes à partir du" %}</label>
-                            <input type="date" class="form-control" id="date-from" name="date_from" value="{{ request.GET.date_from }}">
+                    <!-- Thématiques -->
+                    {% if available_thematics %}
+                    <div class="filter-section">
+                        <div class="filter-section-header">
+                            <label>{% translate "Thématiques" %}</label>
+                            <div class="filter-section-buttons">
+                                <button type="button" class="btn select-all-btn">{% translate "Tous" %}</button>
+                                <button type="button" class="btn deselect-all-btn">{% translate "Aucun" %}</button>
+                            </div>
                         </div>
-                        <div class="col-md-6">
-                            <label for="date-to" class="form-label">{% translate "jusqu'au" %}</label>
-                            <input type="date" class="form-control" id="date-to" name="date_to" value="{{ request.GET.date_to }}">
+                        <div class="filter-options">
+                            {% for thematic in available_thematics %}
+                            <div class="filter-option">
+                                <input type="checkbox" name="thematic" id="thematic_{{ thematic.id }}" value="{{ thematic.id }}" {% if thematic.id|stringformat:"s" in selected_thematics or thematic.code in selected_thematics %}checked{% endif %}>
+                                <label for="thematic_{{ thematic.id }}">
+                                    {% if thematic.icon %}<i class="bi {{ thematic.icon }} me-1"></i>{% endif %}{{ thematic.name }}
+                                </label>
+                            </div>
+                            {% endfor %}
                         </div>
+                    </div>
+                    {% endif %}
 
-                        <!-- Submit buttons -->
-                        <div class="col-12 d-flex align-items-end gap-2">
-                            <button type="submit" class="btn btn-primary">{% translate "Filtrer" %}</button>
-                            <a href="{% url 'contracts:contracts_index' %}" class="btn btn-secondary">{% translate "Réinitialiser" %}</a>
+                    <!-- Marchés / Contrats -->
+                    {% if available_contracts %}
+                    <div class="filter-section">
+                        <div class="filter-section-header">
+                            <label>{% translate "Marchés" %}</label>
+                            <div class="filter-section-buttons">
+                                <button type="button" class="btn select-all-btn">{% translate "Tous" %}</button>
+                                <button type="button" class="btn deselect-all-btn">{% translate "Aucun" %}</button>
+                            </div>
                         </div>
-                    </form>
+                        <div class="contracts-filter-container">
+                            <div class="contracts-filter-search-box">
+                                <i class="bi bi-search search-icon"></i>
+                                <input type="text" id="contract-filter-search" class="form-control form-control-sm" placeholder="{% translate 'Filtrer la liste des marchés...' %}">
+                            </div>
+                            <div class="contracts-filter-scroll">
+                                {% for c in available_contracts %}
+                                <div class="contract-filter-item">
+                                    <input type="checkbox" name="contract" id="contract_{{ c.id }}" value="{{ c.id }}" class="form-check-input" {% if c.id|stringformat:"s" in selected_contracts %}checked{% endif %}>
+                                    <label for="contract_{{ c.id }}">
+                                        <span class="fw-semibold">{{ c.contract_number }}</span> – {{ c.company.name }}
+                                    </label>
+                                </div>
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
+                    {% endif %}
+
+                    <!-- Période -->
+                    <div class="filter-section mb-0">
+                        <div class="filter-section-header">
+                            <label>{% translate "Période de commande" %}</label>
+                        </div>
+                        <div class="row g-2 align-items-center">
+                            <div class="col-md-6">
+                                <label for="date-from" class="form-label small text-muted mb-1">{% translate "Commandes à partir du" %}</label>
+                                <input type="date" class="form-control form-control-sm" id="date-from" name="date_from" value="{{ date_from }}">
+                            </div>
+                            <div class="col-md-6">
+                                <label for="date-to" class="form-label small text-muted mb-1">{% translate "jusqu'au" %}</label>
+                                <input type="date" class="form-control form-control-sm" id="date-to" name="date_to" value="{{ date_to }}">
+                            </div>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+            <div class="modal-footer">
+                <a href="{% url 'contracts:contracts_index' %}" class="btn btn-link text-muted p-0 text-decoration-none d-flex align-items-center gap-1" style="font-size: 0.85rem; font-weight: 500;">
+                    <i class="bi bi-arrow-counterclockwise"></i> {% translate "Réinitialiser" %}
+                </a>
+                <div class="d-flex gap-2">
+                    <button type="button" class="btn btn-sm btn-outline-secondary px-3 py-2" data-bs-dismiss="modal" style="border-radius: 8px; font-weight: 500;">{% translate "Annuler" %}</button>
+                    <button type="submit" form="filter-form" class="btn btn-sm btn-dark px-4 py-2" style="background-color: #0f172a; border-color: #0f172a; border-radius: 8px; font-weight: 600;">
+                        <i class="bi bi-check2 me-1"></i>{% translate "Filtrer" %}
+                    </button>
                 </div>
             </div>
-            <div id="orders-container\">
-                <table id="orders-table" class="table"
-                    data-height="800"
-                    data-pagination="true"
-                    data-page-size="50"
-                    data-click-to-select="true"
-                    data-search="true" >
-                    <thead>
-                        <tr>
-                            <th data-field="actions" data-width="100"></th>
-                            <th data-sortable="true">{% translate "Numéro de commande" %}</th>
-                            <th>{% translate "Description" %}</th>
-                            <th>{% translate "Date" %}</th>
-                            <th>{% translate "Statut" %}</th>
-                            <th>{% translate "Fichier" %}</th>
-                            <th data-sortable="true">{% translate "Marché" %}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for order in orders %}
-                        <tr>
-                            <td>
-                                <a href="/contracts/orders/{{ order.id }}" type="button" class="btn btn-sm btn-light detail-btn" data-id="${row.id}" data-bs-toggle="tooltip" title="Detail">
-                                    <i class="bi bi-info-circle"></i>
-                                </a>
-                            </td>
-                            <td>{{ order.order_code }}</td>
-                            <td title="{{ order.description }}">{{ order.description|truncatechars:100 }}</td>
-                            <td>{{ order.order_date }}</td>
-                            <td>
-                                <span class="badge rounded-pill status-badge {{ order.order_status }}">
-                                    {{ order.get_order_status_display }}
-                                </span>
-                            </td>
-                            <td>{% if order.order_file %}<a href="{{ order.order_file.url }}"><i class="bi bi-file-pdf"></i></a>{% endif %}</td>
-                            <td>{{ order.contract }}</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        </div>
-        <div class="tab-pane fade show" id="contracts-content" role="tabpanel" aria-labelledby="contracts-tab">
-            <div id="contracts-container">
-                <table id="contracts-table" class="table"
-                    data-height="500"
-                    data-pagination="true"
-                    data-page-size="25"
-                    data-click-to-select="true"
-                    data-search="true">
-                    <thead>
-                        <tr>
-                            <th data-field="actions" data-width="100"></th>
-                            <th>{% translate "Numéro" %}</th>
-                            <th>{% translate "Description" %}</th>
-                            <th>{% translate "Prestataire" %}</th>
-                            <th>{% translate "Début" %}</th>
-                            <th>{% translate "Fin" %}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        {% for contract in contracts %}
-                        <tr>
-                            <td>
-                                <a href="/contracts/{{ contract.id }}" type="button" class="btn btn-sm btn-light detail-btn" data-id="${row.id}" data-bs-toggle="tooltip" title="Detail">
-                                    <i class="bi bi-info-circle"></i>
-                                </a>
-                            </td>
-                            <td>{{ contract.contract_number }}</td>
-                            <td title="{{ contract.description }}">{{ contract.description|truncatechars:100 }}</td>
-                            <td>{{ contract.company.name }}</td>
-                            <td>{{ contract.start_date }}</td>
-                            <td>{{ contract.end_date }}</td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
         </div>
     </div>
 </div>
 
-{% endblock content%}
+<!-- ─── Contenu Principal ─────────────────────────────────────── -->
+<div class="contracts-page-container">
 
+    <!-- Header avec onglets et bouton d'action -->
+    <div class="contracts-header">
+        <ul class="nav nav-tabs contracts-tabs" id="tablesTab" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link {% if active_tab == 'orders' %}active{% endif %}" id="orders-tab" data-bs-toggle="tab" data-bs-target="#orders-content" type="button" role="tab" aria-controls="orders-content" aria-selected="{% if active_tab == 'orders' %}true{% else %}false{% endif %}">
+                    <i class="bi bi-receipt"></i>
+                    {% translate "Commandes" %}
+                    <span class="tab-counter-badge">{{ orders_paginator.count }}</span>
+                </button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link {% if active_tab == 'contracts' %}active{% endif %}" id="contracts-tab" data-bs-toggle="tab" data-bs-target="#contracts-content" type="button" role="tab" aria-controls="contracts-content" aria-selected="{% if active_tab == 'contracts' %}true{% else %}false{% endif %}">
+                    <i class="bi bi-briefcase"></i>
+                    {% translate "Marchés/Contrats" %}
+                    <span class="tab-counter-badge">{{ contracts_paginator.count }}</span>
+                </button>
+            </li>
+        </ul>
+
+        {% if is_add_order_allowed %}
+        <a href="{% url 'contracts:contracts_orders_add' %}" class="btn-new-order">
+            <i class="bi bi-plus-circle"></i>
+            {% translate "Nouvelle commande" %}
+        </a>
+        {% endif %}
+    </div>
+
+    <!-- Barre d'outils : Recherche et Filtres -->
+    <div class="contracts-toolbar">
+        <div class="search-widget">
+            <div class="search-input-wrapper">
+                <i class="bi bi-search search-icon-left"></i>
+                <input type="text" id="main-search-input" class="search-input" value="{{ search_query }}" placeholder="{% translate 'Rechercher une commande, un marché, une description, un prestataire...' %}">
+                <button type="button" id="main-search-clear" class="search-clear-btn" title="{% translate 'Effacer la recherche' %}">
+                    <i class="bi bi-x-circle-fill"></i>
+                </button>
+            </div>
+        </div>
+
+        <div class="toolbar-actions">
+            <button type="button" class="filter-trigger-btn" data-bs-toggle="modal" data-bs-target="#filterModal">
+                <i class="bi bi-funnel"></i>
+                {% translate "Filtres" %}
+                {% if active_filters_count > 0 %}
+                <span class="filter-count-badge">{{ active_filters_count }}</span>
+                {% endif %}
+            </button>
+
+            <div class="page-size-selector">
+                <label for="page-size-select" class="d-none d-sm-inline">{% translate "Afficher par" %}</label>
+                <select id="page-size-select" class="page-size-select">
+                    <option value="25" {% if page_size == 25 %}selected{% endif %}>25</option>
+                    <option value="50" {% if page_size == 50 %}selected{% endif %}>50</option>
+                    <option value="100" {% if page_size == 100 %}selected{% endif %}>100</option>
+                </select>
+            </div>
+        </div>
+    </div>
+
+    <!-- Puces des filtres actifs -->
+    {% if active_filters_list %}
+    <div class="active-filters-bar">
+        <span class="active-filter-label">{% translate "Filtres actifs" %}:</span>
+        {% for filter in active_filters_list %}
+        <span class="active-filter-chip">
+            {% if filter.is_status %}
+            <span class="badge rounded-pill status-badge {{ filter.status_class }}" style="padding: 2px 6px; font-size: 0.72rem;">{{ filter.label }}</span>
+            {% else %}
+            {{ filter.label }}
+            {% endif %}
+            <button type="button" class="remove-filter-btn" data-param="{{ filter.param }}" data-val="{{ filter.val }}" title="{% translate 'Supprimer ce critère' %}">
+                <i class="bi bi-x-circle-fill"></i>
+            </button>
+        </span>
+        {% endfor %}
+        <a href="{% url 'contracts:contracts_index' %}" class="btn-clear-all-filters">
+            <i class="bi bi-x me-1"></i>{% translate "Tout effacer" %}
+        </a>
+    </div>
+    {% endif %}
+
+    <!-- Contenu des onglets -->
+    <div class="tab-content" id="tablesTabContent">
+
+        <!-- ─── Onglet Commandes ──────────────────────────────────── -->
+        <div class="tab-pane fade {% if active_tab == 'orders' %}show active{% endif %}" id="orders-content" role="tabpanel" aria-labelledby="orders-tab">
+            <div class="contracts-table-card">
+                <div class="table-responsive">
+                    <table class="contracts-table">
+                        <thead>
+                            <tr>
+                                <th style="width: 48px;"></th>
+                                <th class="sortable">
+                                    <a href="{{ sort_urls.code }}" class="sort-link">
+                                        <span>{% translate "Numéro de commande" %}</span>
+                                        <i class="bi {% if sort_field == 'code' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %}"></i>
+                                    </a>
+                                </th>
+                                <th class="sortable">
+                                    <a href="{{ sort_urls.description }}" class="sort-link">
+                                        <span>{% translate "Description" %}</span>
+                                        <i class="bi {% if sort_field == 'description' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %}"></i>
+                                    </a>
+                                </th>
+                                <th class="sortable">
+                                    <a href="{{ sort_urls.date }}" class="sort-link">
+                                        <span>{% translate "Date" %}</span>
+                                        <i class="bi {% if sort_field == 'date' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %}"></i>
+                                    </a>
+                                </th>
+                                <th class="sortable">
+                                    <a href="{{ sort_urls.status }}" class="sort-link">
+                                        <span>{% translate "Statut" %}</span>
+                                        <i class="bi {% if sort_field == 'status' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %}"></i>
+                                    </a>
+                                </th>
+                                {% if can_view_prices %}
+                                <th class="sortable text-end">
+                                    <a href="{{ sort_urls.amount }}" class="sort-link justify-content-end">
+                                        <span>{% translate "Montant" %}</span>
+                                        <i class="bi {% if sort_field == 'amount' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %} ms-1"></i>
+                                    </a>
+                                </th>
+                                {% endif %}
+                                <th style="width: 60px; text-align: center;">{% translate "Fichier" %}</th>
+                                <th class="sortable">
+                                    <a href="{{ sort_urls.contract }}" class="sort-link">
+                                        <span>{% translate "Marché" %}</span>
+                                        <i class="bi {% if sort_field == 'contract' %}{% if sort_dir == 'asc' %}bi-sort-up text-primary{% else %}bi-sort-down text-primary{% endif %}{% else %}bi-arrow-down-up text-muted opacity-50{% endif %}"></i>
+                                    </a>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for order in orders_page %}
+                            <tr>
+                                <td class="text-center">
+                                    <a href="/contracts/orders/{{ order.id }}" class="table-action-btn" title="{% translate 'Détail de la commande' %}">
+                                        <i class="bi bi-info-circle"></i>
+                                    </a>
+                                </td>
+                                <td>
+                                    <a href="/contracts/orders/{{ order.id }}" class="table-code-link">
+                                        {{ order.order_code }}
+                                    </a>
+                                </td>
+                                <td>
+                                    <span title="{{ order.description }}">{{ order.description|default:"-"|truncatechars:90 }}</span>
+                                </td>
+                                <td class="text-nowrap">{{ order.order_date|date:"d/m/Y" }}</td>
+                                <td>
+                                    <span class="status-badge {{ order.order_status }}">
+                                        {{ order.get_order_status_display }}
+                                    </span>
+                                </td>
+                                {% if can_view_prices %}
+                                <td class="text-end text-nowrap fw-semibold">
+                                    {% if order.total_amount %}
+                                        {{ order.total_amount }} €
+                                    {% else %}
+                                        <span class="text-muted font-monospace">-</span>
+                                    {% endif %}
+                                </td>
+                                {% endif %}
+                                <td class="text-center">
+                                    {% if order.order_file %}
+                                    <a href="{{ order.order_file.url }}" target="_blank" class="file-download-btn" title="{% translate 'Télécharger le bon de commande' %}">
+                                        <i class="bi bi-file-earmark-pdf"></i>
+                                    </a>
+                                    {% else %}
+                                    <span class="text-muted opacity-50">–</span>
+                                    {% endif %}
+                                </td>
+                                <td>
+                                    <a href="/contracts/{{ order.contract.id }}" class="text-decoration-none text-dark fw-medium">
+                                        {{ order.contract.contract_number }}
+                                    </a>
+                                    <span class="text-muted small d-block">{{ order.contract.company.name }}</span>
+                                </td>
+                            </tr>
+                            {% empty %}
+                            <tr>
+                                <td colspan="{% if can_view_prices %}8{% else %}7{% endif %}">
+                                    <div class="table-empty-state">
+                                        <div class="empty-icon"><i class="bi bi-inbox"></i></div>
+                                        <div class="empty-title">{% translate "Aucune commande trouvée" %}</div>
+                                        <div class="empty-desc">{% translate "Aucune commande ne correspond à vos critères de recherche actuels." %}</div>
+                                        <a href="{% url 'contracts:contracts_index' %}" class="btn btn-sm btn-outline-secondary">
+                                            <i class="bi bi-arrow-counterclockwise me-1"></i>{% translate "Réinitialiser les filtres" %}
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+
+                <!-- Barre de pagination Commandes -->
+                {% if orders_paginator.count > 0 %}
+                <div class="contracts-pagination-bar">
+                    <div class="pagination-info">
+                        {% blocktranslate with start=orders_page.start_index end=orders_page.end_index total=orders_paginator.count %}
+                        Affichage de <strong>{{ start }}</strong> à <strong>{{ end }}</strong> sur <strong>{{ total }}</strong> commande(s)
+                        {% endblocktranslate %}
+                    </div>
+
+                    {% if orders_page.has_other_pages %}
+                    <nav class="pagination-nav" aria-label="{% translate 'Pagination des commandes' %}">
+                        <ul class="pagination pagination-sm">
+                            {% if orders_page.has_previous %}
+                            <li class="page-item">
+                                <a class="page-link" href="?{{ orders_querystring }}&page={{ orders_page.previous_page_number }}" aria-label="{% translate 'Précédent' %}">
+                                    <i class="bi bi-chevron-left"></i>
+                                </a>
+                            </li>
+                            {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link"><i class="bi bi-chevron-left"></i></span>
+                            </li>
+                            {% endif %}
+
+                            {% for page_num in orders_elided_range %}
+                                {% if page_num == orders_paginator.ELLIPSIS %}
+                                <li class="page-item disabled"><span class="page-link">…</span></li>
+                                {% else %}
+                                <li class="page-item {% if page_num == orders_page.number %}active{% endif %}">
+                                    <a class="page-link" href="?{{ orders_querystring }}&page={{ page_num }}">{{ page_num }}</a>
+                                </li>
+                                {% endif %}
+                            {% endfor %}
+
+                            {% if orders_page.has_next %}
+                            <li class="page-item">
+                                <a class="page-link" href="?{{ orders_querystring }}&page={{ orders_page.next_page_number }}" aria-label="{% translate 'Suivant' %}">
+                                    <i class="bi bi-chevron-right"></i>
+                                </a>
+                            </li>
+                            {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link"><i class="bi bi-chevron-right"></i></span>
+                            </li>
+                            {% endif %}
+                        </ul>
+                    </nav>
+                    {% endif %}
+                </div>
+                {% endif %}
+            </div>
+        </div>
+
+        <!-- ─── Onglet Marchés / Contrats ────────────────────────── -->
+        <div class="tab-pane fade {% if active_tab == 'contracts' %}show active{% endif %}" id="contracts-content" role="tabpanel" aria-labelledby="contracts-tab">
+            <div class="contracts-table-card">
+                <div class="table-responsive">
+                    <table class="contracts-table">
+                        <thead>
+                            <tr>
+                                <th style="width: 48px;"></th>
+                                <th>{% translate "Numéro" %}</th>
+                                <th>{% translate "Description" %}</th>
+                                <th>{% translate "Thématiques" %}</th>
+                                <th>{% translate "Prestataire" %}</th>
+                                <th>{% translate "Début" %}</th>
+                                <th>{% translate "Fin" %}</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for contract in contracts_page %}
+                            <tr>
+                                <td class="text-center">
+                                    <a href="/contracts/{{ contract.id }}" class="table-action-btn" title="{% translate 'Détail du contrat' %}">
+                                        <i class="bi bi-info-circle"></i>
+                                    </a>
+                                </td>
+                                <td>
+                                    <a href="/contracts/{{ contract.id }}" class="table-code-link">
+                                        {{ contract.contract_number }}
+                                    </a>
+                                </td>
+                                <td>
+                                    <span title="{{ contract.description }}">{{ contract.description|default:"-"|truncatechars:90 }}</span>
+                                </td>
+                                <td>
+                                    <div class="d-flex flex-wrap gap-1">
+                                        {% for thematic in contract.thematics.all %}
+                                        <span class="badge rounded-pill bg-light text-dark border" style="font-size: 0.72rem; font-weight: 500;">
+                                            {% if thematic.icon %}<i class="bi {{ thematic.icon }} me-1"></i>{% endif %}{{ thematic.name }}
+                                        </span>
+                                        {% empty %}
+                                        <span class="text-muted small">–</span>
+                                        {% endfor %}
+                                    </div>
+                                </td>
+                                <td class="fw-medium">{{ contract.company.name }}</td>
+                                <td class="text-nowrap">{{ contract.start_date|date:"d/m/Y" }}</td>
+                                <td class="text-nowrap">{{ contract.end_date|date:"d/m/Y" }}</td>
+                            </tr>
+                            {% empty %}
+                            <tr>
+                                <td colspan="7">
+                                    <div class="table-empty-state">
+                                        <div class="empty-icon"><i class="bi bi-inbox"></i></div>
+                                        <div class="empty-title">{% translate "Aucun marché trouvé" %}</div>
+                                        <div class="empty-desc">{% translate "Aucun marché ne correspond à vos critères de recherche actuels." %}</div>
+                                        <a href="{% url 'contracts:contracts_index' %}?tab=contracts" class="btn btn-sm btn-outline-secondary">
+                                            <i class="bi bi-arrow-counterclockwise me-1"></i>{% translate "Réinitialiser les filtres" %}
+                                        </a>
+                                    </div>
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+
+                <!-- Barre de pagination Marchés -->
+                {% if contracts_paginator.count > 0 %}
+                <div class="contracts-pagination-bar">
+                    <div class="pagination-info">
+                        {% blocktranslate with start=contracts_page.start_index end=contracts_page.end_index total=contracts_paginator.count %}
+                        Affichage de <strong>{{ start }}</strong> à <strong>{{ end }}</strong> sur <strong>{{ total }}</strong> marché(s)
+                        {% endblocktranslate %}
+                    </div>
+
+                    {% if contracts_page.has_other_pages %}
+                    <nav class="pagination-nav" aria-label="{% translate 'Pagination des marchés' %}">
+                        <ul class="pagination pagination-sm">
+                            {% if contracts_page.has_previous %}
+                            <li class="page-item">
+                                <a class="page-link" href="?{{ contracts_querystring }}&contracts_page={{ contracts_page.previous_page_number }}" aria-label="{% translate 'Précédent' %}">
+                                    <i class="bi bi-chevron-left"></i>
+                                </a>
+                            </li>
+                            {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link"><i class="bi bi-chevron-left"></i></span>
+                            </li>
+                            {% endif %}
+
+                            {% for page_num in contracts_elided_range %}
+                                {% if page_num == contracts_paginator.ELLIPSIS %}
+                                <li class="page-item disabled"><span class="page-link">…</span></li>
+                                {% else %}
+                                <li class="page-item {% if page_num == contracts_page.number %}active{% endif %}">
+                                    <a class="page-link" href="?{{ contracts_querystring }}&contracts_page={{ page_num }}">{{ page_num }}</a>
+                                </li>
+                                {% endif %}
+                            {% endfor %}
+
+                            {% if contracts_page.has_next %}
+                            <li class="page-item">
+                                <a class="page-link" href="?{{ contracts_querystring }}&contracts_page={{ contracts_page.next_page_number }}" aria-label="{% translate 'Suivant' %}">
+                                    <i class="bi bi-chevron-right"></i>
+                                </a>
+                            </li>
+                            {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link"><i class="bi bi-chevron-right"></i></span>
+                            </li>
+                            {% endif %}
+                        </ul>
+                    </nav>
+                    {% endif %}
+                </div>
+                {% endif %}
+            </div>
+        </div>
+
+    </div>
+</div>
+
+{% endblock content %}
 
 {% block script %}
-
-    <script>
-        $(document).ready(function() {
-            // Gestion des badges de statut
-            $('#status-badges label').on('click', function(e) {
-                // Éviter de double-trigger si on clique sur le checkbox
-                if (e.target.tagName === 'INPUT') {
-                    return;
-                }
-                $(this).find('input[type="checkbox"]').prop('checked', function(i, val) {
-                    return !val;
-                });
-            });
-            
-            $('#orders-table').bootstrapTable({
-                formatNoMatches: function() {
-                    return '{% translate "Aucune commande trouvée" %}';
-                }
-            });
-            $('#contracts-table').bootstrapTable({
-                formatNoMatches: function() {
-                    return '{% translate "Aucun marché trouvé" %}';
-                }
-            });
-        });
-    </script>
-
+<script src="{% static 'contracts/js/contracts_index.js' %}"></script>
 {% endblock script %}
\ No newline at end of file
diff --git a/loko/contracts/tests.py b/loko/contracts/tests.py
index 03fefea..7859d55 100644
--- a/loko/contracts/tests.py
+++ b/loko/contracts/tests.py
@@ -802,6 +802,121 @@ class GlobalPostsAndPricesPermissionsTests(TestCase):
         self.assertEqual(data['posts'][0]['unit_price'], '10.50')
 
 
+class ContractsIndexViewTests(TestCase):
+    def setUp(self):
+        from decimal import Decimal
+        from common.models import Thematic, Role, UserConfig
+        from contracts.models import ContractOrder
+        from datetime import date, timedelta
+
+        self.user = User.objects.create_superuser(username="admin_contracts", password="password123")
+        self.config = UserConfig.objects.create(user=self.user)
+        role_admin = Role.objects.create(name="admin")
+        self.config.roles.add(role_admin)
+
+        self.company = Company.objects.create(name="Acme Infra")
+        self.thematic_green = Thematic.objects.create(code="green_test", name_fr="Espaces Verts", name_nl="Groene Ruimten")
+        self.thematic_roads = Thematic.objects.create(code="roads_test", name_fr="Voiries", name_nl="Wegen")
+
+        today = date(2026, 1, 15)
+        self.contract_green = Contract.objects.create(
+            company=self.company,
+            contract_number="CTR-VERT-001",
+            start_date=today,
+            end_date=today + timedelta(days=365),
+            description="Entretien des espaces verts"
+        )
+        self.contract_green.thematics.add(self.thematic_green)
+
+        self.contract_roads = Contract.objects.create(
+            company=self.company,
+            contract_number="CTR-VOIRIE-002",
+            start_date=today,
+            end_date=today + timedelta(days=365),
+            description="Réparation voiries"
+        )
+        self.contract_roads.thematics.add(self.thematic_roads)
+
+        # Créer 60 commandes pour tester la pagination et les filtres
+        orders_to_create = []
+        for i in range(1, 61):
+            target_contract = self.contract_green if i <= 40 else self.contract_roads
+            st = 'cancelled' if i == 1 else ('completed' if i % 2 == 0 else 'pending')
+            orders_to_create.append(ContractOrder(
+                contract=target_contract,
+                order_code=f"CMD-{i:03d}",
+                description=f"Commande spéciale numéro {i}" if i == 5 else f"Travaux réguliers {i}",
+                order_date=today + timedelta(days=i),
+                delivery_date=today + timedelta(days=i + 10),
+                order_status=st,
+                total_amount=Decimal(f"{100 + i}.00")
+            ))
+        ContractOrder.objects.bulk_create(orders_to_create)
+
+        self.client = Client()
+        self.client.force_login(self.user)
+
+    def test_contracts_index_renders_and_paginates(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url)
+        self.assertEqual(resp.status_code, 200)
+        self.assertTemplateUsed(resp, 'contracts/contracts_index.html')
+        
+        # Par défaut, page 1 avec 50 commandes sur les 59 éligibles (1 annulée exclue par défaut)
+        orders_page = resp.context['orders_page']
+        self.assertEqual(len(orders_page), 50)
+        self.assertTrue(orders_page.has_next())
+        self.assertEqual(resp.context['orders_paginator'].count, 59)
+
+        # Page 2
+        resp_p2 = self.client.get(url, {'page': 2})
+        self.assertEqual(resp_p2.status_code, 200)
+        orders_page_2 = resp_p2.context['orders_page']
+        self.assertEqual(len(orders_page_2), 9)
+
+    def test_contracts_index_filter_status(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'status': ['cancelled']})
+        self.assertEqual(resp.status_code, 200)
+        orders_page = resp.context['orders_page']
+        self.assertEqual(len(orders_page), 1)
+        self.assertEqual(orders_page[0].order_code, "CMD-001")
+
+    def test_contracts_index_filter_thematics(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'thematic': [str(self.thematic_roads.id)]})
+        self.assertEqual(resp.status_code, 200)
+        # Il y a 20 commandes roads (41 à 60), toutes non annulées
+        self.assertEqual(resp.context['orders_paginator'].count, 20)
+
+    def test_contracts_index_filter_contract(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'contract': [str(self.contract_roads.id)]})
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(resp.context['orders_paginator'].count, 20)
+
+    def test_contracts_index_search(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'search': 'spéciale'})
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(resp.context['orders_paginator'].count, 1)
+        self.assertEqual(resp.context['orders_page'][0].order_code, 'CMD-005')
+
+    def test_contracts_index_custom_page_size(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'page_size': 25})
+        self.assertEqual(resp.status_code, 200)
+        self.assertEqual(len(resp.context['orders_page']), 25)
+
+    def test_contracts_index_sorting(self):
+        url = reverse('contracts:contracts_index')
+        resp = self.client.get(url, {'sort': 'code', 'dir': 'asc'})
+        self.assertEqual(resp.status_code, 200)
+        # Premier élément doit être CMD-002 car CMD-001 est cancelled
+        self.assertEqual(resp.context['orders_page'][0].order_code, 'CMD-002')
+
+
+
 
 
 
diff --git a/loko/contracts/views.py b/loko/contracts/views.py
index 5f8a287..39dc3cf 100644
--- a/loko/contracts/views.py
+++ b/loko/contracts/views.py
@@ -3,6 +3,7 @@ from django.contrib import messages
 from django.contrib.auth.decorators import login_required
 from django.views.decorators.http import require_GET, require_POST
 from django.http import JsonResponse, FileResponse, Http404
+from django.core.paginator import Paginator
 from django.core.exceptions import PermissionDenied
 from django.urls import reverse
 from django.utils.encoding import smart_str
@@ -27,6 +28,7 @@ from contracts.models import (
     ContractOrderAttachment,
     DirectOrderPost,
     DIRECT_ORDER_POST_STATUS_CHOICES,
+    CONTRACT_ORDER_STATUS_CHOICES,
 )
 from contracts.forms import ContractOrderForm, ContractOrderQuoteQuantityForm, ClaimDeclarationAttachmentForm, ContractOrderAttachmentForm
 from contracts.permissions import get_allowed_contracts_for_user, contract_view_required, order_view_required, user_can_generate_order_documents
@@ -39,39 +41,251 @@ from contracts.views_pdf_reports import (
     generate_documents_for_order,
 )
 
-from common.models import UserConfig, UserThematics
+from common.models import UserConfig, UserThematics, Thematic
 from common.private_files.helpers import build_private_url
 from interventions.permissions import can_add_intervention
 
 
+@login_required
 def contracts_index(request):
     contracts = get_allowed_contracts_for_user(request.user)
-    
+    contracts = contracts.select_related('company').prefetch_related('thematics').defer('geom')
+
+    active_tab = request.GET.get('tab', 'orders')
+    if active_tab not in ('orders', 'contracts'):
+        active_tab = 'orders'
+
+    # Choix disponibles pour les filtres
+    available_thematics = Thematic.objects.filter(contracts__in=contracts).distinct().order_by('name_fr')
+    available_contracts = contracts.order_by('contract_number')
+
+    # Recherche textuelle
+    search_query = request.GET.get('search', '').strip()
+
     # Filtrage par statut(s)
+    has_status_param = 'status' in request.GET
     status_filters = request.GET.getlist('status')
-    if status_filters == []:
-        # Par défaut, afficher les commandes en 'pending' et 'sent'
+    if not has_status_param:
+        # Par défaut, afficher les commandes en 'pending', 'sent', 'completed' et 'invoiced'
         status_filters = ['pending', 'sent', 'completed', 'invoiced']
 
-    orders = orders = ContractOrder.objects.filter(contract__in=contracts, order_status__in=status_filters)
-    
+    # Filtrage par thématique(s)
+    selected_thematics = request.GET.getlist('thematic')
+
+    # Filtrage par marché(s)
+    selected_contracts = request.GET.getlist('contract')
+
     # Filtrage par date
-    date_from = request.GET.get('date_from', '')
+    date_from = request.GET.get('date_from', '').strip()
+    date_to = request.GET.get('date_to', '').strip()
+
+    # Taille de page
+    try:
+        page_size = int(request.GET.get('page_size', 50))
+        if page_size not in (25, 50, 100):
+            page_size = 50
+    except (ValueError, TypeError):
+        page_size = 50
+
+    # Tri des commandes
+    sort_field = request.GET.get('sort', 'date')
+    sort_dir = request.GET.get('dir', 'desc')
+    if sort_dir not in ('asc', 'desc'):
+        sort_dir = 'desc'
+
+    sort_mapping = {
+        'code': 'order_code',
+        'description': 'description',
+        'date': 'order_date',
+        'status': 'order_status',
+        'contract': 'contract__contract_number',
+        'company': 'contract__company__name',
+        'amount': 'total_amount',
+    }
+    db_sort_col = sort_mapping.get(sort_field, 'order_date')
+    order_by_arg = db_sort_col if sort_dir == 'asc' else f"-{db_sort_col}"
+
+    # Construction de la requête commandes optimisée
+    orders = ContractOrder.objects.filter(contract__in=contracts)
+
+    if status_filters:
+        orders = orders.filter(order_status__in=status_filters)
+
+    if selected_thematics:
+        orders = orders.filter(
+            Q(contract__thematics__id__in=selected_thematics) |
+            Q(contract__thematics__code__in=selected_thematics)
+        )
+
+    if selected_contracts:
+        orders = orders.filter(contract_id__in=selected_contracts)
+
     if date_from:
         orders = orders.filter(order_date__gte=date_from)
-    
-    date_to = request.GET.get('date_to', '')
     if date_to:
         orders = orders.filter(order_date__lte=date_to)
-    
-    # Tri par date décroissante
-    orders = orders.order_by('-order_date')
-    
+
+    if search_query:
+        orders = orders.filter(
+            Q(order_code__icontains=search_query) |
+            Q(description__icontains=search_query) |
+            Q(contract__contract_number__icontains=search_query) |
+            Q(contract__description__icontains=search_query) |
+            Q(contract__company__name__icontains=search_query)
+        )
+
+    orders = orders.distinct().select_related(
+        'contract',
+        'contract__company',
+        'ordered_by'
+    ).defer('contract__geom').order_by(order_by_arg, '-id')
+
+    # Pagination des commandes
+    orders_paginator = Paginator(orders, page_size)
+    orders_page_num = request.GET.get('page', 1)
+    orders_page = orders_paginator.get_page(orders_page_num)
+    orders_elided_range = orders_paginator.get_elided_page_range(orders_page.number, on_each_side=2, on_ends=1)
+
+    # Construction de la requête marchés/contrats
+    contracts_qs = contracts
+    if search_query:
+        contracts_qs = contracts_qs.filter(
+            Q(contract_number__icontains=search_query) |
+            Q(description__icontains=search_query) |
+            Q(company__name__icontains=search_query)
+        )
+    if selected_thematics:
+        contracts_qs = contracts_qs.filter(
+            Q(thematics__id__in=selected_thematics) |
+            Q(thematics__code__in=selected_thematics)
+        )
+    contracts_qs = contracts_qs.distinct().order_by('-start_date')
+
+    contracts_paginator = Paginator(contracts_qs, 25)
+    contracts_page_num = request.GET.get('contracts_page', 1)
+    contracts_page = contracts_paginator.get_page(contracts_page_num)
+    contracts_elided_range = contracts_paginator.get_elided_page_range(contracts_page.number, on_each_side=2, on_ends=1)
+
+    # Liste des filtres actifs pour affichage sous forme de badges
+    active_filters_list = []
+    if search_query:
+        active_filters_list.append({
+            'type': 'search',
+            'label': f'"{search_query}"',
+            'param': 'search',
+            'val': search_query,
+        })
+    if has_status_param:
+        status_dict = dict(CONTRACT_ORDER_STATUS_CHOICES)
+        for s in status_filters:
+            active_filters_list.append({
+                'type': 'status',
+                'label': str(status_dict.get(s, s)),
+                'param': 'status',
+                'val': s,
+                'status_class': s,
+                'is_status': True,
+            })
+    if selected_thematics:
+        thematic_names = {str(t.id): t.name for t in available_thematics}
+        thematic_names.update({t.code: t.name for t in available_thematics})
+        for th in selected_thematics:
+            active_filters_list.append({
+                'type': 'thematic',
+                'label': thematic_names.get(str(th), str(th)),
+                'param': 'thematic',
+                'val': th,
+            })
+    if selected_contracts:
+        contract_names = {str(c.id): f"{c.contract_number} ({c.company.name})" for c in available_contracts}
+        for cid in selected_contracts:
+            active_filters_list.append({
+                'type': 'contract',
+                'label': contract_names.get(str(cid), str(cid)),
+                'param': 'contract',
+                'val': cid,
+            })
+    if date_from:
+        active_filters_list.append({
+            'type': 'date_from',
+            'label': f"≥ {date_from}",
+            'param': 'date_from',
+            'val': date_from,
+        })
+    if date_to:
+        active_filters_list.append({
+            'type': 'date_to',
+            'label': f"≤ {date_to}",
+            'param': 'date_to',
+            'val': date_to,
+        })
+
+    active_filters_count = len(active_filters_list)
+
+    # Query strings pour les liens de pagination (en préservant les autres paramètres)
+    p_orders = request.GET.copy()
+    if 'page' in p_orders:
+        del p_orders['page']
+    orders_querystring = p_orders.urlencode()
+
+    p_contracts = request.GET.copy()
+    if 'contracts_page' in p_contracts:
+        del p_contracts['contracts_page']
+    contracts_querystring = p_contracts.urlencode()
+
+    # Générateur d'URLs de tri
+    def build_sort_url(col):
+        next_dir = 'asc' if (sort_field == col and sort_dir == 'desc') else 'desc'
+        p = request.GET.copy()
+        p['sort'] = col
+        p['dir'] = next_dir
+        if 'page' in p:
+            del p['page']
+        return f"?{p.urlencode()}"
+
+    sort_urls = {col: build_sort_url(col) for col in ('code', 'description', 'date', 'status', 'contract', 'amount')}
+
+    # Vérification des droits pour voir les prix
+    can_view_prices = False
+    if request.user.is_superuser:
+        can_view_prices = True
+    else:
+        try:
+            cfg = request.user.config
+            can_view_prices = getattr(cfg, 'can_view_all_prices', False) or bool(
+                set(cfg.roles.values_list('name', flat=True)).intersection({'admin', 'top_manager'})
+            )
+        except Exception:
+            pass
+
     context = {
         'contracts': contracts,
-        'orders': orders,
+        'orders_page': orders_page,
+        'orders_elided_range': orders_elided_range,
+        'orders_paginator': orders_paginator,
+        'contracts_page': contracts_page,
+        'contracts_elided_range': contracts_elided_range,
+        'contracts_paginator': contracts_paginator,
+        'available_thematics': available_thematics,
+        'available_contracts': available_contracts,
+        'status_choices': CONTRACT_ORDER_STATUS_CHOICES,
+        'selected_statuses': status_filters,
+        'selected_thematics': selected_thematics,
+        'selected_contracts': selected_contracts,
+        'search_query': search_query,
+        'date_from': date_from,
+        'date_to': date_to,
+        'page_size': page_size,
+        'sort_field': sort_field,
+        'sort_dir': sort_dir,
+        'sort_urls': sort_urls,
+        'active_tab': active_tab,
+        'active_filters_list': active_filters_list,
+        'active_filters_count': active_filters_count,
+        'orders_querystring': orders_querystring,
+        'contracts_querystring': contracts_querystring,
         'is_add_order_allowed': user_can_add_order(request.user),
-        'selected_statuses': status_filters,  # Passer les statuts sélectionnés au template
+        'can_view_prices': can_view_prices,
     }
     return render(request, "contracts/contracts_index.html", context)