JezK

Edit File: addMonthlyReport.php

<?php 
$currentPage="monthlyReports";
include("header.php");?>
        <div id="page-wrapper">

<div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                            <small>Monthly Performance Reports </small>
                        </h1>
                        
                    </div>
                </div>

<div class="row">
                  <div class="col-md-12">
					<form>
						<div class="form-group">
							<label class="col-md-8">Total Number of SHG's Credit Linked with NABFINS in the Month:</label>
							<input type="tex" class="cs-textfield" placeholder="Enter number only" id="" value="">
						</div>
						<div class="form-group">
							<label  class="col-md-8">Proposed Number of SHG available for linkage in next Month :</label>
							<input type="tex" class="cs-textfield" placeholder="Enter number only" id="" value="">
						</div>
						<div class="form-group">
							<label  class="col-md-8">Total collection During the Month :</label>
							<input type="tex" class="cs-textfield" placeholder="" id="" value="">
						</div>
						<div class="form-group">
							<label class="col-md-8">Total Amount Remitted to NABFINS bank account in the Month: Rs</label>
							<input type="tex" class="cs-textfield" placeholder="" id="" value="">
						</div>
						<div class="form-group">
							<label class="col-md-8">Actual cash holding, if any by B&DC as on last day of the Month :Rs</label>
							<input type="tex" class="cs-textfield" placeholder="" id="" value="">
						</div>
						<div class="form-group">
							<label class="col-md-8">Any changes in Board members During the Month (Y/N) (if yes upload resolution copy) :</label>
							<div>
								<input type="radio" name="boardMemberChanges" value="1" id="yes">
								<label for="yes" style="color:black;font-weight:normal;cursor:pointer;">Yes</label> 
								<input type="radio" name="boardMemberChanges" value="0" id="no" >
								<label for="no" style="color:black;font-weight:normal;cursor:pointer;">No</label> 
							</div>
						</div>
						<div class="form-group">
							<label class="col-md-2" style="padding-top: 12px;"> Upload a file:</label>
							<input type="file" value="" id="FCRAFile" class="browse-o" >
							<button type="button" class="browse-d">Browse</button>
							 <input type="button" value="Upload" class="uploadBtn">
							 <span class="path"></span>
						</div>
						<div class="form-group">
							<label class="col-md-8">No of ShG Meetings attended by B&DC Staff during the Month</label>
							<input type="tex" class="cs-textfield" placeholder="Enter number only" id="" value="">
						</div>
						<div class="form-group">
							<label class="col-md-8">No of SHG Promoted during the Month :</label>
							<input type="tex" class="cs-textfield" placeholder="Enter number only" id="" value="">
						</div>
						<div class="form-group">
							<label class="col-md-8">No of SHG Adopted by the B&DC during the Month</label>
							<input type="tex" class="cs-textfield" placeholder="Enter number only" id="" value="">
						</div>
						<h3 class="col-md-11">Details of staff as on last day of the Month:</h3>
						<input type="button" class="btn btn-default add_field_button col-md-1" value="Add New" >
						<div class="col-md-12 table-responsive">
							<table  class="table table-striped table-bordered" cellspacing="0" width="100%">
									<thead>
										<tr>
											<th>S.No</th>
											<th>No. of staff working with B&DC </th>
											<th>No. of staff working with nabfins</th>
											<th>No. of staff having Nabfins id card</th>
											<th>Number of staff newly joined</th>
											<th>No. of staff involved in Nabfins</th>
											<th> No. of BC using mobile CBS</th>
											<th>Action</th>
										</tr>
									</thead>
									<tbody  class="input_fields_wrap">
										<tr>
											<td>1.</td>
											<td><input type="text" name="workingStaffwithB&DC[]" class="cs-textfield" id="workingStaffwithB&DC" value=""></td>
											<td><input type="text" name="workingStaffwithNabfins[]" class="cs-textfield" id="workingStaffwithNabfins" value=""></td>
											<td><input type="text" name="staffHavingIdCard[]" class="cs-textfield" id="staffHavingIdCard" value=""></td>
											<td><input type="text" name="newlyJoinedStaff[]" class="cs-textfield" id="newlyJoinedStaff" value=""></td>
											<td><input type="text" name="involvedStaffInNabfins[]" class="cs-textfield" id="involvedStaffInNabfins" value=""></td>
											<td><input type="text" name="noOfBCusingMobileCBS[]" class="cs-textfield" id="noOfBCusingMobileCBS" value=""></td>
											<td></td>
										</tr>
									</tbody>
								
								</table>
							</div>
						
							<div class="col-md-12 table-responsive">
									<h3>Name of the staff who left the service during the month of June 2017</h3>
								<table  class="table table-striped table-bordered" cellspacing="0" width="100%">
										<thead>
											<tr>
												<th>S.No</th>
												<th>Name of the staff</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1.</td>
												<td><input type="text" name="nameOfTheStaff" class="cs-textfield" id="" value=""></td>
											</tr>
										</tbody>
									
								</table>
							</div>
						
							<div class="col-md-12 table-responsive">
									<h3>Name of the staff who joined the service during the month of June2017</h3>
								<table  class="table table-striped table-bordered" cellspacing="0" width="100%">
										<thead>
											<tr>
												<th>S.No</th>
												<th>Name of the staff</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>1.</td>
												<td><input type="text" name="nameOfTheStaff" class="cs-textfield" id="" value=""></td>
											</tr>
										</tbody>
									
								</table>
							</div>
						 <div class="col-md-12 text-center">
							<input type="submit" value="Submit" name="submit" id="submit" class="btn btn-cs">
						 </div>
					</form>
                  </div>
                </div>
                
            </div>

</div>
        
<script>
$(document).ready(function() {
	$(".browse-d").click(function(){
		$(this).parents(".form-group").find('.browse-o').click();
	});
	$('.browse-o').change(function(){
		var fileName =$(this).parents(".form-group").find('.browse-o').val();
		fileName = fileName.substring(fileName.lastIndexOf("\\") + 1, fileName.length);
		 $(this).closest('.form-group').find('.path').html(fileName);
	});
    //var max_fields      = ; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
      //  if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<tr> \
								<td>'+x+'</td> \
								<td><input type="text" name="workingStaffwithB&DC[]" class="cs-textfield" id="workingStaffwithB&DC" value=""></td> \
								<td><input type="text" name="workingStaffwithNabfins[]" class="cs-textfield" id="workingStaffwithNabfins" value=""></td> \
								<td><input type="text" name="staffHavingIdCard[]" class="cs-textfield" id="staffHavingIdCard" value=""></td> \
								<td><input type="text" name="newlyJoinedStaff[]" class="cs-textfield" id="newlyJoinedStaff" value=""></td> \
								<td><input type="text" name="involvedStaffInNabfins[]" class="cs-textfield" id="involvedStaffInNabfins" value=""></td>\ <td><input type="text" name="noOfBCusingMobileCBS[]" class="cs-textfield" id="noOfBCusingMobileCBS" value=""></td> \
								<td><a class="action2"><i class="fa fa-trash remove_field" aria-hidden="true" ></i></a></td> \
							  </tr>'); //add input box
        //}
    });
    
    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).closest('tr').remove(); x--;
    })
});

</script>
<?php include("footer.php");?>