<?php 

function add_courses_cb() {
	global $post_meta;
	?>
	<div class="row">
		<div class="col-md-6">
			<div class="card card-primary">
				<div class="card-header">
					<h3 class="card-title">Add Course/Subject</h3>
				</div>
				<div class="card-body">
					<form method="post" action="contents/plugins/eedu_portal/ajax.php" id="form" data-clearform=1 data-callback="getCourses" data-callbackid="#courses">
						<?php  
							input(['label' => 'Subject Name', 'id' => 'course_name', 'required' => 'required']);
							input(['label' => 'Subject Code', 'id' => 'course_code', 'hint' => 'Should be in correspondence with state government subject codes.']);
							select(['label' => 'Course/Subject Type', 'id' => 'course_type'], ['Core' => 'Core', 'Elective' => 'Elective'], 'Core');
							submit_btn('add_courses', 'Submit');
						?>
					</form>
					<hr>
					<h3>Reference</h3>
					<style type="text/css">
					.tg  {border-collapse:collapse;border-color:#9ABAD9;border-spacing:0;width:100%;}
					.tg td{background-color:#EBF5FF;border-color:#9ABAD9;border-style:solid;border-width:1px;color:#444;
					  font-family:Arial, sans-serif;font-size:14px;overflow:hidden;padding:1px 20px;word-break:normal;}
					.tg th{background-color:#409cff;border-color:#9ABAD9;border-style:solid;border-width:1px;color:#fff;
					  font-family:Arial, sans-serif;font-size:14px;font-weight:normal;overflow:hidden;padding:1px 20px;word-break:normal;}
					.tg .tg-hmp3{background-color:#D2E4FC;text-align:left;vertical-align:top}
					.tg .tg-baqh{text-align:center;vertical-align:top}
					.tg .tg-0lax{text-align:left;vertical-align:top}
					</style>
					<table class="tg">
					<thead>
					  <tr>
					    <th class="tg-baqh">SUBJECT CODE</th>
					    <th class="tg-0lax">SUBJECT</th>
					  </tr>
					</thead>
					<tbody>
					  <tr>
					    <td class="tg-0lax">AGR</td>
					    <td class="tg-hmp3">Agricultural Science</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">CIV</td>
					    <td class="tg-hmp3">Civic Education</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BUS</td>
					    <td class="tg-hmp3">Business Studies</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">AHD</td>
					    <td class="tg-hmp3">Animal Husbandary</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">GVT</td>
					    <td class="tg-hmp3">Government</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">INS</td>
					    <td class="tg-hmp3">Insurance</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">ICT</td>
					    <td class="tg-hmp3">Computer/Ict</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BIO</td>
					    <td class="tg-hmp3">Biology</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">OFP</td>
					    <td class="tg-hmp3">Office Practice</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">FMT</td>
					    <td class="tg-hmp3">Further Mathematics</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">HST</td>
					    <td class="tg-hmp3">History</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">GEO</td>
					    <td class="tg-hmp3">Geography</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">LIT</td>
					    <td class="tg-hmp3">Literature</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">ECO</td>
					    <td class="tg-hmp3">Economics</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">ACC</td>
					    <td class="tg-hmp3">Financial Accounting</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">CHM</td>
					    <td class="tg-hmp3">Chemistry</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">COM</td>
					    <td class="tg-hmp3">Commerce</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BKP</td>
					    <td class="tg-hmp3">Book Keeping</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">PHY</td>
					    <td class="tg-hmp3">Physics</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">VAT</td>
					    <td class="tg-hmp3">Visual Art</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">FAN</td>
					    <td class="tg-hmp3">Food And Nutrition</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">HED</td>
					    <td class="tg-hmp3">Health Education</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">ENG</td>
					    <td class="tg-hmp3">English Language</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">NVL</td>
					    <td class="tg-hmp3">National Values</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">MAT</td>
					    <td class="tg-hmp3">Mathematics</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">IGB</td>
					    <td class="tg-hmp3">Igbo Language</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">FRN</td>
					    <td class="tg-hmp3">French Language</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BSC</td>
					    <td class="tg-hmp3">Basic Science Technology</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BDE</td>
					    <td class="tg-hmp3">Building Engineering</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">PVS</td>
					    <td class="tg-hmp3">Pre-Vocational Studies</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">BDC</td>
					    <td class="tg-hmp3">Building Construction</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">CCA</td>
					    <td class="tg-hmp3">Creative &amp; Cultural Art</td>
					  </tr>
					  <tr>
					    <td class="tg-0lax">CRS</td>
					    <td class="tg-hmp3">Christian Religious Studies</td>
					  </tr>
					</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="col-md-6">
			<div id="courses"></div>
		</div>
	</div>
	<?php
	add_page_javascript('contents/plugins/eedu_portal/js/js-functions.js');
	add_page_javascript('app/assets/js/page-scripts/submit.js');
}