<?php
session_start();
include("dbConfig.php");
if(isset($_SESSION['username']) && isset($_SESSION['name']))
{
    $username=$_SESSION['username'];
    $name=$_SESSION['name'];
}
else
{
     echo '<META http-equiv="refresh" content="0;logout.php">';
}

?><!DOCTYPE html>
<html>
<head>
  <title>
    
  </title>
  <meta charset="UTF-8">
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
  <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css'>
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700" rel="stylesheet">
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.css'>

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/ionicons/css/ionicons.min.css" rel="stylesheet">
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery.min.js"></script>
  <script src="jquery.dependent.fields.js"></script>
  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery.min.js"></script>
<script src="jquery.dependent.fields.js"></script>
<style type="text/css">
.nav-menu a {
    padding: 3px 3px;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #efe8e8;
   color: black;
   text-align: center;
   padding:4px;
   font-size:12px;
}.footer a{
  font-weight: bold;
  color:#0c0c67;
}
  .hide {
  display: none;
}
h4{
  padding-top: 5px;
  padding-bottom: 0px;
  color:#1abfbf;
  font-weight: bold;
}
hr{
  background-color:#1abfbf;
}
</style>
</head>
<body>
  <div style="text-align: center">
     <img src="assets/img/logo.png" width="100px" height="100px">
  </div>

   <header id="header">     

    <div class="container">
    <nav id="nav-menu-container">
        <ul class="nav-menu">
      <li class="menu-active">
        <a class="nav-link" style="padding:2;font-size:14px" href="index.php">Home</a>
      </li>
            <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">IPD Patients</a>
        <ul>
              <li><a href="AddPatient.php">IPD Patient Registration</a></li>
              <li><a href="AddAdvance.php">IPD add Advance</a></li>
              <li><a href="UpdateWard.php">Update Ward</a></li>
              <li><a href="IPDPatients.php">View IPD Patients</a></li>
              
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">OPD Patients</a>
        <ul>
            <li><a href="OPDRegistration.php">OPD Patient Registration</a></li>
            <li><a href="OPDPatientsList.php">View OPD Patients Lists</a></li>
            <li><a href="OPDPatients.php">View OPD Patients Bills</a></li>
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">Staff</a>
        <ul>
              <li><a href="AddStaff.php">Add Staff</a></li>
              <li><a href="StaffList.php">Staff List</a></li>
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">Billing</a>
        <ul>
              <li><a href="billingId.php">Generate Consolidate Bill</a></li>
              <li><a href="InvestigationId.php">Generate Investigation Bill</a></li>
              <li><a href="FinaleBillId.php">Generate Discharge Bill</a></li>
              <li><a href="SearchBill.php">Search Bill</a></li>
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">Particular</a>
        <ul>
              <li><a href="AddParticulars.php">Add Particulars</a></li>
              <li><a href="ViewParticulars.php">View Particulars</a></li>
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#">Report</a>
        <ul>
               <li><a href="UploadReport.php">Upload Patient Report</a></li>
              <li><a href="DailyTrans.php">Transactions</a></li>
              <li><a href="userTrans.php">User Transactions</a></li>
              <li><a href="ViewReport.php">View Patient Reports</a></li>
              
        </ul>
      </li>
      <li class="menu-has-children">
        <a class="nav-link" style="padding:2;font-size:14px" href="#" style="font-size:15px"><? echo $name?></a>
        <ul>
               <li><a href="logout.php">Logout</a></li>
              <li><a href="ResetPassword.php">Reset Password</a></li>              
        </ul>
      </li>
        </ul>
      </nav><!-- #nav-menu-container -->
    </div>
  </header><!-- End Header -->   
  <section>
  <div class="row">
<div class="col-md-2"></div> 
<div class="col-md-8">
  <div class="shadow p-3 mb-5 bg-light rounded">
<form action="PreviewStaff.php" method="POST" enctype="multipart/form-data">
  <h2 style="text-align: center;font-weight: bold;color:#fff;background-color: #279480;padding:10px;">Add Staff Details</h2>
  <div class="row">    
  <div class="form-group col">
  <label for="StaffName">Staff Name</label>
  <input  class="form-control" type="text" name="StaffName" id="StaffName">
</div>
<div class="form-group col">
  <label for="Group">Staff Group</label>
  <select  class="form-control" name="Group" id="Group">
    <option value="">Choose Option</option>
    <option value="Junior Doctor">Junior Doctor</option>
    <option value="Senior Doctor">Senior Doctor</option>
    <option value="Nurse">Nurse</option>
    <option value="Office">Office</option>
  </select>
</div>
<div class="form-group col">
  <label for="Spec">Specialisation</label>
  <input  class="form-control" type="text" name="Spec" id="Spec">
</div> </div>
<br>
<h4>Personal Details</h4>
<hr>
 
  <div class="row">

<div class="form-group col">
  <label for="FHN">Father/Husband Name</label>
  <input  class="form-control" type="text" name="FHN" id="FHN">
</div>
<div class="form-group col">
  <label for="Contact">Contact No.</label>
  <input  class="form-control" type="text" name="Contact" id="Contact">
</div>    
<div class="form-group col">
  <label for="EmContact">Emergency Contact No.</label>
  <input  class="form-control" type="text" name="EmContact" id="EmContact">
</div>
  </div>

    <div class="row">

<div class="form-group col">
  <label for="Email">Email Id</label>
  <input  class="form-control" type="email" name="Email" id="Email">
</div>
<div class="form-group col">
  <label for="dob">Date of Birth</label>
  <input  class="form-control" type="date" name="dob" id="dob">
</div>
   <div class="form-group col">
  <label for="Gender">Gender</label>
  <select class="form-control" name="Gender" id="Gender" required>
        <option value="">Choose Option</option>
        <option value="Male">Male</option>
        <option value="Female">Female</option>
      </select>
</div>
  </div>
    <div class="row">
 
<div class="form-group col">
  <label for="Blood">Blood Group</label>
  <select  class="form-control" name="Blood" id="Blood" required>
          <option value="">Choose Option</option>
          <option value="A+">A+</option>
          <option value="B+">B+</option>
          <option value="AB+">AB+</option>
          <option value="O+">O+</option>
          <option value="A-">A-</option>
          <option value="B-">B-</option>
          <option value="AB-">AB-</option>
          <option value="O-">O-</option>
      </select>
</div>
<div class="form-group col">
  <label for="Education">Education</label>
  <input  class="form-control" type="text" name="Education" id="Education">
</div>
<div class="form-group col">
  <label for="Address">Address</label>
  <textarea class="form-control" name="Address" id="Address" rows="2" required></textarea>
</div>
  </div>
    <div class="row">
<div class="form-group col">
  <label for="City">City</label>
  <input  class="form-control" type="text" name="City" id="City" required>
</div>
    <div class="form-group col">
  <label for="State">State</label>
  <input  class="form-control" type="text" name="State" id="State" required>
</div>
<div class="form-group col">
  <label for="Country">Country</label>
 <input  class="form-control" type="text" name="Country" id="Country" required>
</div>
  </div>
    
<div class="row">
 <div class="form-group col">
  <label for=Photo">Upload Photo</label>
  <br>
  <img src="assets/img/pimage.png" width="160px" height="130px">
  <input  class="form-control" type="file" name="Photo" id="Photo">
</div>
 <div class="form-group col">
</div>
 <div class="form-group col">
</div>
</div>


<div style="text-align: center">
  <button type="submit" class="btn btn-primary">Preview</button>
<a href="AddStaff.php"><button type="button" class="btn btn-info">Cancel</button></a>
</div>

</form>
</div>
</div> 
<div class="col-md-2"></div>    
  </div>
  <section>
  <div class="footer">
        &copy; Copyright 2024 All Rights Reserved <strong>Vidyaranya Hospital PVt LTD.</strong>. | Designed by <a href="http://www.vatsinsoft.in/">Vatsin Soft</a>
      </div>


 <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
  <script src="assets/vendor/jquery/jquery.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/wow/wow.min.js"></script>
  <script src="assets/vendor/venobox/venobox.min.js"></script>
  <script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
  <script src="assets/vendor/jquery-sticky/jquery.sticky.js"></script>
  <script src="assets/vendor/superfish/superfish.min.js"></script>
  <script src="assets/vendor/hoverIntent/hoverIntent.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/js/main.js"></script>
</body>
</html>
