EVOLUTION-NINJA
Edit File: associative_executive_logistic_form.php
<?php echo view('includes/header');?> <section class="content-header"> <h1> Associate / Executive / Logistic form </h1> </section> <!--- section 1 ----> <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> <!-- row 1----> <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> <!-- row 2----> <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> <!-- row 3----> <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> <!-- row 4----> <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> <!-- row 5----> <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> <!-- row 5----> <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> <!-- row 1----> <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> <!-- row 5----> </form> <!---- form End ----> </div> <!--- col-sm-8 ----> </div> <div class="col-sm-0 col-md-2"></div> </section> <!--- section 2 ----> <style type="text/css"> a{ color: inherit; } </style> <script type="text/javascript"> $('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');?>