<!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>Education in India</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">
Education in INDIA
</div>
</div>
<div class="summarycard">
<div class="containercards">
<div class="card">
<div class="box">
<h2>{% print(index_summary['students']) %}</h2>
<h3>Students</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/students.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(index_summary['teachers']) %}</h2>
<h3>Teachers</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/teachers.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(index_summary['schools']) %}</h2>
<h3>Schools</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/schools.png') }}" alt="">
</div>
</div>
<div class="card">
<div class="box">
<h2>{% print(index_summary['classrooms']) %}</h2>
<h3>Classrooms</h3>
</div>
<div>
<img src="{{ url_for('static', filename='img/classroom.png') }}" alt="">
</div>
</div>
</div>
<div class="graphcontainer" >
<div class="trend-graph">
<div class="topcardinf">
{% print(main_dimension_index) %}
</div>
<form method="POST" action="/get_main_dimension_from_index">
<select name="dimension" class="dimension">
<option value="students">Students</option>
<option value="teachers">Teachers</option>
<option value="schools">Schools</option>
<option value="classrooms">Classrooms</option>
</select>
<input name="get_main_dimension_from_index" type="submit" value="Submit">
</form>
<div>
<img src="{{ url_for('static', filename=main_dimension_from_index) }}">
</div>
</div>
</div>
<div class="graphcontainer" >
<div class="card-graph">
<div class="topcardinf">
Facilities
</div>
<!-- <form method="POST" action="/get_facilities_from_index">
<select name="facilities" class="facilities">
<option value="girls_toilet">Schools with Girl's Toilet</option>
<option value="ramp">Schools with Ramp</option>
<option value="drinking_water">Schools with Drinking Water</option>
<option value="enrolment_less_than_50">Enrolment <= 50</option>
<option value="single_classroom">Single Classroom Schools</option>
<option value="single_teacher">Single Teacher Schools</option>
</select>
<input name="get_facilities_from_index" type="submit" value="Submit">
</form> -->
<div>
<img src="{{ url_for('static', filename=facilities_from_index) }}">
</div>
</div>
</div>
</div>
</div>
</body>
</html>