          <?php include("inc/server_config.php"); ?>
           <?php include("inc/mainheader.php"); ?>

            <!-- sidebar menu -->
            <?php include("inc/sidebar.php") ?>
            <!-- /menu footer buttons -->
            <div class="sidebar-footer hidden-small">
              <a data-toggle="tooltip" data-placement="top" title="Settings">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Lock">
                <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
              </a>
              <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
              </a>
            </div>
            <!-- /menu footer buttons -->
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>
              <nav class="nav navbar-nav">
              <ul class=" navbar-right">
                <li class="nav-item dropdown open" style="padding-left: 15px;">
                  <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
                    <img src="images/img.jpg" alt="">John Doe
                  </a>
                  <div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item"  href="javascript:;"> Profile</a>
                    <a class="dropdown-item"  href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                  </div>
                </li>

                
              </ul>
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
          <!-- top tiles -->
          <div class="row" style="display: inline-block;" >
          <div class="tile_count">
            
          </div>
        </div>
          <!-- /top tiles -->

          <div class="row">
            <div class="col-md-12 col-sm-12 ">
              <div class="dashboard_graph">

                <div class="row x_title">
                  <div class="col-md-8">
                    <div class="page-title">
                        <div class="title_left">
                            <h3><a href="viewtechnicalstaff.php">View technical Staff</a></h3>
                        </div>
                    </div>
                    <form class="form-label-left input_mask" method="POST" action="Technical_staff.php" enctype="multipart/form-data">

                    <div class="row">
										<div class="col-md-6 col-sm-6  form-group has-feedback">
											<input type="text" class="form-control has-feedback-left" name="fname" id="inputSuccess2" placeholder="First Name">
											<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
										</div>

										<div class="col-md-6 col-sm-6  form-group has-feedback">
											<input type="text" class="form-control" name="lname" id="inputSuccess3" placeholder="Last Name">
											<span class="fa fa-user form-control-feedback right" aria-hidden="true"></span>
										</div>
                    </div>

                    <div class="row">
										<div class="col-md-6 col-sm-6  form-group has-feedback">
											<input type="text" class="form-control has-feedback-left" name="middlename" id="inputSuccess4" placeholder="Middle Name">
											<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
										</div>

										<div class="col-md-6 col-sm-6  form-group has-feedback">
											<input type="tel" class="form-control" name="phone" id="inputSuccess5" placeholder="Phone">
											<span class="fa fa-phone form-control-feedback right" aria-hidden="true"></span>
										</div>
                    </div>

                    <div class="row">
                    <div class="col-md-12 col-sm-12  form-group has-feedback">
											<input type="email" class="form-control has-feedback-left" name="email" id="inputSuccess4" placeholder="Email">
											<span class="fa fa-envelope form-control-feedback left" aria-hidden="true"></span>
										</div>
                    </div>
                    <div class="form-group row">
  <!-- <label class="control-label col-md-3 col-sm-3 ">Select</label> -->
  <div class="col-md-12 col-sm-12 ">
    <select class="form-control" name="rank">
      <option>Rank</option>
      <option>Administrative Assistant</option>
      <option>Administrative Officer</option>
      <option>Rector</option>
      <option>Registrar</option>
      <option>Deputy Registrar</option>
      <option>Confidential Secretary I</option>
      <option>Personal Secretary I</option>
      <option>Principal Personal Secretary</option>
      <option>Assistant Librarian</option>
      <option>Polytechnic Librarian</option>
      <option>Technologist I</option>
      <option>Technologist II</option>
      <option>Chief Technologist</option>
      <option>Technician</option>
      <option>Accountant</option>
                                <option>Bursar </option>
                                <option>Office Assistant</option>
                                <option>Chief Office Assistant </option>
                                <option>Chief Security Officer</option>
      <option>Senior Lecturer</option>
      <option>Lecturer I</option>
      <option>Lecturer II</option>
      <option>Assistant Lecturer</option>
      <option>Graduate Assistant</option>
    </select>
  </div>
</div>
<div class="form-group row">
											<!-- <label class="control-label col-md-3 col-sm-3 ">Select</label> -->
											<div class="col-md-12 col-sm-12 ">
												<select class="form-control" name="department">
                        <option>Department</option>
													<option>Computer Science</option>
													<option>Science lab Technology</option>
													<option>Electrical/Electronics Engineering</option>
													<option>Computer Engineering Technology</option>
													<option>Marine Engineering Technolog</option>
													<option>Business Administration</option>
													<option>Maritime Transport and Business Studies</option>
											
											
												</select>
											</div>
										</div>
<div class="form-group row">
											<!-- <label class="col-form-label col-md-3 col-sm-3 ">Staff Rank</label> -->
											<div class="col-md-6 col-sm-6 ">
												<input type="text" class="form-control" name="qualification1" placeholder="qualification/Division with dates">
											</div>
                      <div class="col-md-6 col-sm-6 ">
												<input type="text" class="form-control" name="qualification2" placeholder="qualification/Division with dates">
											</div>
										</div>
                    <div class="form-group row">
											<!-- <label class="col-form-label col-md-3 col-sm-3 ">Staff Rank</label> -->
											<div class="col-md-6 col-sm-6 ">
												<input type="text" class="form-control" name="qualification3" placeholder="qualification/Division with dates">
											</div>
                      <div class="col-md-6 col-sm-6 ">
												<input type="text" class="form-control" name="qualification4" placeholder="qualification/Division with dates">
											</div>
										</div>
                    
                  
                    <div class="form-group row">
  <!-- <label class="col-form-label col-md-3 col-sm-3 ">Staff Rank</label> -->
  <div class="col-md-12 col-sm-12 ">
    <input type="text" class="form-control" name="lab_assigned" placeholder="Laboratory/Workshop/Studio Assigned">
  </div>
</div>
<div class="form-group row">
											<!-- <label class="col-form-label col-md-3 col-sm-3 ">Staff Rank</label> -->
											<div class="col-md-6 col-sm-6 ">
												<input type="file" class="form-control" name="images1" placeholder="Upload File">
											</div>
                      <div class="col-md-6 col-sm-6 ">
												<input type="file" class="form-control" name="images2" placeholder="Upload File">
											</div>
										</div>
                    <div class="form-group row">
											<!-- <label class="col-form-label col-md-3 col-sm-3 ">Staff Rank</label> -->
											<div class="col-md-6 col-sm-6 ">
												<input type="file" class="form-control" name="images3" placeholder="Upload File">
											</div>
                      <div class="col-md-6 col-sm-6 ">
												<input type="file" class="form-control" name="images4" placeholder="Upload File">
											</div>
										</div>


<div class="ln_solid"></div>
<div class="form-group row">
  <div class="col-md-12 col-sm-12">
    <button type="submit" class="btn btn-success btn-block" name="technicalstaff">Submit</button>
  </div>
</div>

</form>
                  </div>
                  <div class="col-md-4">
                    <div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
                      <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                      <span>December 30, 2014 - January 28, 2015</span> <b class="caret"></b>
                    </div>
                  </div>
                </div>

                <div class="col-md-9 col-sm-9 ">
                  <!-- content here --> 
                </div>
                

                <div class="clearfix"></div>
              </div>
            </div>

          </div>
          <br />

          <div class="row">


          

          </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <?php include("inc/footer.php"); ?>
