EVOLUTION-NINJA

Edit File: associative_executive_logistic_form.php

<?php echo view('includes/header');?>

<h1> Associate / Executive / Logistic form </h1>

</section>

<section class="content">				
				<div class="col-sm-12 col-md-10">
					<form id="logistic" class="form-inline broker_form" enctype="multipart/form-data">
						<div class="row" style="padding-bottom:20px; padding-top:10px;">
							<div class="col-sm-0 col-md-3"></div>
							<div class="col-sm-12 col-md-6">
								<label class="radio-inline"><input type="radio" value="Executives" name="type">Executives</label>
								<label class="radio-inline"><input type="radio" value="Associate" name="type">Associate</label>
								<label class="radio-inline"><input type="radio" value="Sub Associate" name="type">Sub Associate</label>
								<label class="radio-inline"><input type="radio" value="Logistic" name="type">Logistic</label>
							</div>
							<div class="col-sm-0 col-md-3"></div>
						</div> 
						
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Name or ID</label>
								<input type="text" class="form-control col-sm-8" name="name_or_id">
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Name</label>
								<input type="text" class="form-control col-sm-8" pattern="^[a-zA-Z\s]*$" name="associate_name" required="required">
							</div>
						</div> 
						
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Address</label>
								<input type="text" class="form-control col-sm-8" name="address">
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 ">Mail Id</label>
								 <input type="email" class="form-control col-sm-8" name="email" pattern="[A-Za-z0-9._%+-]{3,}@[a-zA-Z]{3,}([.]{1}[a-zA-Z]{2,}|[.]{1}[a-zA-Z]{2,}[.]{1}[a-zA-Z]{2,})">
							</div>								
						</div> 
						
						<div class="row land_owner_a">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Contact No</label>
								<input type="text" pattern="[6789][0-9]{9}" class="form-control col-sm-8" name="mobile" style="width: 29% !important; margin-right:10px;" required="required">
								<input type="text" class="form-control col-sm-8 col-xs-6" pattern="^[0-9]{10}$" name="mobile2" style="width: 29% !important;">
							</div>
							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Reference Details</label>
								<input type="text" class="form-control col-sm-8" name="reference_details">
							</div>													
						</div> 
						
						<div class="row land_owner_a">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">PAN No</label>
								<input type="text" class="form-control col-sm-8" pattern="[a-zA-Z0-9]{10}$" name="pan_number">
							</div>
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Adhar No</label>
								<input type="text" class="form-control col-sm-8" pattern="[0-9]{12}" name="adhar_number">
							</div>											
						</div>

<div class="row land_owner_a">							
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4 col-md-4">Scan copy</label>
								 <input  type="file" class="col-sm-8 text-center center-block well well-sm" name="scan_copy">
							</div>					
						</div> 
						
						<hr/>
						
						<div class="row land_owner_a for_executive" style="display:none">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Basic Target (Sqft)</label>
								<input type="text" class="form-control col-sm-8" name="basic_target">
							</div>
							
    						<div class="row land_owner_a" style="padding-bottom:20px; padding-top:10px;">
    							<div class="col-sm-12 col-md-6">
    								<label class="radio-inline"><input style="width:auto !important; height:auto !important;" type="radio" value="incentive_in_percentage" name="incentive_type">In Percentage</label>
    								<label class="radio-inline"><input style="width:auto !important; height:auto !important;" type="radio" value="incentive_in_rs" name="incentive_type">In Rupees</label>
    							</div>
    						</div> 
							
							<div class="form-group col-sm-12 col-md-6 incen_per" style="display:none;">
								<label class="col-sm-4 ">Incentive(%)</label>
								 <input type="number" class="form-control col-sm-12" name="incentive_in_percentage">
							</div>	
							
							<div class="form-group col-sm-12 col-md-6 incen_rs" style="display:none;">
								<label class="col-sm-4 ">Incentive(In Rs)</label>
								<input type="number" class="form-control col-sm-12"  name="incentive_in_rs">
							</div>
						</div> 
						
						<div class="row land_owner_a for_logistic" style="display:none">
							<div class="form-group col-sm-12 col-md-6">
								<label class="col-sm-4">Incentive Amount (Rs)</label>
								<input type="text" class="form-control col-sm-8" name="incentive_target">
							</div>
							
						</div> 
						
						<div class="row land_owner_a">
							<div class="col-sm-4 col-md-4"></div>
							<div class="col-sm-4 col-md-4">
								<button type="submit" class="btn btn-primary center-block submit">Submit</button>
							</div>
							<div class="col-sm-4 col-md-4"></div>													
						</div> 
					
					</form>
					
					
					
					
				</div>

</div>

$('input[name=type').change(function()
{
    var value = $( 'input[name=type]:checked' ).val();
    if(value == "Logistic")
    {
        $('.for_logistic').show();
        $('.for_executive').hide();
    }
    else if(value == "Executives")
    {
        $('.for_executive').show();
        $('.for_logistic').hide();
    }
});

$('input[name=incentive_type').change(function()
{
    var value = $( 'input[name=incentive_type]:checked' ).val();
    if(value == "incentive_in_percentage")
    {
        $('.incen_per').show();
        $('.incen_rs').hide();
    }
    else if(value == "incentive_in_rs")
    {
        $('.incen_rs').show();
        $('.incen_per').hide();
    }
});

$(document).ready(function(){

var datatable;
	var tbody = $('#table_body');
		datatable = $('.table').DataTable({
			"scrollY": 350,
			"scrollX": true
		});

$('.broker_form').submit(function(e){    
        e.preventDefault();

formdata = new FormData($(this)[0]);

$(".submit").attr('disabled', 'disabled');
        $(".submit").text("Submitting...");

var radio = $("input[type='radio']");

if(radio.is(":checked"))
           {
           		$.ajax({
	                type   : 'post',
	                url    : '<?php echo site_url("add-brokers")?>',
	                data   : formdata,
	                contentType: false,
	                processData: false,
	                                          
	                  success:function(response){
	                  //response=jQuery.parseJSON(response);
	                  console.log(response);

if(response.result==1)
	                    {
		                    toastr["success"](response.message);
		                    $('.broker_form')[0].reset();
		                    $(".submit").text("Submit");
		                    $(".submit").removeAttr('disabled');
	                    }
	                    else if(response.result==2)
	                    {
		                    toastr["error"](response.message);    
		                    $(".submit").text("Submit"); 
		                    $(".submit").removeAttr('disabled');                   
	                    }
	                    else 
	                    {
		                    toastr["error"](response.message);                       
			                $(".submit").text("Submit");
			                $(".submit").removeAttr('disabled');                       
	                    }
	                   
	                }
                
         		});
           }

else
           {
           		$(".submit").text("Submit");
 				toastr["error"]("Select atleast one type");
 				$(".submit").removeAttr('disabled');
           }
     
     });
	
 });

</script>

<?php echo view('includes/footer');?>