<?php
require_once('header.php');
echo $page_content;
$tab = pathinfo($_SERVER['REQUEST_URI'], PATHINFO_FILENAME);
if($tab && $tab === 'join'):
echo <<<EOJ
	<noscript>Your browser doesn&rsquo;t support javascript. Please use another browser.</noscript>
	<p class="noscript">Your browser doesn&rsquo;t support javascript. Please use another browser.</p>
	<form action="{$baseurl}{$filename}" method="post" name="boardmemberapplicationform" class="card grey lighten-3 z-depth-0 ajax-form" enctype="multipart/form-data">
		<input type="hidden" name="{$token_id}" value="{$token_value}" readonly />
		<input type="hidden" name="focus" value="{$en->encrypt('[JOIN_EDITORIAL_BOARD]')}" readonly />
	    <input type="hidden" name="zipcode" value="" readonly />
		<div class="card-content">
			<div class="progress blue lighten-4"><div class="indeterminate blue"></div></div>
			<div class="row">
				<div class="col s12 m12 l12">
					<select name="position" class="browser-default">
						<option value="" selected>Select your position</option>
						<option value="Associate Editors">Associate Editor</option>
						<option value="Assistant Editors">Assistant Editor</option>
					</select>
					<input type="text" name="source" autocomplete="off" class="source" style="margin-top:10px;display:none" />
				</div>
			</div>
			<div class="row">
				<div class="col s12 m6 l6">
					<label for="name">name</label>
					<input type="text" name="name" id="name" />
				</div>
				<div class="col s12 m6 l6">
					<label for="email">email</label>
					<input type="text" name="email" id="email" />
				</div>
			</div>
			<div class="row">
				<div class="col s12 m12 l12">
					<label for="phone">phone</label>
					<input type="text" name="phone" id="phone" />
				</div>
			</div>
			<div class="row">
				<div class="col s12 m6 l6">
					<label for="degree">degree</label>
					<input type="text" name="degree" id="degree" />
				</div>
				<div class="col s12 m6 l6">
					<label for="post">post</label>
					<input type="text" name="post" id="post" />
				</div>
			</div>
			<div class="row">
				<div class="col s12 m12 l12">
					<label for="deptartment">department & college</label>
					<textarea rows="5" cols="5" name="department" id="deptartment" class="materialize-textarea"></textarea>
				</div>
			</div>
			<div class="row">
				<div class="file-field col s12 m6 l6">
					<div class="btn grey lighten-1"><span>photo</span><input type="file" name="photo" /></div>
					<div class="file-path-wrapper">
						<input type="text" name="photo" placeholder="Choose photo" class="file-path" />
					</div>
				</div>
				<div class="file-field col s12 m6 l6">
					<div class="btn grey lighten-1"><span>resume</span><input type="file" name="resume" /></div>
					<div class="file-path-wrapper">
						<input type="text" name="resume" placeholder="Choose resume" class="file-path" />
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col s12 m12 l12">
					<div class="g-recaptcha" data-sitekey="{$gSiteKey}"></div>
				</div>
			</div>
		</div>
		<div class="card-action">
			<button type="submit" name="submit" class="waves-effect btn-flat blue accent-3 white-text" disabled>submit</button>
		</div>
	</form>
EOJ;
else:
	function boards($category){
		global $mysqli, $imageurl, $uploadpath, $uploadurl, $editorspicture, $boardstatus;$html = '';
		$stmt = $mysqli->prepare("SELECT name, degree, post, content, email, emailshow, phone, phoneshow, picture, pictureshow FROM editors WHERE (category = ? AND status = ?) ORDER BY sortnumber ASC") or die('An error occurred. Please try after some time.');
		$stmt->bind_param('ss', $category, $boardstatus);
		$stmt->execute();
		$stmt->store_result();
		if($stmt->num_rows() > 0):
			$stmt->bind_result($name, $degree, $post, $content, $email, $emailshow, $phone, $phoneshow, $picture, $pictureshow);
			while($stmt->fetch()):
				$name = html_entity_decode($name);
				$degree = ($degree) ? ' ('.html_entity_decode($degree).')' : '';
				$picture = ($picture && file_exists($uploadpath.'editors/'.$picture) && $pictureshow === 'Y') ? $uploadurl.'editors/'.$picture : $imageurl.'avatar_2x.png';
				$html .= '<div class="col s12 m12 l12">';
				$html .= ($editorspicture === 'enabled') ?  '<div class="left"><img src="'.$picture.'" alt="'.$name.'" /></div>' : '';
				$html .= '<div class="left" style="padding-left:10px">';
				$html .= '<b>'.$name.'</b>'.$degree;
				$html .= '<br clear="all" />';
				$html .= ($post) ? html_entity_decode($post).'<br clear="all" />' : '';
				$html .= html_entity_decode($content).'<br clear="all" />';
				$html .= ($email && $emailshow === 'Y') ? '<b>Email:</b> '.$email.'<br clear="all" />' : '';
				$html .= ($phone && $phoneshow === 'Y') ? '<b>Phone:</b> '.$phone : '';
				$html .= '</div>';
				$html .= '</div>';
			endwhile;
		endif;
		$stmt->close();
		return $html;
	}
	$boardstatus = 'enabled';
	$stmt = $mysqli->prepare("SELECT category FROM editors WHERE status = ? GROUP BY category ORDER BY catsortnumber ASC") or die('An error occurred. Please try after some time.');
	$stmt->bind_param('s', $boardstatus);
	$stmt->execute();
	$stmt->store_result();
	if($stmt->num_rows() > 0):
		$stmt->bind_result($category);
		while($stmt->fetch()):
			echo '<div class="fluid boards">';
			echo '<div class="light-green darken-1 white-text head">'.$category.'</div>';
			echo '<div class="body">'.boards($category).'</div>';
			echo '</div>';
		endwhile;
	else:
		echo '<div align="center"><img src="'.$imageurl.'coming-soon.png" alt="Comming Soon" style="float:none" /></div><br clear="all">';
	endif;
	$stmt->close();
echo <<<EOJ
	<div align="center" class="fluid joinus"><a href="{$baseurl}board/join"><img src="{$imageurl}joinus.png" alt="Join Us" style="float:none" /></a></div>
EOJ;
endif;
require_once('footer.php');
?>