<?php
/**
 *Template Name: Staff Template
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.

 */
get_header();?>
				<div class="big-title">
					<div class="container">
						<h1 class="entry-title">Staffs</h1>
						<div class="breadcrumb">
							<div class="container">
								<ul class="tm_bread_crumb">
									<li class="top"><a href="<?php echo home_url();?>">Home</a></li>
									<li class="sub tail current">Staffs</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="main">
					<div class="container">
						<div class="row">
							<!-- <div class="col-md-4 col-sm-12">
								<div class="sidebar">
									<div class="widget better-menu-widget">
										<div class="menu-our-services-container">
											<ul class="menu">
												<li class="current-menu-item"><a href="#management">Management</a></li>
												<li><a href="#pta">PTA</a></li>
												<li><a href="#staffs">Staffs</a></li>
												<li><a href="#incharge">Incharge</a></li>
												
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<div class="col-md-12 col-sm-12">
								
								</div>
								</div>
								<div id="staffs" class="wow slideInLeft animated" data-wow-delay="400ms">
									<div class="section ">
					<div>
						<div class="row">
							<div class="col-sm-12 col-md-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Principal </p>
									
								</div>
                                <div class="col-md-3">
                                <div class="project-media-cover-wrapper our-projects-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo the_field('principal_image'); ?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a><?php echo the_field('principal_name'); ?></a>
																</div>
																<div class="line-clear"></div>
																
																<div class="line-clear"></div>
																
															</div>
														</div>
                                                        <div style="position: absolute;margin-top: -30px;color: #333;margin-left: 20%;font-size: 20px;font-weight: 700;">Krishnanadhan C</div>
													</div></div>
                                                    <div class="col-md-9"><?php echo the_field('about_principal'); ?></div>
                      </div>
                           
                           

						</div>
                        <div class="row">
							
                      <div class="col-sm-12 col-md-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Head  Master</p>
									
								</div>
								<div class="col-md-3">
											
													<div class="project-media-cover-wrapper our-projects-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo the_field('hm_image'); ?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a><?php echo the_field('hm_name'); ?></a>
																</div>
																
																<div class="line-clear"></div>
																
															</div>
														</div>
                                               <div style="position: absolute;margin-top: -30px;color: #333;margin-left: 20%;font-size: 20px;font-weight: 700;">Rama Parol</div>

													</div>
											</div>
                                            <div class="col-md-9"><?php echo the_field('about_hm'); ?></div>
                           
                           

						</div>
					</div>
									</div>
									<div class="section ">
					<div>
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Higher Secondary school Teaching Staffs </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="">
										<div class="row">
											<ul class="project-list">
												<?php if( have_rows('hss_staff') ): ?>
                    						<?php while( have_rows('hss_staff') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$name = get_sub_field('name');
											$designation = get_sub_field('designation');
											
                    						?>
												<li class="our-projects-wrapper col-md-3 col-sm-6 mb-2">
													<div class="project-media-cover-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo $image;?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a ><?php echo $name;?></a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-title">
																	<a >
																		<?php echo $designation;?>
																	</a>
																</div>
																<div class="line-clear"></div>
																
															</div>
														</div>
													</div>
												</li>
												<?php endwhile;?>
                   					 <?php endif;?>
											
												
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
									</div>
									<div class="section ">
					<div id="incharge">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>High School Teaching Staffs </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<ul class="project-list">
												<?php if( have_rows('hs_staff') ): ?>
                    						<?php while( have_rows('hs_staff') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$name = get_sub_field('name');
											$designation = get_sub_field('designation');
											
                    						?>
												<li class="our-projects-wrapper col-md-3 col-sm-6 mb-2">
													<div class="project-media-cover-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo $image;?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a ><?php echo $name;?></a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-title">
																	<a >
																		<?php echo $designation;?>
																	</a>
																</div>
																<div class="line-clear"></div>
																
															</div>
														</div>
													</div>
												</li>
												<?php endwhile;?>
                   					 <?php endif;?>
											
												
											</ul>
										</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="incharge">
						<div class="row">
							<div class="col-sm-12">
								<div class="mb-3 projects_btn" style="text-align: center;margin-top: 50px;">
									<p>Non Teaching Staffs </p>
									
								</div>
								<div class="myportfolio-container minimal-light">
									<div class="slider-wrapper">
										<div class="row">
											<ul class="project-list">
												<?php if( have_rows('non_teaching_staff_') ): ?>
                    						<?php while( have_rows('non_teaching_staff_') ): the_row(); 
                    						$image = get_sub_field('image');
                  							$name = get_sub_field('name');
											$designation = get_sub_field('designation');
											
                    						?>
												<li class="our-projects-wrapper col-md-3 col-sm-6 mb-2">
													<div class="project-media-cover-wrapper">
														<div class="project-entry-media">
															<img src="<?php echo $image;?>" alt="" />
														</div>
														<div class="project-entry-cover">
															<div class="project-overlay our-projects-container"></div>
															<div class="project-content">
																<div class="our-projects-categories">
																	<a ><?php echo $name;?></a>
																</div>
																<div class="line-clear"></div>
																<div class="our-projects-title">
																	<a >
																		<?php echo $designation;?>
																	</a>
																</div>
																<div class="line-clear"></div>
																
															</div>
														</div>
													</div>
												</li>
												<?php endwhile;?>
                   					 <?php endif;?>
											
												
											</ul>
										</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<?php get_footer();?>