File: //var/www/html/pmw24/driver_settlement/application/views/admin/misc/list.php
<div class="main-content">
<div class="content-wrapper">
<div class="container-fluid">
<!-- Basic form layout section start -->
<?php if ($this->session->flashdata('success_msg')) : ?>
<div class="alert alert-success">
<a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
<?php echo $this->session->flashdata('success_msg') ?>
</div>
<?php endif ?>
<?php if ($this->session->flashdata('error_msg')) : ?>
<div class="alert alert-danger">
<a href="#" class="close" data-dismiss="alert" aria-label="close" title="close">×</a>
<?php echo $this->session->flashdata('error_msg') ?>
</div>
<?php endif ?>
<section id="basic-form-layouts">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div class="page-title-wrap">
<h4 class="card-title">Misc. Setup</h4>
</div>
</div>
<!-- <div class="clearfix"></div> -->
<div class="card-body">
<div class="px-3">
<!-- <form method="post" class="form custom_form_style"> -->
<div class="form-body">
<div class="tab_btn_area">
<form id="driver_nameForm" method="post" class="form custom_form_style">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<!--<label>Driver</label>-->
<select id="user_id" class="js-select2" data-show-subtext="true" data-live-search="true" required="required">
<option value="">Select Driver</option>
<?php if(!empty($misc_drivers)){?>
<?php foreach($misc_drivers as $misc_driver){?>
<option value="<?php echo $misc_driver['user_id'];?>"><?php //echo $misc_driver['user_id'];?><?php echo $misc_driver['first_name']." ".$misc_driver['middle_name']." ". $misc_driver['last_name'] ;?></option>
<?php }?>
<?php }?>
</select>
<?php echo form_error('user_id','<span class="error">', '</span>'); ?>
</div>
</div>
<div class="col-sm-4">
<button type="button" name="driver_add" id="driver_add" class="btn btn-success">Add More</button>
</div>
</div>
</form>
</div>
<!---->
<div class="row row justify-content-md-center">
<div class="col-md-12">
<div class="staff_tab_area">
<div class="accident_form_area">
<div class="table-responsive custom_table_area export_table_area">
<!--<table class="table table-striped table-bordered export_btn_dt c_table_style">-->
<table class="table table-striped table-bordered dom-jQuery-events c_table_style">
<thead>
<tr>
<th>SL No.</th>
<!-- <th style="min-width: 60px;">Action</th> -->
<th>Driver Name</th>
<th>Charges</th>
<th>Date</th>
<th>Remarks</th>
</tr>
</thead>
<tbody>
<?php
if(!empty($misc_setup))
{
$i = 1;
foreach ($misc_setup as $misc) {
?>
<tr>
<td><?= $i;?></td>
<!-- <td class="action_td text-center"><a class="btn_action edit_icon" href="<?= base_url();?>admin/misc/edit_misc/<?= $misc['id'];?>"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
<a class="btn_action delete_icon" href="<?= base_url();?>admin/misc/delete_misc/<?= $misc['id'];?>"><i class="fa fa-trash" aria-hidden="true"></i></a></td> -->
<td><?= $misc['first_name']." ".$misc['middle_name']." ".$misc['last_name']; ?></td>
<!-- <td><?= $misc['charges']; ?></td> -->
<td><?php if($misc['charges']==0){ echo "Other Charges"; }else if($misc['charges']==1){ echo "Docket Return"; } ?></td>
<td><?= $misc['setup_date'] ?></td>
<td><?= $misc['remarks']; ?></td>
</tr>
<?php
$i++;
}
}
?>
</tbody>
</table>
</div>
</div>
<!-- Tab panes -->
</div>
</div>
</div>
<!---->
</div>
<div class="form-actions">
<!--<button type="button" class="btn btn-danger mr-1">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</button>-->
<!--<button type="button" class="btn btn-success">
<i class="fa fa-floppy-o" aria-hidden="true"></i> Save
</button>-->
</div>
<!-- </form> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<!-- <footer class="footer footer-static footer-light">
<p class="clearfix text-muted text-center px-2"><span>Copyright © 2019 <a href="" target="_blank" class="text-bold-800 primary darken-2">Punjab Motors </a>, All rights reserved. </span></p>
</footer> -->
</div>
</div>
<!-- ////////////////////////////////////////////////////////////////////////////-->
<!-- Modal -->
<div class="modal fade text-left" id="default" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel1">Misc. Setup</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<span style='color:red' id="fmsg"></span>
<span style='color:green' id="fmsg"></span>
<form method="post" id="miscForm">
<div class="table-responsive custom_table_area">
<table class="table table-striped table-bordered c_table_style">
<!--<thead>
<tr>
<th>Role Name</th>
<th>
<label class="chk_custom_box">
<input type="checkbox">
<span class="checkmark"></span>
</label>
</th>
</tr>
</thead>-->
<tbody>
<tr>
<td>Select Charges</td>
<td>
<select class="form-control" id="charges" required="required">
<option selected disable>Select Charges</option>
<option value="0">Other Charges</option>
<option value="1">Docket Return</option>
</select>
<?php echo form_error('charges','<span class="error">', '</span>'); ?>
</td>
</tr>
<tr>
<td>Date</td>
<td>
<div class="input-group">
<input type="text" id="setup_date" class="form-control pickadate" placeholder="" required="required"/>
<?php echo form_error('setup_date','<span class="error">', '</span>'); ?>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</td>
</tr>
<tr>
<td>Remarks</td>
<td><textarea class="form-control" id="remarks" required="required"></textarea>
<?php echo form_error('remarks','<span class="error">', '</span>'); ?>
</td>
</tr>
</tbody>
</table>
</div>
<div class="modal_btn_area">
<button type="button" id="misc_add" class="btn btn-success">Submit</button>
</div>
</form>
</div>
<!--<div class="modal-footer">
<button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-outline-primary">Save changes</button>
</div>-->
</div>
</div>
</div>
<script>
var user_id;
$(document).on('change', '#user_id', function(event){
user_id = this.value;
// alert(user_id);
});
$(document).on('click', '#misc_add', function(event){
event.preventDefault();
var charges = $('#charges').val();
var setup_date = $('#setup_date').val();
var remarks = $('#remarks').val();
// alert(charges);
//alert(setup_date);
//alert(remarks);
$.ajax({
url: '<?php echo site_url("admin/misc/submit_misc")?>',
data: {charges: charges,setup_date: setup_date,remarks: remarks, user_id:user_id},
type: "post",
cache: "false",
dataType: 'text',
success: function(response){
location.reload();
// console.log(JSON.parse(response).status);
// var st=JSON.parse(response).status;
// if(st == 0){
// jQuery("#fmsg").html('<span style="color:red">'+JSON.parse(response).message+'</span>');
// }
// else{
// jQuery("#fmsg").html('<span style="color:green">'+JSON.parse(response).message+'</span>');
// $("#default").modal('hide');
// }
}
});
});
</script>
<script>
$( "#miscForm" ).validate({
rules: {
charges: "required",
remarks: "required",
setup_date: "required",
},
messages: {
charges: "Charges is required",
remarks : "Date is required",
setup_date: "Date is required",
},
errorElement: "em",
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
}
});
</script>
<script>
$( "#driver_nameForm" ).validate({
rules: {
user_id: "required",
},
messages: {
user_id: "Please select driver",
},
errorElement: "em",
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".form-control" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".form-control" ).addClass( "has-success" ).removeClass( "has-error" );
}
});
</script>
<script>
$(document).on('click', '#driver_add', function(event){
var user_id=$("#user_id").val();
// alert(user_id);
if (user_id) {
$('#default').modal('toggle');
}else{
$.alert({
title: 'Alert!',
content: 'Please select driver!',
});
//alert("Please select driver");
$("#default").modal('hide');
}
});
</script>