EVOLUTION-NINJA

Edit File: edit_customer_agreement_details.php

<?php $this->load->view('includes/header'); ?>

<div class="content-wrapper"> 
    
    <div class="content-header">
      <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
       
       <?php $id = $this->session->userdata('id');?>
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">HR</a></li>
          <li class="breadcrumb-item active">Customer Sale Agreement</li>
        </ol>
        </div> 
      </div> 
      </div> 
    </div>

<div class="container">
        
        <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
            <div class="col-sm-6">
                <span style="font-size:25px;">Customer Sale Agreement</span>
            </div>
            
        </div>

</div> 
    
     
      <section class="content">

<div class="card">
            <div class="card-body">
                <div class="row">
                  <div class="container" style="padding-top:1%;">
                    <form class="form_submit" enctype="multipart/form-data" style="padding-top:1%; !important;">
                      <input type="hidden" class=""  name="site_id" value="<?php echo $this->uri->segment(2); ?>">

<div class="row" style="padding-bottom: 10px;">
                      <div class="col-sm-4">
                          <label>Absolute sale executed Date </label>
                      </div>
                      <div class="col-sm-4">
                    
                      <input type="text" class="saledeed_date form-control" name="saledeed_date" id="datepick1" >
                    </div>
                    <div class="col-sm-2"></div>
                  </div>
                    <div class="row">
                      <div class="col-sm-4">
                         <label>vide allotment letter Date</label>
                      </div>
                    <div class="col-sm-4">
                     
                        <input type="text" class="allotment_Date form-control" name="allotment_Date"  id="datepick2">
                    </div>
                    <div class="col-sm-4"></div>
                  </div>

<div class="form-check-inline">
                    <label class="form-check-label">
                      <input type="radio" checked class="form-check-input" id="todays" name="optradio" value="todays" onclick="planningtypes('single_account')">Single Registration
                    </label>
                  </div>
                  <div class="form-check-inline">
                    <label class="form-check-label">
                      <input type="radio" class="form-check-input" id="todays" name="optradio" value="todays" onclick="planningtypes('joint_account')">Joint Registration
                    </label>
                  </div>
                <br/>
                  <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;">
                        <label>Sri</label>
                        <input type="radio" class="mr_gender" name="gender" value="Sri">
                        <label>Smt</label>
                        <input type="radio" class="ms_gender" name="gender"  value="Smt">
                        
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                   
                  <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;">
                        <label>S/o</label>
                        <input type="radio" class="s_family_gender" name="family_gender" value="S/o">
                        <label>W/o</label>
                        <input type="radio" class="w_family_gender" name="family_gender"  value="W/o">
                         <label>D/o</label>
                        <input type="radio" class="d_family_gender" name="family_gender"  value="D/o">
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                  <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;padding-bottom: 20px;">
                        <label>Sri</label>
                        <input type="radio" class="mr_family_type" name="family_type" value="Sri">
                        <label>Smt</label>
                        <input type="radio" class="ms_family_type" name="family_type"  value="Smt">
                        
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                  <div class="row" style="padding-bottom: 10px;">
                    <div class="col-sm-3">
                        <label>Family Member Name</label>
                    </div>
                    <div class="col-sm-2">
                        <textarea name="family_name" class="family_name"></textarea>
                    </div>
                  </div>
              
                <div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-3">
                      <label>Age</label>
                  </div>
                  <div class="col-sm-2">
                      <input type="text" class="age form-control" name="age" >
                  </div>
                  <div class="col-sm-7"></div>
                </div>

<div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-3">
                      <label>Adress</label>
                  </div>
                  <div class="col-sm-3">
                  
                    <textarea name="booking_adress"  class="adress" rows="4" cols="40"></textarea>
                  </div>
                  <div class="col-sm-6">
                    
                  </div>
                </div>
                 </div>

<div class="col-sm-6 joint_div" style="padding-left: 20px; display: none;">
                <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;">
                        <label>Sri</label>
                        <input type="radio" class="mr_gender2" name="gender2" value="Sri">
                        <label>Smt</label>
                        <input type="radio" class="ms_gender2" name="gender2"  value="Smt">
                        
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                  <div class="row">
                    <div class="col-sm-3">
                        <label>Joint Holder Name</label>
                    </div>
                    <div class="col-sm-4">
                        <input type="text" name="cust_name" class="cust_name form-control">
                    </div>
                  </div>
                  <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;">
                        <label>S/o</label>
                        <input type="radio" class="s_family_gender2" name="family_gender2" value="S/o">
                        <label>W/o</label>
                        <input type="radio" class="w_family_gender2" name="family_gender2"  value="W/o">
                         <label>D/o</label>
                        <input type="radio" class="d_family_gender2" name="family_gender2"  value="D/o">
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                  <div class="row">
                     <div class="col-sm-4" style="padding-top: 20px;padding-bottom: 20px;">
                        <label>Sri</label>
                        <input type="radio" class="mr_family_type2" name="family_type2" value="Sri">
                        <label>Smt</label>
                        <input type="radio" class="ms_family_type2" name="family_type2"  value="Smt">
                         
                    </div>
                    <div class="col-sm-8"></div>
                  </div>
                  <div class="row" style="padding-bottom: 10px;">
                    <div class="col-sm-3">
                        <label>Family Member Name</label>
                    </div>
                    <div class="col-sm-4">
                        <textarea name="family_name2" class="family_name2 form-control"></textarea>
                    </div>
                  </div>
              
                <div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-3">
                      <label>Age</label>
                  </div>
                  <div class="col-sm-2">
                      <input type="text" class="age2 form-control" name="age2" >
                  </div>
                  <div class="col-sm-7"></div>
                </div>

<div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-3">
                      <label>Adress</label>
                  </div>
                  <div class="col-sm-3">
                  
                    <textarea name="booking_adress2"  class="adress2" rows="4" cols="40"></textarea>
                  </div>
                  <div class="col-sm-6">
                    
                  </div>
                </div>
                <div class="row" style="padding-bottom: 10px;">
                    <div class="col-sm-3">
                        <label>Adhar No</label>
                    </div>
                    <div class="col-sm-4">
                        <input type="text" name="adhar_no" class="adhar_no form-control">
                    </div>
                  </div>
                  <div class="row" style="padding-bottom: 10px;">
                    <div class="col-sm-3">
                        <label>Pan No</label>
                    </div>
                    <div class="col-sm-4">
                        <input type="text" name="pan_no" class="pan_no form-control">
                    </div>
                  </div>

</div>

</div>  
                 <div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-12">
                 <table class="table table-bordered table-responsive" style="text-align: center;padding-bottom: 4%;">
                    <tr style="background:#367fa9;color:#ffffff;">
                      <td>Sale Price</td>
                      <td>Advance Amount</td>
                      <td>Balance Sale Consideration</td>
                    </tr>
                      <tbody class="">
                        <tr>
                          <td><input type="text"  name="sale_price"  class="sale_price form-control" onkeyup="cal()"></td>
                          <td><input type="text" name="advanced_amount"  class="advanced_amount form-control" onkeyup="cal()"></td>
                          <td><input type="text" name="balance"  class="balance form-control" readonly=""></td>
                        </tr>
                      </tbody>
                  </table>
                </div>
              </div>

<div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-2">
                       <label>Witness1</label>
                  </div>
                  <div class="col-sm-4">
                  
                    <textarea type="text" name="witness1"  class="witness1" rows="4" cols="40"></textarea>
                  </div>
                  <div class="col-sm-6">
                    
                  </div>
                </div>
                <div class="row" style="padding-bottom: 10px;">
                  <div class="col-sm-2">
                       <label>Witness2</label>
                  </div>
                  <div class="col-sm-4">
                  
                   <textarea type="text" name="witness2"  class="witness2" rows="4" cols="40"></textarea>
                  </div>
                  <div class="col-sm-6">
                    
                  </div>
                </div>

<div class="row justify-content-center" style="text-align: center; padding-top: 3%;">
                       <button type="submit" class="btn btn-primary submit">Submit</button>`
                       <a href="<?php echo site_url('loan-progress-list');?>"><button type="button" class="btn btn-secondary" style="margin-left: 15px;">Cancel</button></a>
                      
                     </div>
                  </form>
                </div>
                </div>

</div> 
        </div>

</section> 
      
    </div>

}

$('.form_submit').submit(function(e){  
  e.preventDefault();
     formdata = new FormData($(this)[0]);
        var totts=0;
          $('.edit_amount').each(function () {
          var totsss=$(this).val();
          if(totsss != "")
          {
            totts +=parseFloat(totsss);
          }
        });
        var total_amount = $('.total_amount').text();
     
        if(parseFloat(totts) > parseFloat(total_amount))
        {
    
          swal({   
        
                title: "Payments are Not Matched with Total Amount.",
                //text: "You want to Save this?",
                type: "warning",   showCancelButton: false,
                confirmButtonColor: "#DD6B55",
                confirmButtonText: "OK!",
                //cancelButtonText: "No, cancel plz!",
                closeOnConfirm: false,
                closeOnCancel: false 
            });
        }
        else
        {

$.ajax({
                type : 'post',
                url  : "<?php echo site_url('add-customer-agreement-details');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                  {
                    toastr["success"]("Added Successfully");
                    window.location.href="<?php echo site_url('loan-progress-list');?>";
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        }
        
});

}
            });

$('#datepick1').datepicker({
    format: "dd-mm-yyyy",
    //startDate: '-0m',
  }).on('changeDate', function(ev){
     $('#datepick1').datepicker('hide');
    });

$('#datepick2').datepicker({
    format: "dd-mm-yyyy",
    //endDate: '-0m',
  }).on('changeDate', function(ev){
     $('#datepick2').datepicker('hide');
    });
    
     $('#datepick3').datepicker({
    format: "dd-mm-yyyy",
    //endDate: '-0m',
  }).on('changeDate', function(ev){
     $('#datepick3').datepicker('hide');
    });

$('.add_more').click(function()
{
  var con = '';
  con+='<tr class="remove_input1">';
  con+='<td><input type="text" class="edit_amount"  name="amount[]" ></td>';
  con+='<td><input type="text" class=""  name="type[]" ></td>';
  con+='<td><input type="text" class=""  name="number[]" ></td>';
  con+='<td><input type="text" class="datepick5"  name="bank_date[]" id=""></td>';
  con+='<td><input type="text" class=""  name="bank_name[]" ></td>';
  con+='<td><input type="text" class=""  name="addres[]" ></td>';
  con+='<td><input type="text" class=""  name="loan_arranged_by[]" ></td>';
  con+='<td><button type="button" class="remove">-</button></td>';
  con+='</tr>';

$(document).ready(function () {
        $('.datepick5').datepicker({
          format: "dd-mm-yyyy",
         
        }).on('changeDate', function(ev){
           $('.datepick5').datepicker('hide');
          });
      });

$('.more').append(con);
});

$(document).on('click','.remove',function()
{
    $(this).closest('.remove_input1').remove();
  
});
/*$('.remove').click(function()
{
  var con = '';
  con+='<textarea style="width:-webkit-fill-available;height:70px" name="account_details"></textarea>';
  $('.more').append(con);
});*/

$('.amount').click(function(){  
    var sd=$(this).val();  
    sd=parseInt(sd);

$('.amount_in_words').val(words_string+ "Rupees Only");
  }

});

</script>

<?php $this->load->view('includes/footer'); ?>

.sqpading{
  padding-top: 45px;
  padding-bottom: 45px;
}  
@media only screen and (min-width: 320px) and (max-width: 640px){
    .sqpading{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}  
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.disabled {
    color: #d9dfea !important;
}

</style>