From 3a9e201250b3b8791a9f8ebe7bc4b54010f2b4d8 Mon Sep 17 00:00:00 2001
From: nataly <nataly.abi.wajeh0@gmail.com>
Date: Fri, 12 Jan 2024 16:59:07 +0200
Subject: [PATCH] New changes.

---
 osinaweb/db.sqlite3                           | Bin 630784 -> 630784 bytes
 .../__pycache__/models.cpython-311.pyc        | Bin 18925 -> 19030 bytes
 .../__pycache__/views.cpython-311.pyc         | Bin 57855 -> 60660 bytes
 .../0046_task_requirement.cpython-311.pyc     | Bin 0 -> 1051 bytes
 osinaweb/osinacore/views.py                   |  11 +-
 .../osinaweb/__pycache__/urls.cpython-311.pyc | Bin 10980 -> 11012 bytes
 osinaweb/static/dist/output.css               |   9 +-
 .../details_pages/project-details.html        | 272 +++++++++++-------
 8 files changed, 187 insertions(+), 105 deletions(-)
 create mode 100644 osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc

diff --git a/osinaweb/db.sqlite3 b/osinaweb/db.sqlite3
index aa4e00d37c8bfc6020ccbc89bca075056da80a52..158585bf0acb0d70bfbfcf1ec0cef21c63b1b846 100644
GIT binary patch
delta 1604
zcma)6Yitx%6rQ_xc4i+l`*pY3-Ikqgx6lHjZD+R+OF<|#Vv#@#k(ZKaVGES!wq2Vd
zgjO&?)JPR|B8n|0T7rnhio>%sfgeZ^mIze{f)EpEG`v!XmIS>sOB)koG$;3*JCF0-
z?|k>%+tM?#rDtSofJ}c|dD1$a%Uhb*6a6rk1mDSfo&>kd&l@8s!BjetXzn*G=|awM
z51m4^SKhQ_5P#Q+ybMC5uD<+0EHpuMa^fs$H!9?E*Jfw6>%7ws-7!{dlQv<5=<FKa
zeofe-cJNt`N8%;Rs~1<lv~rmmsa?9PdhDXb3s%I#b>S82f(6l)WgFBEUF{%eE9eAU
zvnJjmYb>_ru1TT$qW1CcMD`Si!Ud&8MWqGBd4=J^!s1Ao&fYKl!OL-+h+YmCaTV8b
z1HBkPzwS#|E@8Bl65>+~?;R%N8_t1^9R5HD+OQj&u@M?>qYqbf<!8$_kVmxxH!Y){
z5OR2q5JeEOjX2CIj4&f_1&el<Y_53H0Qwcb;3u5JN!-ELN$YZVegIAX(=smG>NoyZ
ztS%$?9JtGfCMYhmr1OkqA8sPC*GCUPFc^x8)(e{F5v3W_b;dPT?svuHL((Q`hVDzD
z<D`;e#ld;~=~;vXvf?!j@kLQ)lNQEn8*3tJq%c<v=SGTrVpXJ2Rl@~?ufnRnNug_K
z+P~KxqRHCx=_s4X6QlGTtuLPjSWY{~nC`<@=*DMg$1e0UiLdL5N<Rn5){al4A(Oq5
zqurQDeJrDc!+jjVejGy=?&1rk_D%HZN*Ub)lBu1lq=6!%ULnWu)@;M`BY0{ja11JY
zl4&}q?j7t+8dG*Fw0$qo(#Hgz*oopdgU^*rGh3jav1R;NEA*l#X)NtiXh&Dk)Fe^A
zc5xNW37Sh?Fu2~vZ@7kgxPl8fku;X`CA9CF=_6Kym|wr&Oa;}+axCcQm<9v7)Jbo^
zV~|%Q8RyuC7>DhM=~54kBAhSTxIiF_c(ZEinVF7F>W8+aK&gz?tQ>lb=-W@zg&~Q@
zVUBS*%(~;eo^p%s$J42P60KhnU*ciQXQz@St{~545_9*B4p5v5&!s<nR%~9LWB=6F
zx*WL3@y5XzU|O(U+nd6lM!@44#$eJs>CAiFX(s=m=@oqdyyL|T*?y37&X?bl6?8j8
zj;oHHj(Vxpe%F3bIwQ^0LNVT_m&EuwC)uU#T*L2}Fg_@A0k17Ri*+Uma1Bw@jOvU@
zv|*^m@X)MSQp9JCK8+OXt!w!>&5#ZGPOzS7$5y<Hx9}R)V=WpHW1Y883$+-lw(xcE
zdYm34xHPAmd5<&2;4THV?#=w<{|C})g1Ai(w+Z4lL6o50-NsK=8A=m}qd0}**nv;*
z5ne?T-bX85$2uI=LJ5OPf?o{}v$LGn&0LBJAqMrMm-#Vu?#SOSt4Kj{;l>A5RyG7S
zL^f>tgDSg_X|u?OIM*fl5bL*2dGz|sGV8Pr(<c4bU8xDp_ReQ2r>JvEmp6r*X3VN+
zT0Ljx+-dRU<qdP^O`WICE-zVDRbJKja>a8~=T^>MIz4w)<5Pp;NB(h>>X+8pN4i<v
lM~vfe@8N;C%5JtF@jcVwTedAn7{zU1r-36u?O2<A{9pFHy#fFL

delta 1343
zcmah}T}&KR6rQ_xc6MiHcE6e3?DDhAy1*7%BFik46sU;N2Emu|;Ln33{y{>0XxB<C
z2@T*+f~XO+)rqYYFe*)}wH5KU#jYgqP#bJ%q-YzYN=zzhpf!M%Ce=G@w{OOr+;i`p
zbH97e`R<qL8Y}1;E9eW7EpLSGvu_b%k34X!X@4;Zy%~Fy1ot$?ilktUkJb=Vf7O;H
zMf1G0o|w<SW($+R@R?Yc5M_9wB$x<SI}E|`ka`4l?t4AG$`hW8N(Pv#($TN>Ab&VI
za7EhF5Gj1o7-Gf{nXaSN&i72mRnpG#3|q))c3vlLcKAAZ_&YzA1qm|(W-*Unu!tF~
z;W!IS+2*ib5CqAeWv7Jrv)%YYkkKvRFASj{N6?FIn7D=o>|&uGZ3jTg%#%yD!fMUN
zaRDMrQBfcy+b-p&X3-8l%N{rW;29^ai+;n;_yHF%iO<tEtRH;`Ci~mAIm&Nw5IMu{
zv0wogR;)rPE_2XDUgQFnkQ@onlaQ>CJ=>fCjd>-thkDL?D&5PTg!@aiNBxrpG`d;k
zd{nTW5N)TK|J_D}{@X?gEp*y^sWvoop@arGW<ao*!DmR~BMjhUEOWN@vXDU!gA|#k
zYiLB`2(RWf7i(yMBZdUrz*jhd2@GQepK#)qu%CtQp~pbhnP<1sV0kKwW>IX9T3*Z-
zsZ8KXlQhZcNfR}KTgFM+2lM!2wCc_jNg0qtB9nl}#kUe>t=C-U)h_ZEoyS<(IP621
z<2$HNl4X8!y*aysuFJtH$6T^%y@ua$1wY{u&ZLcFK85*BC*5G@2s_w~PAVA+)&#<p
zV{yRLqjV8oE3+=Uae)U01q`B%sbjPWaig@XIBpahJhH*(%O(EYy88Os+S*bpU{n^D
zR_I$3&D(Ep<81I8eJY~ba7w@`PFcpZtMml!H!?`m&X(2|D_PV>TDEPoR@op=>U{R5
zzG!^q1bG@xzbK@>cwC$jo2BtJu5NB4ns^Suus53@&GcqjP(71-Rm<RBLV&G7bUhwc
z<xxRtbid^eA*n=M^R7d#oob)FB9E%)<x!TG5W5xft9hthJa{*6L(v~BEi;UGxw}zF
z=J;hjH<u7O*xLMTYh-)#F009=rrT{+q*rBzQp5Uoi>)-QA|Y_%C%C-!VJ}|C%Xk61
z@f;GC=vZEt*bRTC;>DDZsp#B$6^(mUhMDXYYyTJDm%{5Qyq?1ADZCDr>=$bdenFdn
zah%0z9K`#07cZd=Z=(;dpaUH&Z%XWi*YCx&;Mcj+H0~6Djb9dvp3&ox_@=7zimHv9
zVsT@mQCZo2v%$`X#D{|qC%f4oOLs`bGbecFxU!}_Y_3Bt&_gOFEd8zCQs6xQD}0Y{
Rc^zM4f}i^U=0v}I*FSKrbmjm6

diff --git a/osinaweb/osinacore/__pycache__/models.cpython-311.pyc b/osinaweb/osinacore/__pycache__/models.cpython-311.pyc
index 89a0e19bf3f01d8c21498ed1b6a833ad8bd997d8..a2fd1662a986cb70b429e00f6475b4b0949a1271 100644
GIT binary patch
delta 643
zcmaDmneo~bM!w~|yj%=G(BQH#RbP7}-%pdt@f@6tk0uM6PON8QNM+7q14)BGDi4sy
z0bw&Rq%fy2uVG!r!oaW^h#??~H-#;V53CC=mcpLO2UN+ij2WmBh@mR^!Kwsc{1nbL
zT+0}NDu5WOLXe3SWWCVj4=Q4lCo2mwvQJ*Btf<Vsh6zofD4H|HCQnq7j~7RC1~=Hj
zJZR34=wL`=OyO<eh>}d<Yhj3zO5q2R(j5#Hj8QVd44MMBSV9tuvtRxKI;w~pNQ4wk
z05Od>-!xmt#CUCUhvjNU#s`~Ctd$uVpH7aj@nw{q>}Vu8dB2US;8vi@Tiivdg{7HA
zsky0nC6gc9l(41)z4&ADI|GHuHMXV-H-wZYs9h0KzMx`uK<$X$h4APL$>|q_GA;^b
zToKA>@ZP-9Hj0Vy)?^-sZCp1&HiL*alg~I@V!XL|zN0N8<KxMJ+QR$~L2@AC4-gmU
zO}^-$G<lbc{p18^F~*0J=R2O5Z0{nh@(82~<c(W`DT$dml|`uq`9&r1#U+VpX+=+f
z;(kR>!N$D+DFhL$K-a>J3uSyUS-|x$H`pOy8(&Pm=PJwie)At!NoE~oM&l0*m_&zJ
RkIhGr_!oqv-(*M6H2}tOsb&BG

delta 521
zcmcaMh4JlVM!w~|yj%=GAn<ff>M^a2d_PSl^J#H1ZkQ}+I#DWxHHwFcA(c6c1*8N7
zQrJ>?Qkd7UPyVhXCzZmnhI1Js1H)<{hJYx3uyTRPA5_G`q6E?Pu3<t`E<{j;Fjxf}
z%z{*r$rF|2qeRj4aiuT=UB$hO8R!@whB`*9gCUJEg{OrhN<4+Pg&|5Jg%3zdb}&>h
zMo9%TX!74;2}vx@e)$WizK9!0gcMEKEMUHliSg>@{g$g48Sih-wpM0jd@{M;#+Olg
zvZImY<Zm{rlXY#28Qmu@w2hn`<EXsZ*3O)X@#f@Ghi&{fKn8(`*Fao+WHO_x5>Ux%
z#v79#IG>n&!Ksw-(d0mFVeSVYbs*w5!{om%sgqASi!nX`s=3YhaPl4(8TQ9ODZip8
zAhlf2L25w+%j7>UHH^<ESGpeN23zz1EHl~NO_uT9=2SOHW?dyl;|~m&M2A_A%}0><
S7lfn_<K&H=Vv`SgP6Yt7vxpY}

diff --git a/osinaweb/osinacore/__pycache__/views.cpython-311.pyc b/osinaweb/osinacore/__pycache__/views.cpython-311.pyc
index 0c04fd35c7290fb0febf014072c023518f94e58d..dffd31f2f38132c919bb94ed0aa7c860c80251f6 100644
GIT binary patch
delta 7043
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
Oa8S%yaZ-POqVRuR(epq6

delta 5318
zcmcIod32Q36`yZrzAqbD$&e5*8`&mg1KG(61d<>IWK#&lNoIfunF((K@j&7PG=P{w
z$VE_=BA`%;LgYh_rB$%hLk>_3!a*31fEKYW=af*FqtHt4y<a91BlPs2<|Mzocei)n
zd-vUU-}mhm!~K(np#6b?{yO{#`D%x)aNFBK7ZV_Fu%G@h309@q4Go5RaIK7kmc^m6
zvEC>~Lg`2SO~yBk`}8{9LHyHx8syp_IRD4g+<N&<d7p$V{Oe*VcB56-ATQK4DE0b!
zL%m$DSd|^d2A|qckBm-Nue18p`@p8836c>mC8a`Oaw1&FjDl&&rZ8WTgpy(@fs^1_
zXh62O76$JmhxtE;q|flrc?ixYXBw_YM1whHeo&{M9ISNe5E>_a7X*(NWI)m23P>@}
zP*#zV)vzfq61JH`<ma*bPxY`lNK)1iXDxF+OAS%hVfUU+y_0H`l$VIrjI4;heVnzH
z1q-aUT1(Xur}z~zjA~+9wj{MeMf%);7Lsfw*bMn&BjI{_u>ULA4Z=lnRzl{{2sI?b
zpqI8mc-Bz=?Z}BE&PsGYQeBiaMKA9}T9$fjs6&!>VKWCZhJ7OM#a0o>!#63ru_gAv
zj^S~kZ(wsOX-8wDQP*jNX~kLaakQ)&My!zh_ak*Sv8!Q4Tr|8f@|amuM!J)>FE&;r
z<3D$R#cHis=B%>YoKA57DU}kOJKY~PhsUF}T~IN)KsktHy9A91S#V|a9jO`4jBzN3
zkSN~5d8W#3*nAEgW80<OFe-bLpNjn!9Q+#yDd`6rvsY-2AA#VU1o>TLZiTk-QSe00
zvmQoAPJG~d$k>Tm;wU!YweSJ0MOjdio8pnVJ~09|=7#wlL-yWo>nC#8DjSg^T473F
zuA*%LZdQu?K2m=RALJeI80g4}h^(!uwv|^qtd=F>IP#D59`Eb?1dn)VL8AO2%Dl(U
z&Mdec!sBeB!5$?5m@zIzd6}A9A#O@vczIl3`6PBffVak7@|byXe7yV-65G|b@#7_F
zBYZm{7vts8!UCxtmKDZ&T;5)oBcDdOkKyyee|wa#Pc#RfMdFv_=kKxMSr^MBvqz?7
zQmT9oS$|_cuS{z2Fv^OO<ql-rX2zbPIu9eJI8Ocq8Q(FZytv-O_@X#TzKD!_%=r3r
z7>p{Z(U^PSP)U+}37HaHDcSDPSTQ+Sxr{`AJ-j`>zj|V_OOoB#k5DH}!AL&^MWqQi
z&+5|1f$c~Z!2|{bv!WgDt3<d4yGt|uza%oorgI0B?vGY~C=HaQ)u7CLCguhSttKcW
zxJfXC;A?`v!p50nagZ}JhbcVBS0K;IkZ!=RS>}|lJPPj6YFl-MO*qS!Ic>sjskS+P
zW}|6Vu5=6jG^<qp5moZl$l14zshWN4qr3OW5|7Hc=wH<B=C6PuWr<PsL@Oc~OYjeZ
zz69-1Qx+BDwZO{Wyw)|117#!R`zY>EZ<JNZIDyA2Vq8BTM=V3W*-!9_c%7-EK_m*2
zUg9H=aW_!QST<{Vt;M-m{F_V!i8#_3K=4qv7wL2<IuS-Pys*ou6-2=2%!Dm-h_;V6
zAiQ#r`9Uu5YO#aljFul;;OWY-vWyP5s;^bvGvZu#EL!T~S^3a3d<pys`Va&XP#P7%
z1bzr+-(E9t%M*(qE1WKDGzz<Gq?VPO4Cr!_2wwYSrsp7R+dInI)?-n9otEXc^6mr~
zh8iEM?N!r_!+ZJawH1IeGbTRJ?+}=3pB~DZCYplYt<T89Yv-taf)olr+UJMxR)msY
z+B9IHBPQdaLp^A1(3)eS9EB!2)%%W>isS<;mybq#XL*qlPnHLPp)L{6i@7d4U?345
zA;1u=OAg@0(TK38F4d1ND3O2w$IDFc_qt#?9XnC#Pj%CLVtNRZm_n-?O|2M$Sg^Zd
zrFhur8eqyI0uMffT0;pk;kYZp#S>1Xei8wnn`|<aOx+X$GeHkWi7OK<A;1{biBuBd
zWiw*e?5}NiFaHLT<Y1CaBZ$GS8)i0!88flV^J{GEBM-+;p1P^gYD}Ztbk{ercueAy
z*u)x<PNt25GgdR%3MUIjx>Cd`h-*sX-E;d|Ewwf#UWeID@o}654wF0wr8fimbY(!;
z)-*sG1@AVEkaKWwt9qxYk3O9?{eYw$^i!n$1cKS8SI~>;Y#2h;oA3<fugj9hp@~&6
zZ+)iv`nm!sfMX{gY3O3-i>3fx@7X<-lGYEE3sGRRI&b|xX*Mg+%*=XiaB2(oU=C4#
z;lW%sM!-|!4KVgNZ>*mHbDHDjNjS_tbyf2kX>bp}NOj%=P0wf3U6U)?5G$9Ufj_9#
z8y5e<z%vgtz!B2kWuSk{F#joNpabt8=Tf|5lGW#0K9>~U&{nXtMtPd6TF01pp*YMq
z|83D+>1Z9`5xUcw=|2O_-6V5|$Q-=YY*H71TQ7}-f-T{5*)UIk6v_#T8MnW4k)y80
zQDv`naw0wurp2;%5YFnON#Qz;N&4;}imCEChge)?U+A!lG0?UpJc{Fq2jTFdfEM`#
zEpT;9Oo&zsQGYsF8w-J3=PMR${$x;>ZhhR~8cF0?1XL;tJ;6qlH;4WYK8ZObK89c}
z!9$&)fZ+QAGd9=r^GF<>3+uWJH1CKwAEs{4mMgK@Pu;Y=(vU(P-t7~c9y{JqU9-ei
zYqM&uK1tGakBO(KRR#lhWylM$X;w>jJ!Np&h|1GjK&}7h^mvsy=>58<7vFV3wt5$z
z+?Y?m+gmQduH=4DzBg8`LgF~}g}osL7jGqdO{qrn`e|(a^0NMUcxb!8iIDRr2Lh)Z
z3)$hFVGlhShp1!88E<fAOFHPgf2h0!$z@Qo|9gF|1eTm4n0M%rJh7WJjvzS6PAvXt
zuZKQ1YgKJ|jc`0;tE?4v)U8JW&znTi^BYWow<FE)$dRdO4>RM(W^6T8m7)f1G@*@e
z;MF53urJ(1uYfi+D!7*q5OUNM=tSWSC@hv@Lv1;lY|LvUPX`cqZw$T%w5t#0v>l*3
zjf*L<mV}>2z#4BgeE;5h7xS1L*KLi{0WWMXyS%zy<Fr0v6#-YdU4;h|xPYY`$~B2t
zMjk9Ds3Y(W3ip3!mY+r1RyF;YUCwJFl^X;+FD{Mv=I8o|3lDF7MD?LoB(1}i*?`rB
z`?#Zm-DevQRp;xIOQ7z65&SIXiF5@w6L@K!q=8nD=Ug$Zgo7uBD-GB`V^nXRxF=6t
zPXb=Ido3HUSdU_W46*N2D!BCyyE}mD^scuy&Z8NIoSNsNtGf3U_}_QMI|fgXD-qr#
ze%JS$oA%HruUFA1tI3gIyRELg#^J20t#a7Qt01sFPg#SE?~Ljb?UVJMx6$6yiSjxm
z$E$xnT_E929DFuSDuC>>QQC#e%g_#%vx!Judp1FS35C<twzFGEc+$Ca{QiNv<)`Ic
zzMkXA5#Dg`-jM|p96lE+O@I&2CCVF6X^eX7+(oi-q9a2}fZH8WS`o=Z^7+=ZGR_Af
zJLi0yya~06)XMX}A+0_a21&(`b)mPTCbLp&Sy*0W6~!p-q;={(^}c*uku5eOZ?*~-
z4jL4$h(^MMPZvvvq3zSi6v|O<UuUhT;bMrd!0TwnZLm~0-9D9$>I(eoAPzz2r)Fs@
zL|x93UV+J%<E2-@et9Z?O<Js;yj&zl^g~O0YI}aU5D^f6HAC6~)2{Br5r4QkNjeDm
z*G$TrB>g(fy_PT2^S)Vq?b;l@G#c)GvBvcrE$Z_GbUOG8j-W3zVmrZ3f?WiA3Em*s
zPe9*A1bqb&Z3HU8y9D&jLeK{Z@jk(Ef)5E!5`08JZ+dZ-;GE8d*g?%t2rd#_BA^$v
zpl7q7H?W`wsJKr+FC;;a4nYOIpxRqdfhwp_6ype}bQ4rq2`Y{R6*z**5@8{ryHwD{
zDCnMX2}<vrr#aCIN}z&Lji8e&D6$2`v7q=A6kdX&h4)$PqZTdc0j$Z%yJUpBzS;OW
zW!Vy2t~h}#{M9*SKYV-`BuTog%kSv<tN!$to%;UaQi;^5BfMkK=|f(K?$k3WO+9+^
djIqBgO+YqbH=9Wz@anBW@atRAs{2-y^dIi#3nc&m

diff --git a/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc b/osinaweb/osinacore/migrations/__pycache__/0046_task_requirement.cpython-311.pyc
new file mode 100644
index 0000000000000000000000000000000000000000..e92c87fceb673148baf666cebaefdb06ae93940a
GIT binary patch
literal 1051
zcmZuwzi-n(6uz?^$97u@0umtFf@oD?3E~dGgpjHxMQWi-TO=}IIk{_O*FVy;qbf`p
z7&><A%u+yf;7?%S59p8~x|NB|RXcU!ogJq|<!pa`@7>+=_r7=jGBsr&82#F3dVvx8
zEu3PMM#fnUj6*~a!9EIb0|!z=!ort)xuHntH6rpSL==j>Vh=i!5&8~KJ{lz=Z6LGs
zN4TcMjlgX)Cvl@N=4ucT>c{J?(c0{lu>$LCAK(yC)W8HaB!b(xAxnrVmtP_h5fRlZ
z7YT?0Tr^KFd`}%)MPB4h6fsgdR*w{53r{|d%m1>6Z%z^o`0HGMTM&mT^eA>irxh{E
zD~pTIp4-hX1ZW)FNv}h>k~r}WpI~&i>oOY9FxmV#J>F97u*jpW<jS<E@KV!v!X2)J
zUEhcNp$*c|gmNi~Oc`VoQrV#sK=uqv+b;FVx;e!)JB!;kH*6c$b$tr<q;2nZ9bc>!
z9-$o?5*oH#8Z*%yt}PL=B62WMJ~vjN8n+#;(H>Wc=Y;KuOQgxQj0g0KmzS3|mX~UE
zZbThA>ftwZCX~Bi)>ceeY(bGpD+;Vy)ar`5V{6?>9KR<fLg#6o*9z%g=8xRW-lNTY
zkx<pTJS7(B`@$B2+E)atc6v<oHUrWAm;v<1SE?fYNh(XX)&85*K>GB)G0^T0@5~Hu
z&JHVc2MdGB+}HUZn?K+EdOxUd4eB2T_3acPAFoRAy0s>qW_X@qT2^%96akzINM*I6
z_E*KlW(yLg%JsaSDrsg4=eph-2dnvUuNH!`yTx8MBdjdd1F$Z%mw6jsu}9#---+TT
pKq_O5p)zcqpvTwmA$oXH+^IT=)f8Qa17mPw{!~ny|7SMi@E78>8tVW6

literal 0
HcmV?d00001

diff --git a/osinaweb/osinacore/views.py b/osinaweb/osinacore/views.py
index 395e6686..ae2ca033 100644
--- a/osinaweb/osinacore/views.py
+++ b/osinaweb/osinacore/views.py
@@ -220,8 +220,12 @@ def staff_positions(request):
 def detailed_project(request, project_id):
     project = get_object_or_404(Project, project_id=project_id)
     epics = Epic.objects.filter(project=project)
+    latest_epic = Epic.objects.filter(project=project).last()
 
-    selected_epic_id = request.GET.get('epic_id')  # Get the selected epic_id from the query parameters
+    # if latest_epic:
+    #     epics = epics.exclude(pk=latest_epic.pk)
+
+    selected_epic_id = request.GET.get('epic_id') 
 
     if selected_epic_id:
         selected_epic = get_object_or_404(Epic, id=selected_epic_id)
@@ -233,8 +237,9 @@ def detailed_project(request, project_id):
     context = {
         'project': project,
         'epics': epics,
-        'selected_epic': selected_epic,  # Pass the selected epic to the template
-        'related_tasks': related_tasks,  # Pass the related tasks to the template
+        'selected_epic': selected_epic,
+        'related_tasks': related_tasks,
+        'latest_epic': latest_epic
     }
 
     return render(request, 'details_pages/project-details.html', context)
diff --git a/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc b/osinaweb/osinaweb/__pycache__/urls.cpython-311.pyc
index 1740af221c3085e774874a1031eff3fb64248de2..1fad44b9d8c711c7fce6de715c85ab9dfe1e5fd8 100644
GIT binary patch
delta 155
zcmaD7+7iaQoR^o20SFpg7N(YL<mD8XlS@s>EYU3}%FjwoF44CsE-A8ta^f>n>?SLV
zt4fH2m6RkFXG7#cERf{pU~yv(#_-MU@;5nzFK}wEFukH}d%*VsOVCA@permvlZ!O;
rr7v(QEpT1pzeDQ+i|a)e*DEZpAM%;982On#6imLWA+`Cc20s%3&G9w&

delta 123
zcmZn(dlJgKoR^o20SE-1&Pfg1$jd3t%bS{#S)yA|l%JKFTr$~2T$P&(EK-tKoUOmP
zP~4b<F?91%`I{U<9r80&uSn@^u)V<Ic#*~N3X9|9i5mJ+9WoP2r_`^Ay1-&_k;UQ)
Zi^Ye0rYuH&rVj;^|7u8W{;I*x1OS;3Di{C&

diff --git a/osinaweb/static/dist/output.css b/osinaweb/static/dist/output.css
index 96ade3e5..16037a79 100644
--- a/osinaweb/static/dist/output.css
+++ b/osinaweb/static/dist/output.css
@@ -1025,10 +1025,6 @@ video {
   width: 45px;
 }
 
-.w-\[50\%\] {
-  width: 50%;
-}
-
 .w-\[50px\] {
   width: 50px;
 }
@@ -2271,6 +2267,11 @@ video {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.hover\:text-green-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(21 128 61 / var(--tw-text-opacity));
+}
+
 .hover\:text-red-500:hover {
   --tw-text-opacity: 1;
   color: rgb(239 68 68 / var(--tw-text-opacity));
diff --git a/osinaweb/templates/details_pages/project-details.html b/osinaweb/templates/details_pages/project-details.html
index 2dbbc026..7a6631bd 100644
--- a/osinaweb/templates/details_pages/project-details.html
+++ b/osinaweb/templates/details_pages/project-details.html
@@ -198,106 +198,190 @@
                 </div>
             </div>
 
+
+
             <!-- REQUIREMENTS -->
+            <div class="w-full mt-5">
+                <div class="overflow-x-auto border border-gray-300 rounded-md mt-5" id="customersContainer">
+                    <div
+                        class=" bg-slate-700 border border-slate-700 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+                        <div class="px-3">
+                            <p class="text-white uppercase font-bold">User Stories</p>
+                        </div>
 
-            <div>
-                <p class="text-gray-500 text-xl">Requirements:</p>
-                <div class="w-full px-8">
-                    <ul class="list-disc text-slate-800">
-                        {% for requirement in project.projectrequirement_set.all %}
-                        <li>{{requirement.content}}</li>
-                        {% endfor %}
-                    </ul>
+                        <button
+                            class="h-full rounded-tr-md px-4 bg-gray-300 text-slate-700 text-[18px] outline-none border-none cursor-pointer flex justify-center items-center">
+                            <i class="fa fa-plus"></i>
+                        </button>
+                    </div>
+                    <table class="min-w-full divide-y">
+                        <!-- TABLE HEADER -->
+                        <thead class="bg-gray-50">
+                            <tr>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    Story
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    Related Task
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
+                                    Actions
+                                </th>
+                            </tr>
+                        </thead>
+
+                        <!-- TABLE BODY -->
+                        <tbody class="bg-white divide-y divide-gray-200">
+                            <!-- 1st row -->
+                            {% for requirement in project.projectrequirement_set.all %}
+                            <tr>
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <p class="text-slate-800">{{requirement.content}}</p>
+                                </td>
+
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <a class="text-slate-800">Cars and classics inner pages</a>
+                                </td>
+
+
+                                <td class="px-6 py-4 text-center text-sm">
+                                    <div class="w-full flex justify-center items-center gap-3">
+
+                                        <button
+                                            class="w-fit py-2 px-3 bg-green-700 border border-green-700 text-white rounded-md cursor-pointer hover:bg-white hover:text-green-700">Add
+                                            Task</button>
+                                        <a href="">
+                                            <div class="text-[15px] text-blue-500 cursor-pointer">
+                                                <i class="fa fa-edit"></i>
+                                            </div>
+                                        </a>
+
+                                        <div class="text-[15px] text-red-500 cursor-pointer">
+                                            <i class="fa fa-trash"></i>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
                 </div>
             </div>
 
             <!-- RELATED FILES -->
-            <div>
-                <p class="text-gray-500 text-xl">Related Files:</p>
-                <div class="w-full px-4">
-                    <div class="w-full border-t border-x border-gray-300 rounded-t-md mt-3">
-                        <!-- HEADER -->
-                        <div class="w-full h-[60px] flex items-center justify-between">
-                            <div class="w-[50%] h-full border-r border-gray-300 flex justify-center items-center">
-                                <p class="text-sm">File Name</p>
-                            </div>
-                            <div class="w-[25%] border-r border-gray-300 h-full flex justify-center items-center">
-                                <p class="text-sm">File</p>
-                            </div>
-                            <div class="w-[25%] h-full flex justify-center items-center">
-                                <p class="text-sm">Date Entered</p>
-                            </div>
+            <div class="w-full mt-5">
+                <div class="overflow-x-auto border border-gray-300 rounded-md mt-5" id="customersContainer">
+                    <div
+                        class=" bg-slate-700 border border-slate-700 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+                        <div class="px-3">
+                            <p class="text-white uppercase font-bold">Related files</p>
                         </div>
 
-                        <!-- BODY -->
-                        <div class="w-full border-t border-gray-300">
-                            <!-- ROW -->
-                            {% for file in project.projectfile_set.all %}
-                            <div class="w-full h-[50px] flex justify-between items-center border-b border-gray-300">
-                                <div class="w-[50%] h-full border-r border-gray-300 flex justify-center items-center">
-                                    <p class="text-sm">{{file.name}}</p>
-                                </div>
-                                <div class="w-[25%] border-r border-gray-300 h-full flex justify-center items-center">
-                                    <p class="text-sm">{{file.file}}</p>
-                                </div>
-                                <div class="w-[25%] h-full flex justify-center items-center">
-                                    <p class="text-sm">{{file.date}}</p>
-                                </div>
-                            </div>
-                            {%endfor%}
-                        </div>
-                        <div class="w-full">
-                            <button class="w-full border-b border-gray-300 text-gray-500 py-3 bg-gray-100 addFileButton"
-                                data-modal-url="{% url 'addfile' %}">ADD FILE</button>
-                        </div>
+                        <button
+                            class="h-full rounded-tr-md px-4 bg-gray-300 text-slate-700 text-[18px] outline-none border-none cursor-pointer flex justify-center items-center addFileButton"
+                            data-modal-url="{% url 'addfile' %}">
+                            <i class="fa fa-plus"></i>
+                        </button>
                     </div>
+                    <table class="min-w-full divide-y">
+                        <!-- TABLE HEADER -->
+                        <thead class="bg-gray-50">
+                            <tr>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    File Name
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    File
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
+                                    Date Entered
+                                </th>
+                            </tr>
+                        </thead>
+
+                        <!-- TABLE BODY -->
+                        <tbody class="bg-white divide-y divide-gray-200">
+                            <!-- 1st row -->
+                            {% for file in project.projectfile_set.all %}
+                            <tr>
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <p class="text-slate-800">{{file.name}}</p>
+                                </td>
+
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <a class="text-slate-800">{{file.file}}</a>
+                                </td>
+
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <a class="text-slate-800">{{file.date}}</a>
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
                 </div>
             </div>
 
             <!-- CREDENTIALS -->
-            <div>
-                <p class="text-gray-500 text-xl">Credentials:</p>
-                <div class="w-full px-4">
-                    <div class="w-full border-t border-x border-gray-300 rounded-t-md mt-3">
-                        <!-- HEADER -->
-                        <div class="w-full h-[60px] flex items-center justify-between">
-                            <div class="w-[50%] h-full border-r border-gray-300 flex justify-center items-center">
-                                <p class="text-sm">Email or Username</p>
-                            </div>
-                            <div class="w-[25%] border-r border-gray-300 h-full flex justify-center items-center">
-                                <p class="text-sm">Password</p>
-                            </div>
-                            <div class="w-[25%] h-full flex justify-center items-center">
-                                <p class="text-sm">Used for</p>
-                            </div>
+            <div class="w-full mt-5">
+                <div class="overflow-x-auto border border-gray-300 rounded-md mt-5" id="customersContainer">
+                    <div
+                        class=" bg-slate-700 border border-slate-700 rounded-t-md flex justify-between items-center text-white text-xl font-bold h-[50px]">
+                        <div class="px-3">
+                            <p class="text-white uppercase font-bold">Credentials</p>
                         </div>
 
-                        <!-- BODY -->
-                        <div class="w-full border-t border-gray-300">
-                            <!-- ROW -->
+                        <button
+                            class="h-full rounded-tr-md px-4 bg-gray-300 text-slate-700 text-[18px] outline-none border-none cursor-pointer flex justify-center items-center addCredentialsButton"
+                            data-modal-url="{% url 'addcredentials' %}">
+                            <i class="fa fa-plus"></i>
+                        </button>
+                    </div>
+                    <table class="min-w-full divide-y">
+                        <!-- TABLE HEADER -->
+                        <thead class="bg-gray-50">
+                            <tr>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    Email or Username
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase border-r border-gray-300 whitespace-nowrap">
+                                    Password
+                                </th>
+                                <th scope="col"
+                                    class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
+                                    Used For
+                                </th>
+                            </tr>
+                        </thead>
+
+                        <!-- TABLE BODY -->
+                        <tbody class="bg-white divide-y divide-gray-200">
+                            <!-- 1st row -->
                             {% for credential in project.projectcredential_set.all %}
-                            <div class="w-full h-[50px] flex justify-between items-center border-b border-gray-300">
-                                <div class="w-[50%] h-full border-r border-gray-300 flex justify-center items-center">
-                                    <p class="text-sm">{{credential.emailorusername}}</p>
-                                </div>
-                                <div class="w-[25%] border-r border-gray-300 h-full flex justify-center items-center">
-                                    <p class="text-sm">{{credential.password}}</p>
-                                </div>
-                                <div class="w-[25%] h-full flex justify-center items-center">
-                                    <p class="text-sm">{{credential.usedfor}}</p>
-                                </div>
-                            </div>
+                            <tr>
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <p class="text-slate-800">{{credential.emailorusername}}</p>
+                                </td>
+
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <a class="text-slate-800">{{credential.password}}</a>
+                                </td>
+
+                                <td class="px-6 py-4 text-center text-sm border-r border-gray-300">
+                                    <a class="text-slate-800">{{credential.usedfor}}</a>
+                                </td>
+                            </tr>
                             {% endfor %}
-                        </div>
-
-                        <div class="w-full">
-                            <button
-                                class="w-full border-b border-gray-300 text-gray-500 py-3 bg-gray-100 addCredentialsButton"
-                                data-modal-url="{% url 'addcredentials' %}">ADD
-                                CREDENTIALS</button>
-                        </div>
-
-                    </div>
+                        </tbody>
+                    </table>
                 </div>
             </div>
 
@@ -332,25 +416,21 @@
                             {% endfor %}
                         </select>
                     </div>
-                    <div class="w-fit flex flex-col items-center gap-2">
+                    <div class="w-fit flex justify-end items-center gap-2">
                         <div class="w-fit justify-start items-center gap-2 hidden" id="epicDetails">
-                            <p class="text-gray-500 font-light">Start Date: <span id="startDate"
-                                    class="text-slate-800"></span>
-                            </p>
-                            <p class="text-gray-500 font-light">End Date: <span id="endDate"
-                                    class="text-slate-800"></span>
-                            </p>
+                            <span id="startDate" class="text-gray-500 font-light"></span>
+                            <span id="endDate" class="text-gray-500 font-light"></span>
                         </div>
                         <div class="w-fit flex justify-end items-center gap-2">
-                            <a href="{% url 'createepic' project.project_id %}">
+                            <!-- <a href="{% url 'createepic' project.project_id %}">
                                 <button
                                     class="w-fit bg-blue-500 border border-blue-500 text-white text-base py-2 px-3 rounded-md hover:bg-transparent hover:text-blue-500 duration-300">Create
                                     Epic</button>
-                            </a>
+                            </a> -->
                             <a href="{% url 'editepic' %}">
                                 <button id="editEpicButton"
                                     class="w-fit bg-blue-500 border border-blue-500 text-white text-base py-2 px-3 rounded-md cursor-not-allowed opacity-30 duration-300 epicButtons"
-                                    disabled>Edit
+                                    disabled>View
                                     Epic</button>
                             </a>
                             <a href="{% url 'createtaskepic' %}">
@@ -359,10 +439,6 @@
                                     disabled>Create
                                     Task</button>
                             </a>
-                            <button id="createStoryButton"
-                                class="w-fit bg-blue-500 border border-blue-500 text-white text-base py-2 px-3 rounded-md cursor-not-allowed opacity-30 duration-300 epicButtons"
-                                disabled>Create
-                                Story</button>
                         </div>
                     </div>
                 </div>
@@ -370,7 +446,7 @@
 
 
             <!-- TO DISPLAY THE FETCHED TASKS -->
-            <div class="w-full px-4" id="epicRelatedTasksContainer">
+            <div class="w-full" id="epicRelatedTasksContainer">
 
             </div>
         </div>