<?php
include('include/header.php');


?>
<main id="main" class="main">

<div class="pagetitle">
      <h1>School Data</h1>
  <nav>
    <ol class="breadcrumb">
      <li class="breadcrumb-item"><a href="index.php">Home</a></li>
      <li class="breadcrumb-item active">Staff Portal</li>
    </ol>
  </nav>
</div>
<section class="section">
      <div class="row">
        <div class="col-lg-12">
           <?php
             
              if(!empty($_GET['succ'])){
                 ?>
                   <div style="color:green; text-align:center;"><strong>Data Insert Successfully</strong></div>
                 <?php
              }
           ?>
          <div class="card">
            <div class="card-body">
              <h5 class="card-title">Staff Portal Entry</h5>
              
              <form method="post" onsubmit="return salary_validation()" enctype="multipart/form-data">
               <div class="row">  
                         <div class="col-md-3">
                         <label  class="form-label">Employee Name</label>
                        <input type="text" class="form-control noSpace" id="emname" name="emname" placeholder="Enter Employee Name">
                    </div>
                    
                    <div class="col-md-3">
                         <label for="" class="form-label">ID number</label>
                        <input type="number" class="form-control noSpace" id="idnumber" name="idnumber" placeholder="Enter id number">
                    </div>

                    <div class="col-md-3">
                         <label  class="form-label">Expanse Type</label>
                        <select name="salar" id="salar" class="form-control" onChange="job_role123(this.value)">
                            <option value="">Please Select</option>
                            <option value="salary">Salary</option>
                            <option value="due">Advance</option>
                            <option value="due">Purchase</option>
                            <option value="due">Transport</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                         <label  class="form-label">Contact No</label>
                        <input type="number" class="form-control noSpace" id="contact" name="contact" placeholder="Enter Phone Number">
                    </div>
                    
                    <div class="col-md-3">
                         <label  class="form-label">Email Address</label>
                        <input type="text" class="form-control noSpace" id="email" name="email" placeholder="Enter Email Adress ">
                    </div>
                    
                    <div class="col-md-3">
                         <label  class="form-label">Status</label>
                        <select name="status" id="status" class="form-control" onChange="job_role123(this.value)">
                            <option value="">Please Select</option>
                            <option value="salary">Paid</option>
                            <option value="due">Due</option>
                        </select>
                    </div>
                   
                    <div class="col-md-3">
                      <label for="exampleInputEmail1" class="form-label">Joing Date</label>
                      <input type="text" class="form-control" id="datepicker" name="max" readonly placeholder="Select Date"> 
                    </div>
                   
                    <div class="col-md-3">
                         <label  class="form-label">Amount </label>
                        <input type="number" class="form-control noSpace" id="amount" name="amount" placeholder="Enter Amount ">
                    </div>
                            

                     <div class="mt-4">
                        <input type="submit" class="btn btn-primary" value="Submit" name="submit">
                     </div>
                </form>
 
            
 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>   
    <script>
    function salary_validation()
    {
      
        var emname = $('#emname').val()
        var idnumber = $('#idnumber').val();
        var salar = $('#salar').val();
        var contact = $('#contact').val();
        var email = $('#email').val();
        var status = $('#status').val();
        var datepicker = $('#datepicker').val();
        var amount = $('#amount').val();
       
        if(emname == '')
        {
          swal('Please Enter Employee Name');
          return false;
        }
        else if(idnumber == '')
        {
          swal('Please Enter Id Number');
          return false;
        }
        
           else if(salar == '')
        {
          swal('Please Select Expanse Type');
          return false;
        }
        else if(contact == '')
        {
          swal('Please Enter Contact Number');
          return false;
        } 
       
       else if(email == '')
        {
          swal('Please Enter Email Address');
          return false;
        }
        else if(status == '')
        {
          swal('Please Select Status');
          return false;
        } 
        else if(datepicker == '')
        {
          swal('Please Enter Joing Date');
          return false;
        } 
       
         else if(amount == '')
        {
          swal('Please Enter amount');
          return false;
        } 
               
        
        else{
          return true;
        }
    }
  </script>





<?php include('include/footer.php'); ?>