<div align='left'>
<table>
<tr><td>
    <!--sphider_noindex-->
    <ul id='menu'>
        <div class='spanx'>
            <li><a href='/' class='drop'><font size=+1 color='#ff5733'><i class='fa fa-home' aria-hidden='true'></i></font> Home </a>
                <!-- Begin 4 columns Item -->
                <div class='dropdown_4columns'><!-- Begin 4 columns container -->
                    <div class='col_4'>
                        <h2>Login panel</h2>
                    </div>
                    <div class='col_2'>
                        <h3><i class='fa fa-spinner' aria-hidden='true'></i> Overview</h3>
                    <div>
                        <p>Login and logout panel for registered users of iTransport.</p>
                        <hr>
			<?php
			if (!$user) {
				echo "<h3><i class='fa fa-user' aria-hidden='true'></i> User Login</h3>
			   	<table>
				<tr><td>Login ID</td>
				<td><input type='text' name='txtID' size='15'></td></tr>
       				<tr><td>Password</td>
				<td><input type='password' name='txtPWD' size='15'></td></tr>
       				<tr><th align='center' colspan='2'>
				<input type='submit' name='login' value='LOGIN'>
				</th></tr>
				</table>";
			} else {
				echo "You have logged in successfully. Please follow proper logout to quit. 
				<hr>
				<a href='?logout=1'>Logout here</a>
				<hr>
				Online users: 
				";
				$rs = mysql_query("select count(sessionid) as no from websessions where isnull(logouttime)");
				if (mysql_num_rows($rs)) {
					$o = mysql_fetch_object($rs);
					echo $o->no;
				} else {
					echo '1';
				}
			}
			?>
			</div>
                </div>
                <div class='col_1'>
			<?php
			if ($user) {
       		                echo "<h3><i class='fa fa-file' aria-hidden='true'></i> This Session</h3>
                	        <ul>
				<li>User <b>$user</b> as $role</li>
				<li>IP - $remoteip</li>
				<li><br></li>
				<li><a href='?pg=websessions'>Login Sessions</a></li>
                        	<li><a href='?pg=weblogs'>Activity Logs</a></li>
                        	</ul>";
			} else {
				echo "<h3><i class='fa fa-users' aria-hidden='true'></i> Online Users</h3>"; 
				$rs = mysql_query("select count(sessionid) as no from websessions where isnull(logouttime)");
				if (mysql_num_rows($rs)) {
					$o = mysql_fetch_object($rs);
					echo $o->no;
				} else {
					echo '1';
				}
			}
			?>
                </div>
                <div class='col_1'>
			<?php
			if ($user) {
       		                echo "<h3><i class='fa fa-key' aria-hidden='true'></i> Change</h3>
                        	<ul>
				<li><a href='?pg=changepwd'>Password here</a></li>
				<li><br></li>
				<li>Please change your password every month</li>
				<li>as it is important for safety of your data.</li>
                        	</ul>";
			}
			?>	
                </div>
            </div>
		<!-- End 4 columns container -->
            </li><!-- End 4 columns Item -->
        </div>
    </ul>
    <!--/sphider_noindex-->
</td><td>
<?php
if ($role == 'admin' || $role == 'operator') {
    echo "<!--sphider_noindex-->
    <ul id='menu'>
	<div class='spanx'>
            <li><a href='/' class='drop'><font size=+1 color='blue'><i class='fa fa-car' aria-hidden='true'></i></font> Transport </a>
		<!-- Begin 4 columns Item -->
		<div class='dropdown_4columns'><!-- Begin 4 columns container -->
		<div class='col_4'>
                    <h2><i class='fa fa-car' aria-hidden='true'></i> Transport panel</h2>
                </div>
                <div class='col_2'>
                    <h3><i class='fa fa-spinner' aria-hidden='true'></i> Overview</h3>
			<div>
				<p>Transport panel provides interface for vehicle, driver registration and service scheduling.</p>
                        <ul>
                            <li><a href='?pg=sysconfig'><i class='fa fa-snowflake-o' aria-hidden='true'></i> SysConfig</a></li>
							<li><a href='?pg=vehicle'><i class='fa fa-car' aria-hidden='true'></i> Vehicle Roll</a></li>
                            <li><a href='?pg=driver'><i class='fa fa-user-circle' aria-hidden='true'></i> Driver Roll</a></li>
                            <li><a href='?pg=helper'><i class='fa fa-user-circle-o' aria-hidden='true'></i> Helper Roll</a></li>
                            <li><a href='?pg=route'><i class='fa fa-random' aria-hidden='true'></i> Route Roll</a></li>
                            <li><a href='?pg=school'><i class='fa fa-bank' aria-hidden='true'></i> School Roll</a></li>
   
                        </ul>
                    </div>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-user-o' aria-hidden='true'></i> Actions</h3>
                    <ul>
                    <li><a href='?pg=dutyroster'><i class='fa fa-refresh' aria-hidden='true'></i> Duty Roster</a></li>
                    <li><a href='?pg=schedule'><i class='fa fa-hourglass-half' aria-hidden='true'></i> Daily Schedule</a></li>
                    <li><a href='?pg=booking'><i class='fa fa-list' aria-hidden='true'></i> Booking Slip</a></li>
                    <li><a href='?pg=tripbilling'><i class='fa fa-line-chart' aria-hidden='true'></i> Trip Billing</a></li>
                    <li>...</li>
					<li><a href='?pg=logrunning'><i class='fa fa-recycle' aria-hidden='true'></i> Running Log</a></li>
                    <li><a href='?pg=logrefilling'><i class='fa fa-battery-half' aria-hidden='true'></i> Refilling Log</a></li>
                    <li><a href='?pg=logrepairing'><i class='fa fa-briefcase' aria-hidden='true'></i> Repairing Log</a></li>

                    </ul>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-print' aria-hidden='true'></i> Reports</h3>
                    <ul>
                    <li><a href='?pg=billreceipt'><i class='fa fa-line-chart' aria-hidden='true'></i> Bill Receipt</a></li>
                    <li><a href='?pg=schedules'><i class='fa fa-hourglass-half' aria-hidden='true'></i> Daily Schedule</a></li>
                    <li><a href='?pg=requisitions'><i class='fa fa-car' aria-hidden='true'></i> Requisitions</a></li>
					<li><a href='?pg=schooltimings'><i class='fa fa-clock-o' aria-hidden='true'></i> School Timing</a></li>
                    <!--<li><a href='?pg=onleavedriver'><i class='fa fa-wheelchair' aria-hidden='true'></i> Onleave Driver</a></li>-->
                    <li>...</li>
					<li><a href='?pg=logbook&flag=1'><i class='fa fa-recycle' aria-hidden='true'></i> Running Log</a></li>
                    <li><a href='?pg=logbook&flag=2'><i class='fa fa-battery-half' aria-hidden='true'></i> Refilling Log</a></li>
                    <li><a href='?pg=logbook&flag=3'><i class='fa fa-briefcase' aria-hidden='true'></i> Repairing Log</a></li>
                    </ul>
                </div>
            </div><!-- End 4 columns container -->
            </li><!-- End 4 columns Item -->
        </div>
    </ul>
    <!--/sphider_noindex-->";
}
?>
</td><td>
<?php
if ($user) {
    echo "<!--sphider_noindex-->
    <ul id='menu'>
        <div class='spanx'>
            <li><a href='/' class='drop'><font size=+1 color='green'><i class='fa fa-users' aria-hidden='true'></i></font> Commuter </a>
            <!-- Begin 4 columns Item -->
            <div class='dropdown_4columns'><!-- Begin 4 columns container -->
                <div class='col_4'>
                    <h2><i class='fa fa-users' aria-hidden='true'></i> Commuter panel</h2>
                </div>
                <div class='col_2'>
                    <h3><i class='fa fa-spinner' aria-hidden='true'></i> Overview</h3>
                    <div>
                        <p>Commuter panel provides interface for booking of transport facility, submitting school timings, service feedback and cancellation of previous booking.</p>
                    </div>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-user-o' aria-hidden='true'></i> Actions</h3>
                    <ul>
		    <li><a href='?pg=requisition'><i class='fa fa-car' aria-hidden='true'></i> Vehicle Requisition</a></li>
                    <li><a href='?pg=cancellation'><i class='fa fa-ban' aria-hidden='true'></i> Cancel Requisition</a></li>
                    <li>...</li>
                    <li><a href='?pg=wregistration'><i class='fa fa-child' aria-hidden='true'></i> Ward Registration</a></li>
                    <li><a href='?pg=schooltiming'><i class='fa fa-clock-o' aria-hidden='true'></i> School Timings</a></li>
                    <li><a href='?pg=holidaynotice'><i class='fa fa-window-close-o' aria-hidden='true'></i> Holiday Notice</a></li>
                    <li><a href='?pg=feedback'><i class='fa fa-address-card-o' aria-hidden='true'></i> Service Feedback</a></li>
                    </ul>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-print' aria-hidden='true'></i> Reports</h3>
                    <ul>
                    <li><a href='?pg=schools'><i class='fa fa-bank' aria-hidden='true'></i> School/College</a></li>
					<li><a href='?pg=schedules'><i class='fa fa-hourglass-half' aria-hidden='true'></i> Daily Schedule</a></li>
					<li><a href='?pg=driverlist'><i class='fa fa-user-circle' aria-hidden='true'></i> Driver & Helper</a></li>
                    <li><a href='?pg=triphistory'><i class='fa fa-file-text' aria-hidden='true'></i> Trip History</a></li>
                    </ul>
                </div>
            </div><!-- End 4 columns container -->
            </li><!-- End 4 columns Item -->
        </div>
        <!--/sphider_noindex-->
    </ul>";
}
?>
</td><td>
<?php
if ($role == 'admin') {
    echo "<!--sphider_noindex-->
    <ul id='menu'>
        <div class='spanx'>
            <li><a href='/' class='drop'><font size=+1 color='red'><i class='fa fa-user-secret' aria-hidden='true'></i></font> Admin </a>
            <!-- Begin 4 columns Item -->
            <div class='dropdown_4columns'><!-- Begin 4 columns container -->
                <div class='col_4'>
                    <h2><i class='fa fa-user-secret' aria-hidden='true'></i> Admin panel</h2>
                </div>
                <div class='col_2'>
                    <h3><i class='fa fa-spinner' aria-hidden='true'></i> Overview</h3>
                    <div>
                        <p>Administrative task for system configuration and management.</p>
                    </div>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-user-o' aria-hidden='true'></i> Action</h3>
                        <ul>
                   		<li><a href='?pg=webusers'><i class='fa fa-user-o' aria-hidden='true'></i> Registered Users</a></li>
                        </ul>
                </div>
                <div class='col_1'>
                    <h3><i class='fa fa-print' aria-hidden='true'></i> Reports</h3>
                    <ul>
                   	<li><a href='?pg=websessions'><i class='fa fa-file-text' aria-hidden='true'></i> Login Sessions</a></li>
                   	<li><a href='?pg=weblogs'><i class='fa fa-list' aria-hidden='true'></i> Activity Logs</a></li>
                    </ul>
                </div>
            </div><!-- End 4 columns container -->
            </li><!-- End 4 columns Item -->
        </div>
    <!--/sphider_noindex-->
    </ul>";
}
?>
</td></tr>
</table> 
</div>