From 40fea29e7276c29a9ef35ca4e0d1bef11e9d5246 Mon Sep 17 00:00:00 2001
From: Wasif Nadeem <wasif1607@gmail.com>
Date: Sat, 10 Dec 2022 19:20:59 +0530
Subject: [PATCH] quiz analysis front end

---
 db.sqlite3                                | Bin 364544 -> 364544 bytes
 quiz/__pycache__/urls.cpython-310.pyc     | Bin 1353 -> 1405 bytes
 quiz/__pycache__/views.cpython-310.pyc    | Bin 11834 -> 11977 bytes
 quiz/urls.py                              |   2 ++
 quiz/views.py                             |   3 +-
 static/plugins/apexchart/chart-data.js    |   3 +-
 teacher/__pycache__/views.cpython-310.pyc | Bin 8167 -> 8248 bytes
 teacher/views.py                          |   9 ++++--
 templates/quiz/quiz-analysis.html         |  36 ++++++++++++++++++++++
 templates/teacher/index.html              |   2 ++
 10 files changed, 51 insertions(+), 4 deletions(-)
 create mode 100644 templates/quiz/quiz-analysis.html

diff --git a/db.sqlite3 b/db.sqlite3
index f0c87e726c1d4eed5a7fd4bea90a367b02b69ec5..d080b895415bcaf1cfcb68badf4eea0bbd144482 100644
GIT binary patch
delta 1242
zcmah|T}&KR6rQ{H4!i6wb6HrZgi2?2Nu!B7&dlANpG|DUf+_vc*4l*XLot-vlClVE
zP0NccHZeSqc1z;*!3Uy=FWSXs3CoMLu`e1Dc`~}i&?cp(;!lGyOJ(WAJ5$*;@xhmK
zW|Hrm@B7X<cWk<OY`Xb!E9lAY+zWcH^_F5S-sUh=!SJ~=qbJ-j(w}~7D3$Jy=7;3I
zJq@ZNswAoENsY+FREVzRSI>5XkSVHaQZ<qZT{hynsjB%ssXG$lo&^{4k;^B+?neI5
zMbe?Ykv@0+!aEjG)D*dJUOzoz^(j`rr4OFg)S=OVsn4@__mj~x`;$kGcc0YWjHd?r
zUOukH^q#}RFASYZAAR*iXZKO%*lS(=oqY%P9ouW3I$&ywro~h(rp5oI%_1Zb&lj&~
zbxoo$fUn?vcu<(dKjMN=#8IIuFHR#t`aeC5?{(!0T{&>815OI5d}!>TKvOmdHvX5Z
z@%>2~6eexY+v__5tDKLYsj2zOf2VfYw^;Y9_nY8P{7k;1p7Me5`e*}JD@D1do9Ox$
zlxdp{pJD@4tfU%Gs+z1Bs-Yz4@C*{^>wm#s`n?S!g_|YF18*SnuEeV8S{Z7<q)%?a
z9hFi=l}*JWx<Nb2a13~yBo-DQ!WM{x2kifT8E%BfVOs;|lg44hNlXO}#prq&K10Ks
z@QJV%Q?{ijmP{0r=!8DM>Gr#^2}L;0iF9!TzVr_*NhTOfSK^5{l}a!}KYIv8#Bm@*
z*S27SiZ<LGGDLPUagrp8Y!c1Vtg1OCt6N55a~;QVUjGD#4Pm72YH&5!8hFJ&kypjE
zA7)<k(zYO)*h$d#t}7x{A{z-sVWu-BC^2Y_3vE@Z&<eXMClZEX(jx+rfTz$JL|=Xk
zM4FvJ?etL&&4VZvWz^0`+TkJKP7g>Qe1XD<9nKtE{zt-;m_u}a0f|o8b*F5>EwdLY
zW!bAx1k&6M^n>7lmK@NxF6i2G{C4jQ+f0k($Ag?tnB~}QMg?0aGMZ&PhqG0xgP3=z
zZaZC8+%8%64I<P@PKTd4A70|{D!z?x;qUMg-o$_6-&uzOrb`bH-zg$k3xZAvIKl6P
zS~hIn!$SZ(Q8z~1SQWI4qfAs*m=$b1ClsrK=5wz1OKeQ^k^R`aUGeT5T$AK?Rw>w=
z^VrzK8+7b_B2EiahwIne0lKcdt_4uzCVKV~`mn)^iySWDbzH{3;CsxGLwxhG53kpi
mSVQma;&(CR3WvAw2L1#8hVSFMc!eRq#&qR6h<vK>y?+CAd~ebK

delta 1180
zcmaizU2GIp6vyZG&a}JB?p(HCyX%lJwT+}9JIu%3J0A&1gCzxN6Eu<VB>OQ<i`y2r
zr5ky%MG~JHSV+7H@uA_tC#jNcx_z-~eIX%nAB;x80Ew+ujglHINZZA^yA(7&m`u*x
z<eu|Czw^KMPE5B>Ot)T;z^=lM17O#+6KnC9(Ao?&@aE~kGp|=e&K*59GCb-^#StaF
zuTj-yO?R;F7(^in%f@zbDSHTnHCanIDsix?5IsR`qquMQUK<b2aeIo-U&w$L!b0yk
zqw7>EIWlNwv&P`q_!-?y=5m>gHZq>m)jSz{!!j;?Sor?1hVw@p_qA6E&fCZH_UXRE
z2eR(Lm;3U^jid2ouRD+$PaS>5aI*(b4jmhKE3K=#9@o5&Fg6W4*j9*U8m3*mc~K9w
zoJ1E<4;m6@(RZjM-bC$Uw<s6oX<lsmKc4VA-7}@`8E~r$4vSO8@Wc_34p%_1>A$_g
z?@m=fX{u5;wi*fk!1?MIh5E(7J^yXrjcrTf!_acW^<vld4}?&|b-;7Jwsx*Fj5_J+
zI^4Y*WAoTRa!ei^l{FH#<rlX`Vs;yjt~!RTs6@9kla?z`_84GNPV2<gtQ5woVdE6R
z$#lj|CEN@#jkMK|6Q#v9SP$S?PNMfWVPCkWr8z2ARPW^QGp)(ejfXG>>nGoiG;%&#
zegJj4V*`Fc_dn(vLLA3EegfRGw+c+*U$CQDkJs?LV^5fhnlN=sr)_I+QtG#D7ZZ}~
zxB4wi&Tfx2a(*^&%U1o5f5Ofhk7_!Gs_2$&8#XJx5)h&u1Iuors~a#5v8vLYn^1b1
zuO}2MK`^oD{zq^E)X~dPUT$QVLQvw6Dds{~gG)iFsLB3dNec3xTmcd-e8hLq%^7|k
z#Hg(B9YVAN_5#|q4rLH|?_<81M|0w=cf{|Dm*g3q&M)vXEBlm{EmX@Y3s1`mS6SKI
zXZ*J!ODeOZFRMw{_6l3tlb&`g5<o+oPn_kvJJ>E(y!&?>&7s1-THUF&y317VR8<Pz
z8bm4kF@>KvA1ZTb3Ef4v(AVe@`UCxj${uV9(eiy>cuC@+9|T$0#zKGvKXar`fB@9R
zsxexP&w%Doy9d+5U>MjxW}m47o%d{_n-zXuh*iB}K0mSTb8ob!NPu-fJsf*j-Xj}A
zJ)Q<ZHUGS!X!bmRIk?QBHMEM>(JyG(+yAPDOn=@fJSPfhg+m+Y0s0;NidMYcZ%}Dv
Ij}SfaH(f<z2LJ#7

diff --git a/quiz/__pycache__/urls.cpython-310.pyc b/quiz/__pycache__/urls.cpython-310.pyc
index 927611e553c180038ff51348c7e1946806323100..80f4c513d086e7c07b7b101d8290e643830e9886 100644
GIT binary patch
delta 164
zcmX@f^_NRKpO=@50SH`MrzD55F)%y^agc#HkmCTv#a0`&)fpvH8B?@US+XQjv{Tr7
znbU=%BvW*P88me_$1v_<QmW!BEX}OaP0UNosVvSc*1yFI;>W}IewtE~C0Qm*7l91D
o#a&vIQ;=9vl3J8kypo|v8YosIJ^2tzIHTTVDOOz;J|>Q50K{i0UH||9

delta 112
zcmey%b&^XvpO=@50SFew)hF|?F)%y^agc!+kmCTv#X1|c)fu_cg`y-<w1OElwKr!m
z?qXv0)0CX-#xhy#7I$e;PC;TxNorAE@k)jwDWH}jsmWhh!WnfY`>^UVal8Nkwn`ZS

diff --git a/quiz/__pycache__/views.cpython-310.pyc b/quiz/__pycache__/views.cpython-310.pyc
index ed8b521e912358aead8bc92dac932e3cae3bb4e8..8969a7432e6d5dd22edf85491076159ceccfca93 100644
GIT binary patch
delta 185
zcmdlLb264UpO=@50SH#KPDy?}kyn;+#zyT4jJ$>^MlB3cnkh`d44TH94=|q7@=s<2
zse=L#n;D3mfw&lCKnX()LkeRvNIjEZm3U!kW|cmO&`r!s%&9ESEY`~?$<5JZEMfsF
z22v)I4aJ2OctJ|yVM=ZRO)X{u%5yOm?E)#&+B`wWgpqOA<O8~Dj6sv1>jtuLaPsf~
E05nG}S^xk5

delta 59
zcmX>ZyDNq_pO=@50SMCmbSBT8$Scb@VWaj0MpmX^22I1wCm7FZF==XUme4g}oE)g9
O#27HSL@$tuhZ6t{+Yn3u

diff --git a/quiz/urls.py b/quiz/urls.py
index 4b7b1b2..8175055 100644
--- a/quiz/urls.py
+++ b/quiz/urls.py
@@ -27,4 +27,6 @@
     path('graph/quiz/<str:quiz_id>/', api.latest_quiz_graph, name="latest_quiz_graph"),
     path('graph/level/<str:quiz_id>/', api.get_level_graph, name="get_level_graph"),
 
+    path('quiz-analysis/', views.quiz_analysis, name="quiz_analysis"),
+
 ]
\ No newline at end of file
diff --git a/quiz/views.py b/quiz/views.py
index 8c144ac..8085213 100644
--- a/quiz/views.py
+++ b/quiz/views.py
@@ -471,4 +471,5 @@ def getResponseCSV(request):
 
 
 
-    
\ No newline at end of file
+def quiz_analysis(request):
+    return render(request, 'quiz/quiz-analysis.html')
\ No newline at end of file
diff --git a/static/plugins/apexchart/chart-data.js b/static/plugins/apexchart/chart-data.js
index e0f0a56..7bc349f 100644
--- a/static/plugins/apexchart/chart-data.js
+++ b/static/plugins/apexchart/chart-data.js
@@ -8,7 +8,8 @@ let question = [];
 let solved = [];
 
 const getData = async () => {
-	const response = await fetch("http://127.0.0.1:8000/quiz/graph/quiz/4576ca23-ba23-4e60-90d5-5961d1e9f3bc/");
+	const quiz_id = document.getElementById("quiz_id").value;
+	const response = await fetch(`http://127.0.0.1:8000/quiz/graph/quiz/${quiz_id}/`);
 	const data = await response.json();
 	res = JSON.parse(data);
 	let resp = res.data;
diff --git a/teacher/__pycache__/views.cpython-310.pyc b/teacher/__pycache__/views.cpython-310.pyc
index e36c8d40b49d5b5f38f58fa4ef5f87f5f3fc16aa..49fc732629f43144f73415dac9a29f0ce2403746 100644
GIT binary patch
delta 2608
zcmZ`*O>7%Q6!xrt6MG%UasF+``Dq-dY0@7`X(>(m1O1_tLK9l7R+jN>leN~_FuR73
zIvA-zoQf0;oZ3q5v7C@{se};6UXVZ>_W%VBh%>he1n<4I6KaaBe3|{;o0&K7dvDgi
z%|4t{O;v68z(+jVEZx{tQ|!#<?vLxt!#zA~^i}%v{gr|IKxHsLNL<87R#N#Cja4I^
zPlI377^-CQnFbfj$AD9f;ry`H#XETH7UP{fzTvsa@*}`>5tHEE#EkMD-n-$+kAbC+
zEd6|7<19Mw0&0+`Bu|m^I8XB-aL#T!XZSE#CboS?_$V<su3qxw#-zc%3Npv{ZdG5~
z8dqYhvlkBQ1Z}NYTGGS=CX!pHy(5fG%ChfTKN_tlKth>P5{mEdh&QB!6fq?q`#vSB
z=)+{C0bp(h{^gkHm7n-0Sg-uj-(4R<Dnb@93}Z2ZFp3aI*oBZq2q7d9VhBNm06@+w
zCUA_gh-rk$ZP?x9(8EIE5=xRqS%QTa`N~s)AG`OV*M0yeH1D3%5`FSeFvU`GA^82+
zUbIILS|Y>+g^JK4&xSJlDUR*c+(SJbjH4RnqP|>c<nw^M9oo$fZ9NKgC}BDPrE9PJ
zxjh@hg?{%T(9sXbzVL7+gS(L?ZP%-YQCKckG%<(dafB1{?Qoi<<!X4L`)t!y%;4y>
zYyTyjU&!FF<t*dKJ%>QYr7bD>-M~5FlF*8_R;XH<5HFzDVWfRl@jXqn;d54QMyBeo
zARAoNY(uwfcgrrc_8=TYK*?Mg6EJeTMZ<8ld>$U55-5k1itTO05uCG=*A!0dDstXT
zV_`*@*L6b^Q+P;+=^}?ST2dcvoS~8XdAX#P*uvJg>L09r0R7$E;|S|@=a^y-KF%V{
zA-I`_QO+k${g)LCIX4p!q|hu&3<Bi@*YuT=$u-K$TE|5<=uCBm%VV)z?-_SRJe?rz
z8j5`w<Mj-ZEsBv?J33|2h5Ca8+{xanXovwg0oV#u6t5$55dotVml3WYyn#SD^p^~+
zD8y?>bb0E4EfSJMD4}>0A&5W{23-j=NRU!&)h&d1WS%8VMB}>M)KY?%bparuD6E~u
zSp>fFapy^PRgT3k*Kx_U_VecAqQ*03)fR67k@Gj&5XKaR2;&HA4elE%sn%kEK7`rL
zT_1rbU1SRE7GQ`Wyd$mwUqU^bpRFhHzr1NW{C2tIBaM<OP!SHw?%oINCHYNn1v+t0
zUy04i&A#Hk7hw%?6yX>GmE1`f<rF7UGKx?ordcWIoWzH)m*i;wX93!3Mt<G@@=yk+
zwG_cPa#RTy<?z6Kl2k$+=<tr;FyDucC7pK3&4IBi*v=x4a1NoROx#vR!+8XfA4^A|
zB2WkbSRQUGqvp9pqhqByIHc{YMlCysuE!BhAkfU6Hm260YQKcm|1FPbb;U4?+s*!i
z+#I|+xe8OB5(b0u!yjhUx&u)2ls#o8&dDpuq53&nDSOKS;@ZkV&Tg@FX1ABU_rlzJ
zpOqu)iml!Ya9>Ti?cx5rz^!}j=)Dg7t9i?@`wSRg&Bp`%o^^kX)mXW+9IW|k3J>1#
ztq1IQ&BH^rz)kNZkKM)FZZdeCwqI~>l0BGzN5z+F!GiZFuNvA~R{omI)}OE$VS^Q}
z5=sR%J`zrl+;zSdZ&cTezRb1N=_R{jxJ9238FY;4R-st6m$YSDFF|{A_XSCpH@!{i
zj>v+mdp+RG)rq=`4v6N}*@<kxfcbE7-+%}CMJk=7>ciB!z0~M!iu8v3Db;fZLw#mb
z`*_h>ItZ;}4S>spl3>yHIJ9#}QGD273Jd%h2|$Z&fH^lQ52rt8b@^TTNIf6MlTTOR
zrZg-;ajB3s(=?hK{W73pq{Mdda&dXloUYosVNI9B2P?KIsLpj*+le;JC3D#p`aAAL
z_7Pab6axKZIE14GgsW7R*!Kc!jKcfZn}n_r{8{0IjzWYW<T1P+EUfp4C&6OyO|Xc3
HI5hJQA{h=+

delta 2523
zcmZuzOH3PA6rDHzg2!Nt2_NGRga8g;J^>Q)A)hL3+NAjbP3ttWCi5mR?wCPuh9sq?
zUW6)}rc&~{YbzxS7Fl({rc(D^H|nC&RI1Wd)pb9+sJ-`%!GvOq<M+;e-+S(Tm+#K}
zemZJJqm2@L+@C92%j0N@oP0d=S+(3z=qPs<I*CLj8Zo=d$wE@J6|=k04P4YrmD7cE
zjf)jxz$s>?kkMOd6K#G(XpFXONDoLM3rt)vtu!H+9@<6^Y)FM(u(S(H2kjJ=gTQnF
zbBfR;?G{uYP0=(AKD0A9L$kutUmHwl5A7Aq09EFs+(CYye7|)<ZYC`U@M0lHSG6Ub
zJtr)=b<@{NNREH%ztxFGy9pp656cPJ|F7Z;%VC)f@xT0E2rFv`D@y^u+zkBW2s^;P
z3Jg}o!p*j}WLf5A_3i~-r8;A29HNMkEDLScgV2l6g3yQ1j}S&kBE%3v2tk0Hj}2fO
z*JmRLxg9vX%?(KWTrf^X_(JfvwlQSK0o?GscTbzO^NXPr>E=f0$G%atD+pPH`iW3=
z7DZ^|x5C*8vG2}m-X&h&+>M&nqOn}8`E!DQ8y+IlTfc;x<%l@2aMvjRyKx|f3;p3o
z5Lcbx!;zjWx=>urZMd^)n#E<cth3Wdo<TUv%aJrm@y{a*Z5OtOvOKol^z8pc3JYS9
zEcWYnIfUIK2;#b8OX2JUaBf6ny6Wh~RU0%qildGp?YGstI%~jwKi^b_tLKpoE$WVG
z*p9bl9Ib5#lL#o0CtEADT%T&1o_15v1?B77?QFwla8BK?-8ivTrF7ek#T91VF-)Be
z<0V~UutA)$$MsFMJJftX$172d%x}Gn{z<A6INtL;wlH4n*JQ)kokiH?Y3Szs?2Z4k
zj3DQE0uIS^+h$!rxuG><MYABv@sw-LSG_}LS63*%9?P}A1uU$Hw_`%Pnqp64w7Q>S
zLae$@{WwqLgAlOpy?4+M18{?|6{yHABXb1-Ps!dxxPfpLLHIDBnYzl@B_!g~M}T`I
z6w!(jvTFz-1R-I_lTe&kC`ImjfiQ<d_7g_Yso`vE`Gmi0xj}C7WAPhRoW9n0$y!|0
zY1UeG*a8r_KrQ9AcVrQ41<^#jz4r<aIR~@1clZHDibqQ(3JDU#FnrmEz-y@8_Ghc9
z^_4HZD=ooLP-@{*6am-8bM4Q`N&ZuN8M5wdhel@kW`{a{9EP$J2&WK4c%6e*PIeW|
zR3RcPt6Vgw5E_oX$d7h@85CRP`HRl;nf(N>r|1<v)ivKO6hWVh%ew*7x(C@QH0k4;
zU48Fk>aq_I-bUCH5?<P(;Ua>N8pDLWiy+b#L%~a1)Hj!?Whd`RX0Fv&6Y2SSW_XI%
zQ&yyji0tdQ<i4T6A17PM3%;5B=I}ij^qLf?ZUFvp9eV?yB9){PVYA%q&X}`~T=JEI
zf@>&+D0xKIiPQKrNPW-9y6i-rD)?8COVMWp7+=Ll{hiXfzd|ac)Km&p{50^jZ$02N
zS0oy&1RnV2Bqv5g4+s>)@MZ5kz*k`H5>KZFs*_Vkr!{rr$jEJkNqu^3WM+&`jZDo<
zkJE8|=FXAZ+9<PO0#qY$ZIRGOti@{qG-@nU{eFJQDVttgw}^t_#tgftt~yKlvSVnF
zt<<Y;;w=`>by$KQuLg>A$KvQV)mE*&g#6c3T2$Cwbus9vhsSXVD@5U8TCtXGy+{qs
z5r^G3JN;C(mnI=EYz)sqIYAm5;v_7~KFpoqD<uHAQw39Q(2XoP&PrZ04LCgG8|jB+
zjVqbsRX6I@`Ft6kKhyR~xri`~R=1Uw)a6Ahzv>vKo!8jMD~`oP@Ghabsb<zJSk<`g
zy+ogYg$*Hy8b6J#d4!t?n9B^KNSthJS1Ay01O6Z2hEKw2R!w~tbKb^!rbr1AgKvU2
HWJmu4JeU5S

diff --git a/teacher/views.py b/teacher/views.py
index 2136277..42aa9d7 100644
--- a/teacher/views.py
+++ b/teacher/views.py
@@ -6,6 +6,7 @@
 from requests import session
 from django.contrib.auth.decorators import login_required
 from .models import teacher_profile
+from quiz.models import quiz
 
 from school.models import School, Classroom, subjects
 from django.utils.crypto import get_random_string
@@ -317,15 +318,19 @@ def dash(request):
         # # for i in data["data"]:
         # #     print(i)
 
-        r = requests.get('http://127.0.0.1:8000/quiz/graph/level/4576ca23-ba23-4e60-90d5-5961d1e9f3bc/')
+
+        quiz_id = quiz.objects.latest('quiz_schedule').quiz_id
+        r = requests.get(f'http://127.0.0.1:8000/quiz/graph/level/{quiz_id}/')
         response_dict = json.loads(json.loads((r.text))) # doubly encoded
 
         data = response_dict["data"]
 
+
         context = {
             'teacher' : teacher,
             'school_id' : teacher.school.id,
-            'data' : data
+            'data' : data,
+            'quiz_id' : quiz_id
         }
         return render(request, 'teacher/index.html', context)
     return redirect('/teacher/login')
diff --git a/templates/quiz/quiz-analysis.html b/templates/quiz/quiz-analysis.html
new file mode 100644
index 0000000..f766643
--- /dev/null
+++ b/templates/quiz/quiz-analysis.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h3>I N T E L L I F Y</h3>
+    <div class="h-100 d-flex align-items-center justify-content-center" style="font-family: cursive; margin-top: 7%;">
+        <div class="shadow mb-5 bg-white rounded p-5 bg-light">
+            <h2 style="font-family: monospace;" class="text-warning" >You have submitted quiz</h2>
+            <div class="my-5">
+                <p>You scored: <b><span>60%</span></b></p>
+                <footer class="blockquote-footer">Average score of your class is <cite title="Source Title">50%</cite></footer>
+            </div>
+    
+            <div>
+                <p>Total Questions: <b><span>5</span></b></p>
+                <p>Correct: <b><span>3</span></b></p>
+                <p>Wrong: <b><span>2</span></b></p>
+            </div>
+            <div class="d-flex justify-content-between">
+                <button class="btn btn-secondary">Back Home</button>
+                <a href="#" class="link-info">View detailed analysis</a>
+            </div>
+        </div>
+    </div>
+</body>
+
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
+
+</html>
\ No newline at end of file
diff --git a/templates/teacher/index.html b/templates/teacher/index.html
index e10c9bc..2afacd0 100644
--- a/templates/teacher/index.html
+++ b/templates/teacher/index.html
@@ -364,6 +364,8 @@ <h5 class="card-title">Previous Lectures</h5>
         </div>
     </div>
 
+    <input type="hidden" id="quiz_id" value="{{quiz_id}}" required>
+
     </div>
 
     <footer>