File: /var/www/html/taxicamera/application/views/admin/setting/addaccident.php
<style type="text/css">
.ac_photo_box .ac_img.pre_img
{
border: none !important;
}
</style>
<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">
<a class="title_btn t_btn_list" href="<?= base_url();?>admin/settings/manageaccident"><span><i class="fa fa-list-ul" aria-hidden="true"></i></span> Accident List</a>
<h4 class="card-title">New Accident Form</h4>
</div>
</div>
<div class="card-body">
<div class="px-3">
<div class="form-body">
<!-- start -->
<div class="row">
<div class="col-md-12">
<div class="staff_tab_area">
<?php $tab = $this->uri->segment(4);
?>
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link <?php if(empty($tab)){ echo "active"; } elseif($tab==1){ echo "active"; } else { echo ""; } ?>" data-toggle="tab" href="#ac_form1">Info</a>
</li>
<li class="nav-item">
<a class="nav-link <?php if(empty($tab)){ echo ""; } elseif($tab==2){ echo "active"; } else { echo ""; } ?>" data-toggle="tab" href="#ac_form2">Accident Photo</a>
</li>
<li class="nav-item">
<a class="nav-link <?php if(empty($tab)){ echo ""; } elseif($tab==3){ echo "active"; } else { echo ""; }?>" data-toggle="tab" href="#ac_form3">Witness Details</a>
</li>
<li class="nav-item">
<a class="nav-link <?php if(empty($tab)){ echo ""; } elseif($tab==4){ echo "active"; } else { echo ""; }?>" data-toggle="tab" href="#ac_form4">Accident Details</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!--************************************************************************************************* Accident Infor ******************************************************************************************************************************-->
<!---#######################################################################################################################################################################################################################################################-->
<div id="ac_form1" class="tab-pane <?php if(empty($tab)){ echo "active"; } elseif($tab==1){ echo "active"; } else { echo ""; } ?>">
<div class="accident_tab_area">
<form class="form" method="post" name="info_form" action="<?= base_url();?>admin/settings/add_accident_form1" enctype="multipart/form-data" >
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>Car<sup>*</sup></label>
<select class="form-control" name="car_no" required>
<option value="">Select car</option>
<?php if(!empty($all_cars)):?>
<?php foreach($all_cars as $car): ?>
<option value="<?php echo $car['car_id']; ?>"><?php echo $car['registration_no']; ?></option>
<?php endforeach; ?>
<?php endif; ?>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver<sup>*</sup></label>
<select class="form-control" name="driver_id" required>
<option value="">Select Driver</option>
<?php if(!empty($driver_list)):?>
<?php foreach($driver_list as $val): ?>
<option value="<?php echo $val['user_id']; ?>"><?php echo $val['full_name'].' - '.$val['dc_no']; ?></option>
<?php endforeach; ?>
<?php endif; ?>
</select>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>No. Of cars involved in accident<sup>*</sup></label>
<input type="number" min="2" class="form-control" value="2" id="no_of_car" name="no_of_car" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Fault type<sup>*</sup></label>
<select class="form-control" name="fault_type" required>
<option value="">Select Fault Type</option>
<option value="fault">Fault</option>
<option value="not fault">Not Fault</option>
</select>
</div>
</div>
</div>
<h4 class="form-section">Car No: 1</h4>
<input type="hidden" id="car_cont" value="1">
<div class="accd_invol_car_details" id="accd_invol_car">
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>Make</label>
<input type="text" class="form-control" value="" name="make[]" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Rego</label>
<input type="text" class="form-control" value="" name="rego[]" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Insured</label>
<input type="radio" name="is_insured" id="is_insured" value="1" />
<label class="" for="is_insured">Yes</label>
<input type="radio" name="is_insured" id="is_insured" value="2" />
<label class="" for="is_insured">No</label>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Name of Insurance Company</label>
<input type="text" class="form-control" value="" name="insurance_company[]">
</div>
</div>
</div>
<h4 class="form-section">Offending Vehicle Details</h4>
<div class="owner_type_div">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<div class="input-group">
<div class="custom-control custom-radio display-inline-block mr-2">
<input type="radio" id="comType_1_1" name="owner_driver_flag[0]" class="owner_drv_flag custom-control-input" value="1">
<label class="custom-control-label" for="comType_1_1">Owner Driver</label>
</div>
<div class="custom-control custom-radio display-inline-block">
<input type="radio" id="comType_1_2" name="owner_driver_flag[0]" class="owner_drv_flag custom-control-input" checked value="2">
<label class="custom-control-label" for="comType_1_2">Driver</label>
</div>
</div>
</div>
</div>
</div>
<div id="myRadioGroup" class="owner_type_details">
<div id="Cars2" class="owner_details desc">
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>Owner Name</label>
<input type="text" class="form-control" name="owner_name[]" value="" required="required">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile/Landline</label>
<input type="text" class="form-control mobileNO" name="owner_contact_no[]" value="" required="required">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="owner_email[]" value="">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Owner's Address</label>
<textarea class="form-control" name="owner_address[]"></textarea>
</div>
</div>
</div>
</div>
<div id="Cars3" class="driver_details desc" style="">
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>Driver Name</label>
<input type="text" class="form-control" name="driver_name[]" value="" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile/Landline</label>
<input type="text" class="form-control mobileNO" name="driver_contact_no[]" value="" >
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" name="driver_email[]" value="" >
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver Address</label>
<textarea class="form-control" name="driver_address[]"></textarea>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Driver License No</label>
<input type="text" class="form-control" name="driver_license[]" value="" required="required">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="more_accd_invol_car"></div>
<div class="col-md-12">
<div class="form-actions">
<a class="btn btn-danger mr-1" href="<?php echo base_url().'admin/settings/manageaccident'; ?>">
<i class="fa fa-times" aria-hidden="true"></i> Cancel
</a>
<button type="submit" class="btn btn-success" name="submit">
<i class="icon-note"></i> Update
</button>
</div>
</div>
</form>
<!-- new end -->
</div>
</div>
<!--************************************************************************************************* Driver Personal Images / Accident Images ******************************************************************************************************************************-->
<!---#######################################################################################################################################################################################################################################################-->
<div id="ac_form2" class="tab-pane <?php if(empty($tab)){ echo ""; } elseif($tab==2){ echo "active"; } else { echo ""; } ?>">
<div class="accident_tab_area">
<form class="form" method="Post" action="<?= base_url();?>admin/settings/AccidentImageAdd" enctype="multipart/form-data" onsubmit="return(validate());">
<div class="photo_upload_area clearfix">
<h3>Driver Personal Images</h3>
<div class="ac_photo_box dr_personal_img_div">
<div class="ac_img">
<div class="upload-btn-wrapper btn" style="padding:0">
<img class="dr_personal_img_btn" src="<?php echo base_url()?>./public/upload_image/accident_media/no-image.png" alt="" width="91px" height="92px"/>
<input type="file" name="car_number_plate" class="dr_personal_img_input" id="carno_plate" />
</div>
</div>
<a class="btn btn-success dr_personal_img_btn" class="dr_personal_img_input" id="accident_carno_upload" name=""><i class="icon-note"></i></a>
<div class="ac_txt">
<h4>Car Number Plate</h4>
</div>
</div>
<div class="ac_photo_box dr_personal_img_div">
<div class="ac_img">
<div class="upload-btn-wrapper btn" style="padding:0">
<img class="dr_personal_img_btn" src="<?php echo base_url()?>./public/upload_image/accident_media/no-image.png" alt="" width="91px" height="92px"/>
<input type="file" name="dr_licence_front" class="dr_personal_img_input" id="dr_licence_front_file" />
</div>
</div>
<a class="btn btn-success dr_personal_img_btn" id="dr_licence_front_upload" name=""><i class="icon-note"></i></a>
<div class="ac_txt">
<h4>Driving Licence Front</h4>
</div>
</div>
<div class="ac_photo_box dr_personal_img_div">
<div class="ac_img">
<div class="upload-btn-wrapper btn" style="padding:0">
<img class="dr_personal_img_btn" src="<?php echo base_url()?>./public/upload_image/accident_media/no-image.png" alt="" width="91px" height="92px"/>
<input type="file" name="dr_licence_back" class="dr_personal_img_input" id="dr_licence_back_flie" />
</div>
</div>
<a class="btn btn-success dr_personal_img_btn" id="dr_licence_back_upload" name=""><i class="icon-note"></i></a>
<div class="ac_txt">
<h4>Driving Licence Back</h4>
</div>
</div>
</div>
<div class="photo_upload_area clearfix">
<h3>Accident Images</h3>
<div id="accident_img_gallery">
</div>
<div class="ac_photo_upload">
<div class="upload-btn-wrapper" style="padding:0">
<button class="btn"><i class="fa fa-plus" aria-hidden="true"></i></button>
<input type="file" name="accident_img[]" id="accident_img" multiple/>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-actions">
<button type="reset" class="btn btn-danger mr-1" onclick="window.location.href='<?php echo base_url().'admin/settings/manageaccident'; ?>'">
<i class="icon-trash"></i> Cancel
</button>
<button type="submit" class="btn btn-success" name="submit"><i class="fa fa-floppy-o" aria-hidden="true"></i> Update</button>
</div>
</div>
</form>
<div class="col-md-12">
<div class="form-actions">
</div>
</div>
</div>
</div>
<!--************************************************************************************************* Witness Details ******************************************************************************************************************************-->
<!---#######################################################################################################################################################################################################################################################-->
<div id="ac_form3" class="tab-pane <?php if(empty($tab)){ echo ""; } elseif($tab==3){ echo "active"; } else { echo ""; } ?>">
<div class="accident_tab_area">
<form method="post" action="<?php echo base_url()?>admin/settings/AccidentWitnessAdd">
<div class="row clearfix">
<div class="col-md-12">
<h3>Witness Details</h3>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Name</label>
<input type="text" name="witness_name" value="" required="required" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Address</label>
<input type="text" name="witness_address" value="" required="required" class="form-control">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Mobile</label>
<input type="text" name="witness_mobile" value="" required="required" class="form-control mobileNO">
<span></span>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<!-- <label>is_police_attended</label> -->
<label>Is Police Attended?</label>
<div class="input-group">
<div class="custom-control custom-radio display-inline-block mr-2">
<input type="radio" id="police1" value="1" checked name="is_police_attended" class="is_police_attended custom-control-input">
<label class="custom-control-label" for="police1">Yes</label>
</div>
<div class="custom-control custom-radio display-inline-block">
<input type="radio" id="police2" value="0" name="is_police_attended" class="is_police_attended custom-control-input">
<label class="custom-control-label" for="police2">No</label>
</div>
</div>
</div>
</div>
<div class="col-md-12" id="pc_detail" style="">
<div class="row">
<div class="col-md-12">
<h3>Police Details</h3>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Name</label>
<input type="text" name="officer_name" class="form-control" value="" required="required">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Police Station</label>
<input type="text" name="police_station" class="form-control" value="" required="required">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Phone No.</label>
<input type="text" name="officer_phone_no" class="form-control mobileNO" value="" required="required">
<span></span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Ref No.</label>
<input type="number" name="officer_reference_no" class="form-control" value="" required="required">
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-actions">
<input type="hidden" name="tab" value="#ac_form3">
<button type="reset" class="btn btn-danger mr-1" onclick="window.location.href='<?php echo base_url().'admin/settings/manageaccident'; ?>'">
<i class="icon-trash"></i> Cancel
</button>
<button type="submit" class="btn btn-success" name="submit">
<i class="icon-note"></i> Update
</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!--************************************************************************************************* Accident Details ******************************************************************************************************************************-->
<!---#######################################################################################################################################################################################################################################################-->
<div id="ac_form4" class="tab-pane <?php if(empty($tab)){ echo ""; } elseif($tab==4){ echo "active"; } else { echo ""; } ?>">
<div class="accident_tab_area">
<form method="post" action="<?php echo base_url()?>admin/settings/AccidentTimePlaceAdd">
<div class="row clearfix">
<div class="col-md-4">
<div class="form-group">
<label>Date</label>
<div class="input-group">
<input type="text" class="form-control pickadate" placeholder="" value="" id="accident_datetime" name="accident_datetime" required/>
<div class="input-group-append">
<span class="input-group-text">
<span class="fa fa-calendar-o"></span>
</span>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Time</label>
<div class="input-group time_pick">
<input class="form-control timepicker" value="" name="accident_time" required/>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Place</label>
<input type="text" class="form-control" placeholder="" value="" name="place" required/>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Description</label>
<textarea class="form-control" name="description" required></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-actions">
<input type="hidden" name="tab" value="#ac_form3">
<button type="reset" class="btn btn-danger mr-1" onclick="window.location.href='<?php echo base_url().'admin/settings/manageaccident'; ?>'">
<i class="icon-trash"></i> Cancel
</button>
<button type="submit" class="btn btn-success" name="submit">
<i class="icon-note"></i> Update
</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- // Basic form layout section end -->
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('.timepicker').pickatime()
$("input[name$='comTypeRadio']").click(function() {
var test = $(this).val();
$("div.desc").hide();
$("#Cars" + test).show();
});
});
</script>
<script>
//*************** Sreela (31/10/19) For Driver Personal Images upload****************************/
$(document).on('click','.dr_personal_img_btn',function(){
//alert($(this).attr('id'));
var current_obj = $(this).closest('.dr_personal_img_div').find('.dr_personal_img_input');
var current_obj_img = $(this).closest('.dr_personal_img_div').find('.dr_personal_img_btn');
current_obj.click();
current_obj.change(function(){
//axa
showUploadImg(this,current_obj_img,current_obj);
});
});
function showUploadImg(input,current_obj_img,current_obj) {
var FileUploadPath = input.value;
if (FileUploadPath == '') {
$.alert({
type: 'red',
title: 'Alert!',
content: 'Please upload an image.',
});
} else {
var Extension = FileUploadPath.substring(FileUploadPath.lastIndexOf('.') + 1).toLowerCase();
if (Extension == "gif" || Extension == "png" || Extension == "bmp"|| Extension == "jpeg" || Extension == "jpg") {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
//alert(current_obj);
current_obj_img.attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
else
{
$.alert({
type: 'red',
title: 'Alert!',
content: 'Thumbnail only allows image file types - GIF, PNG, JPG, JPEG. ',
});
current_obj.val('');
}
}
}
//*************** Sreela (31/10/19) For Driver Personal Images upload end****************************/
</script>
<script>
//*************** Sreela (31/10/19) For Accident Images upload****************************/
function readURLM(input,accident_img_gallery) {
var FileUploadPath = input.value;
if (FileUploadPath == '') {
alert("Please upload an video");
} else {
var Extension = FileUploadPath.substring(FileUploadPath.lastIndexOf('.') + 1).toLowerCase();
if (Extension == "gif" || Extension == "png" || Extension == "bmp"|| Extension == "jpeg" || Extension == "jpg") {
if (input.files) {
var filesAmount = input.files.length;
for (i = 0; i < filesAmount; i++) {
var reader = new FileReader();
reader.onload = function(e) {
$("#accident_img_gallery").prepend('<div class="ac_photo_box"><div class="ac_img pre_img"><div class="upload-btn-wrapper" style="padding:0"><img id="blah_img" src="'+ e.target.result +'" alt="" width="91px" height="92px"/></div></div></div>');
}
reader.readAsDataURL(input.files[i]);
}
}
}
else
{
$.alert({
type: 'red',
title: 'Alert!',
content: 'Thumbnail only allows image file types - GIF, PNG, JPG, JPEG. ',
});
$("#accident_img").val('');
}
}
}
$("#accident_img").change(function(){
readURLM(this,'div.accident_img_gallery');
});
//*************** Sreela (31/10/19) For Accident Images upload end ****************************/
</script>
<script>
//*************** Sreela (31/10/19) For Accident Images upload validation ****************************/
function validate(){
var carno_plate_img = $('#carno_plate').val();
var dr_licence_img = $('#dr_licence_front_file').val();
var dr_licence_back_img = $('#dr_licence_back_flie').val();
var accident_media_id = $('#accident_media_id').val();
var img_cnt = 0;
if(carno_plate_img == ""){
img_cnt++;
$.alert({
type: 'red',
title: 'Alert!',
content: 'Please upload image of car no plate'
});
}
if(dr_licence_img == ""){
img_cnt++;
$.alert({
type: 'red',
title: 'Alert!',
content: 'Please upload front image of driving licence'
});
}
if(dr_licence_back_img == ""){
img_cnt++;
$.alert({
type: 'red',
title: 'Alert!',
content: 'Please upload back image of driving licence'
});
}
if(accident_media_id == ''){
img_cnt++;
if($('#accident_img')[0].files.length === 0){
$.alert({
type: 'red',
title: 'Alert!',
content: 'Please Select at least one accident image!'
});
$('#accident_img').focus();
}
}
if(img_cnt != 0){
return false;
}
}
//*************** Sreela (31/10/19) For Accident Images upload validation end ****************************/
</script>
<script>
function show1(){
document.getElementById('div1').style.display ='none';
}
function show2(){
document.getElementById('div1').style.display = 'block';
}
$(document).on('click',".owner_drv_flag",function(){
if($(this).val() == 2){
$(this).closest('.owner_type_div').find('.driver_details').show();
}
else{
$(this).closest('.owner_type_div').find('.driver_details').hide();
}
});
$(document).on('change',".is_police_attended",function(){
var pc_attn = $(this).val();
if(pc_attn == "0"){
$("#pc_detail").hide();
}
else{
$("#pc_detail").show();
}
});
$(document).on('change','#no_of_car',function(){
var no_of_car = $(this).val();
$.ajax({
type: "POST",
url: '<?php echo base_url('admin/settings/AddMoreAccdInvolCar')?>',
data:{no_of_car : no_of_car},
dataType:'json',
success: function(response){
$("#more_accd_invol_car").html(response['html']);
},
error:function(response){
alert("error");
}
});
})
$(document).on('click','.delete_pro',function(){
if(confirm("Are you sure do you want to delete ?")){
$(this).parent().parent().remove();
var count = $('.colorchoose').children().length;
if(count >= 1){
$('#action-upl-file').show();
}else{
$('#action-upl-file').hide();
$('#saveBtn').show();
}
}
return false;
});
function validateNumber(mobnumber) {
var filter = /^(\d{3})(\d{3})(\d{4})$/;
if (filter.test(mobnumber)) {
return true;
} else {
return false;
}
}
$(document).on('keyup','.mobileNO',function(){
var mobile_no = $(this).val();
if(!validateNumber(mobile_no)){
$(this).next('span').html('Please enter a valid mobile no.');
$(this).next('span').css({'color':'red','font-size':'12px'});
}
else{
$(this).next('span').html('');
}
});
</script>