<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
<title>Classrooms</title>
</head>
<body>
<div class="nav-menu">
<div class="space_nav">
</div>
<ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt=""> <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt=""> <span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt=""> <span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt=""> <span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt=""> <span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt=""> <span>Facilities</span></a></li>
</ul>
</div>
<div class="container">
<div class="topbar">
<div class="main_title">
Classrooms
</div>
</div>
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h2>{% print(classrooms_summary['total']) %}</h2>
<h3>Classrooms</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/goodcond.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(classrooms_summary['good']) %}</h2>
<h3>Good Condition</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/goodcond_class.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(classrooms_summary['minor_repair']) %}</h2>
<h3>Need Minor Repair</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/min_repair.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(classrooms_summary['major_repair']) %}</h2>
<h3>Need Major Repair</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/maj_repair.png') }}" alt="">
</div>
</div>
</div>
<div class="graphcontainer" >
<div class="trend-graph" >
<div class="topcardinf">
Trend by state
</div>
<form method="POST" action="/get_trend_for_classrooms">
Select state:
<select name="state_code" class="state_code">
<option value="1">JAMMU & KASHMIR</option>
<option value="2">HIMACHAL PRADESH</option>
<option value="3">PUNJAB</option>
<option value="4">CHANDIGARH</option>
<option value="5">UTTARAKHAND</option>
<option value="6">HARYANA</option>
<option value="7">DELHI</option>
<option value="8">RAJASTHAN</option>
<option value="9">UTTAR PRADESH</option>
<option value="10">BIHAR</option>
<option value="11">SIKKIM</option>
<option value="12">ARUNACHAL PRADESH</option>
<option value="13">NAGALAND</option>
<option value="14">MANIPUR</option>
<option value="15">MIZORAM</option>
<option value="16">TRIPURA</option>
<option value="17">MEGHALAYA</option>
<option value="18">ASSAM</option>
<option value="19">WEST BENGAL</option>
<option value="20">JHARKHAND</option>
<option value="21">ODISHA</option>
<option value="22">CHHATTISGARH</option>
<option value="23">MADHYA PRADESH</option>
<option value="24">GUJARAT</option>
<option value="25">DAMAN & DIU</option>
<option value="26">DADRA & NAGAR HAVELI</option>
<option value="27">MAHARASHTRA</option>
<option value="28">ANDHRA PRADESH</option>
<option value="29">KARNATAKA</option>
<option value="30">GOA</option>
<option value="31">LAKSHADWEEP</option>
<option value="32">KERALA</option>
<option value="33">TAMIL NADU</option>
<option value="34">PUDUCHERRY</option>
<option value="35">ANDAMAN & NICOBAR ISLANDS</option>
<option value="36">TELANGANA</option>
</select>
<input name="get_trend_for_classrooms" type="submit" value="Submit">
</form>
<div>
<img src="{{ url_for('static', filename=trend_classrooms) }}">
</div>
</div>
</div>
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
<!-- Distribution across states of Classroom condition: {% print(classroom_condition) %} -->
Distribution across states by Classroom Condition
</div>
<form method="POST" action="/get_distribution_of_classroom_conditions">
Select Year:
<select name="year" class="year">
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
</select>
Select Condition:
<select name="condition" class="condition">
<option value="good">Good Condition</option>
<option value="minor">Need Minor Repair</option>
<option value="major">Need Major Repair</option>
</select>
<input name="get_distribution_of_classroom_conditions" type="submit" value="Submit">
</form>
<div>
<img src="{{ url_for('static', filename=distribution_classroom_by_condition) }}">
</div>
</div>
</div>
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Top Performing States
</div>
<table>
<tr>
<th>Rank</th>
<th>Name</th>
</tr>
<tr>
<td>1</td>
<td>{% print(classroom_condition_summary['top3'][0]) %}</td>
</tr>
<tr>
<td>2</td>
<td>{% print(classroom_condition_summary['top3'][1]) %}</td>
</tr>
<tr>
<td>3</td>
<td>{% print(classroom_condition_summary['top3'][2]) %}</td>
</tr>
</table>
</div>
<div class="card-graph">
<div class="topcardinf">
Worst Performing States
</div>
<table>
<tr>
<th>Rank</th>
<th>Name</th>
</tr>
<tr>
<td>1</td>
<td>{% print(classroom_condition_summary['bottom3'][0]) %}</td>
</tr>
<tr>
<td>2</td>
<td>{% print(classroom_condition_summary['bottom3'][1]) %}</td>
</tr>
<tr>
<td>3</td>
<td>{% print(classroom_condition_summary['bottom3'][2]) %}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>