EVOLUTION-NINJA

Edit File: Payment_entry.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">
        </div>
        <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Accounts</a></li>
          <li class="breadcrumb-item"><a href="#">Collections</a></li>
          <li class="breadcrumb-item"> Payment Entry </li>
        
        </ol>
        </div> 
      </div> 
      </div>
    </div>
   <div class="row">
    <div class="col-md-12 grid-margin stretch-card">
      <div class="card">
        <div class="card-body">
        	 <form id="add_sales_details" class="form_submit">
            <div class="row" style="background-color:#f8f8f8;padding-top: 10px;padding-bottom: 10px;">
                  <div class="col-sm-12 col-md-3">
                     <label>Layout</label>
                       <select type="text" name="layout_id" class="form-control layout_id" required="" id="layout_id">  
                        <option value="">Select</option>
                          <?php foreach($result_layout as $key => $value) { ?> 
                        <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option>
                          <?php } ?>
                      </select>
                  </div>
                  <div class="col-sm-12 col-md-3" id="site_div">
                    
                  </div>
                  
                  </div>
               
                <br/>
                <div class="row">
                	<div class="form-check-inline">
			            <label class="form-check-label">
			              <input type="radio" class="form-check-input"  name="optradio" value="without_tax" onclick="planningtypes('without_tax')">Without Tax
			            </label>
			          </div>
			       
			          <div class="form-check-inline">
			            <label class="form-check-label">
			              <input type="radio" class="form-check-input"  name="optradio" value="tax" onclick="planningtypes('tax')">Tax
			            </label>
			          </div>
			      </div>
			      <br/>
                	 <div id="without_tax">
			          <div id ="jaytab1" style="margin-top:3%" class="grid table-responsive">
			          <table id="list2"></table>
			          <div id="pager2"></div>
			          <div id="dialogSelectRow" title="Warning" style="display:none">
			          <p>Please select row</p>
			          </div>
			          </div>
			          </div>
			          <div id="tax" style="display:none">
			          <div id ="jaytab2" style="margin-top:3%" class="grid table-responsive">
			          <table id="list4"></table>
			          <div id="pager4"></div>
			          <div id="dialogSelectRow" title="Warning" style="display:none">
			          <p>Please select row</p>
			          </div>
			          </div>
			        </div>

<table class="table table-bordered without_template" style="width:100%; text-align: center;display: none;">
                <thead>
                  <tr style="background:#367fa9;color:#ffffff;">
                    <th style="width:100px;border-top: 1px solid #367fa9;">Sl.No</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th>
                     <th style="width:100px;border-top: 1px solid #367fa9;">Total Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Paid Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th> 
                    <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th>                
                  </tr>
                </thead>
                <tbody class="table_body">
               
                </tbody>
                
              </table>
              <table class="table table-bordered with_template" style="width:100%; text-align: center;display: none;">
                <thead>
                  <tr style="background:#367fa9;color:#ffffff;">
                    <th style="width:100px;border-top: 1px solid #367fa9;">Sl.No</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Level</th>
                     <th style="width:100px;border-top: 1px solid #367fa9;">Total Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Paid Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th>
                    <th style="width:100px;border-top: 1px solid #367fa9;">Payment</th> 
                    <th style="width:100px;border-top: 1px solid #367fa9;">Balance Amount</th>                
                  </tr>
                </thead>
                <tbody class="template_body">
               
                </tbody>
                
              </table>
	     
          <div class="row bank_details" style="display: none;">
            <div class="col-sm-2">
            </div>
            <div class="col-sm-4">
               <label>Bank Name</label>
               <select type="text" name="bank_name" class="form-control " required="">  
                <option value="">Select</option>
                  <?php foreach($result_bank as $key => $value) { ?> 
                <option value="<?php echo $value->id; ?>"><?php echo $value->bank_name;?></option>
                  <?php } ?>
              </select>
            </div>
            <div class="col-sm-4">
               <label>Payment Mode</label>
               <select type="text" name="payment_mode" class="form-control " required="" onchange="change_mode();">  
                <option value="">Select</option>
                  <?php foreach($result_payment as $key => $value) { ?> 
                <option value="<?php echo $value->id; ?>"><?php echo $value->bank_group_name;?></option>
                  <?php } ?>
              </select>
            </div>
            <div class="col-sm-2">
            </div>
          </div>

<div class="row payment_mode_amt" style="display: none;">
              <div class="col-sm-4">
              <div class="">
              <label >Payment Date</label>
              <input type="text" class="form-control pay_mode_date datepick2 " name="pay_mode_date" placeholder="Date"  required>
              </div>
              </div>
              <div class="col-sm-4">
              <div class="">
              <label>Payment Number</label>
              <input type="text" class="form-control pay_mode_no " name="pay_mode_no" placeholder="Ref. No"  >              
            </div>
              </div>
              <div class="col-sm-4">
              <div class="">
              <label >Payment Amount</label>
              <input type="text" class="form-control pay_mode_amt " name="pay_mode_amt" placeholder="Amount" readonly>
              </div> 
              </div>  
          </div>
          <br/>
          <br/>
          <div class="row">
             <div class="col-sm-5">
             </div>
  	        <div class="col-sm-3">
              <button type="submit" class="btn btn-primary">Submit</button>
              <button type="reset" class="btn go_back">Cancel</button>
            </div>
            <div class="col-sm-4">
             </div>
          </div>
        </form>
            </div>

<div class="modal-content ">
      <div class="modal-header">
         <h3 class="modal-title pull-right">Follow up</h3>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
       
      </div>
      <form method="post" class="add_forms">
      <div class="modal-body">
       
        <p><b>Customer : </b><b id="customer_name"></b>
          <span style="padding-left: 175px;">
            <b>Contact No : </b>
            <b id="contact_no"></b>
          </span>
          <span style="float: right;">
            <b>Email ID : </b>
            <b id="email"></b>
          </span>
        </p>

<div id ="jaytab" style="margin-top:3%" class="grid table-responsive">
          <table id="list3"></table>
          <div id="pager3"></div>
          <div id="dialogSelectRow3" title="Warning" style="display:none">
            <p>Please select row</p>
          </div>
        </div>
        
      
        <hr>

<h5>Add followup</h5>
        <div class="row">
          <div class="col-sm-6">
            <label for="name">Progress</label>
            <div class="form-group">
              
                <select type="text" name="progress" class="form-control progress_type" required="" id="progress">  
                  <option value="">Select</option>
                  <option value="Loan Followup ">Loan Followup </option>
                  <option value="Registration">Registration</option>
                  <option value="Records">Records</option>
                  <option value="Architecture ">Architecture </option>
                  <option value="Building Agreement">Building Agreement 
                  </option><option value="Execution">Execution</option>
                  <option value="House Service ">House Service</option>
                  <option value="Layout Service">Layout Service</option>
                  <option value="Customer Visit">Customer Visit</option>
                  <option value="Finalized Reject">Finalized Reject</option>
                  <option value="Recovery">Recovery</option>
                  <option value="Payment">Payment</option>
                </select>
              </div>
          </div>
          <div class="col-sm-6">
            <label for="name">Layout Name</label>
            <div class="form-group">
              
               <!--  <select type="text" name="" class="form-control booking_layout_id" required="" id="layout_idsss" disabled="">  
                  <option value="">Select</option>
                    <?php foreach($result_layout as $key => $value) { ?> 
                  <option value="<?php echo $value->id; ?>"><?php echo $value->layout_name;?></option>
                    <?php } ?>

</select> -->
                  <input type="text" name="" class="form-control layout_name" readonly="">
                   <input type="hidden" name="layout_name" class="layout_id form-control">
              </div>
          </div>
        
          <div class="col-sm-6 followup_date">
            <div class="form-group">
              <label for="name">Follow Date :</label> 
              <input type="text" name="follow_date" class="date form-control date-picker date-picker1 datepick2"  autocomplete="off"  required id="follow_date">
              <input type="hidden" name="customer_id" class="customer_id form-control">
       
            </div>
          </div>
          <div class="col-sm-6">
            <label for="name">Site No</label>
            <div class="form-group">
                <input type="text" name="" class="form-control site_no" readonly="">
                <input type="hidden" name="site_no" class="site_id form-control">
              </div>
          </div>
          </div>
          <div class="row">
           
            
            <div class="col-sm-6">
              <label for="name">Assign Employee</label>
              <div class="form-group">
                <select name="employee" class="form-control employee_name"  id="employee" required>
                  <option value="">Select</option>
                  <?php foreach($employee_type as $key => $value) { ?> 
                  <option value="<?php echo $value->emp_id; ?>"><?php echo $value->full_name;?> <?php echo $value->last_name;?> </option>
                  <?php } ?> 
                </select> 
              </div>
            </div>

<div class="col-sm-6">
            <div class="form-group">
               <label for="name">Department</label>
               <input type="text" class="form-control" name="department" id="department_name" readonly="" required="">
                <input type="hidden" name="department_id" id="department_id">
            </div>
          </div>
          <div class="col-sm-12">
              <div class="form-group">
                <label for="name">Description :</label>
                  <textarea name="description" name="description" class="date form-control" id="description" required="required" ></textarea>
              </div>
            </div>

</div>

</div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary add">Submit</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </form>
    </div>

</div>
</div>
</div>
            </div>
          </div>
        </div>
      </div>
<script type="text/javascript">
 $('.add_forms').submit(function(e)
  {

e.preventDefault();

$("#loading").show();

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

$.ajax({

type   : 'post',
            url    : '<?php echo site_url("add-payment-followups")?>',
            data   : formdata,
            contentType: false,
            processData: false,
                                      
              success:function(response){
              response=jQuery.parseJSON(response);
              console.log(response);

if(response.result==1)
                {
                  
                  toastr["success"](response.message);
                  $('.add_forms')[0].reset();
                  $(".submit").text("Submit");    
                  $(".submit").removeAttr('disabled'); 
                  $("#myModal").modal("hide"); 
                  $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid'); 
                  location.reload();  
                }
                else 
                {
                  toastr["error"](response.message);                       
                  $(".submit").text("Submit"); 
                  $(".submit").removeAttr('disabled');          
                }
               
            }
            
      });
             
    });
$('.employee_name').change(function()
{
  var employee_name = $(this).val();
  $.ajax({
      type:'post',
      url:'<?php echo site_url('get-department-based-on-employee');?>',
      data:{'employee_name':employee_name},
      success:function(response){
      response=jQuery.parseJSON(response);

if(response.result==1)
      {

$('#department_name').empty();
        $('#department_id').empty();
        $('#department_name').val(response.message.dept_name);
        $('#department_id').val(response.message.id);
            
       }
       else
       {
          $('#department_id').empty();
          toastr["error"](response.message);  
       }
      }
    });
});

$('.progress_type').change(function()
{
   var type = $(this).val();
  if(type == "Finalized Reject")
  {
   
    $('.date-picker').removeAttr('required');
    $('.followup_date').hide();
  }
  else
  {
     $('.date-picker').prop('required',true);
    $('.followup_date').show();
  }
}); 
function change_mode()
{
  var pay_mode = $('.pay_mode').val();

if(pay_mode != "")
  {
    $('.payment_mode_amt').show();
  
  } 
 
}

var sum=0;
      $('.payment').each(function(i,val){
        if($(this).val()!=''){
          m=$(this).val();
          m=parseFloat(m);
          sum+=m;
        }
      });

sum = parseFloat(sum);
$('.pay_mode_amt').val(sum);

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

$('#add_sales_details').submit(function(e){
      e.preventDefault();
      formdata = new FormData($(this)[0]);
      swal({

title: "Are you sure?",
        text: "You want to Save this?",
        type: "warning",   showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "Yes!",
        cancelButtonText: "No, cancel plz!",
        closeOnConfirm: false,
        closeOnCancel: false 
        },
      function(isConfirm){

if (isConfirm) {

$(".sweet-alert").hide();
        $(".sweet-overlay").hide();
      
            $.ajax({
                type : 'post',
                url  : "<?php echo site_url('add-payment-entry');?>",
                data : formdata,
                contentType: false,
                processData: false,
                success:function(response) {
                  response=jQuery.parseJSON(response);
                  console.log(response);
                  if(response.result==1)
                  {

}
                     
                  } 
                  else
                  {
                    toastr["error"](response.message);
                  }

}
            });
        } 
        else 
        {
          $(".sweet-alert").hide();
          $(".sweet-overlay").hide();
        }
      });

});  
 $('.layout_id').change(function()
{
   
    var id = $(this).val();
    
    $.ajax({
                        
      type:'post',
      url:'<?php echo site_url('get-saled-sites-based-on-layout');?>',
      data:{'layout_id':id},
      success:function(response){
      response=jQuery.parseJSON(response)

if(response.result==1)
          {
            
              var con1 = '';
              con1 += '<label for="name">Site No</label>';
              con1 += '<select type="text" class="form-control site_list" name="site_id">';
              con1 += '<option value="">Select</option>';
              $.each( response.sites, function( key, value2 ) {

con1+='<option value="'+value2.id+'" >'+value2.site_no+'</option>';
              });
              con1 += '</select> ';

$('#site_div').empty();
              $('#site_div').append(con1);
          }
          else
          {
             $('#site_div').empty();
            toastr["error"](response.message);      
          }
    }
    });

});

function planningtypes(id)
{
   var paid_amount = []; 
   var level_id = [];

var radioValue = $("input[name='optradio']:checked").val();
  
  var site_id = $('.site_list').val();
  var layout_id = $('.layout_id').val();

$.ajax({

url:"<?php echo site_url("get-payment-amount-based-layout-site")?>",
        type:"post",
        data:{'site_id':site_id,'layout_id':layout_id,'tax_type':radioValue},
        success:function(response) 
        {

response=jQuery.parseJSON(response);
          console.log(response);
          if(response.result == 1) 
          {
              $('.bank_details').show();
              $('.with_template').show();
              $('.without_template').hide();
               var content='';
              $.each(response.message,function(key, value3)
              {
                 
                  if(radioValue == "without_tax")
                  {
                    if(value3.without_tax_paid_amount == undefined)
                    {
                      var paid_amount = 0; 
                      var balance = 0; 
                    }
                    else
                    {
                        var paid_amount = value3.without_tax_paid_amount; 
                        var balance = value3.balance;
                        var edit_id = value3.id; 
                    }
                    
                    var sl_no = key+1;
                    
                   
                      content += '<tr>';

content += '<td style="width:15%;"><input type="hidden" class="" name="template_id[]" value="'+value3.id+'"><input type="hidden" class="" name="tax_type" value="'+radioValue+'">'+sl_no+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="" name="level_id[]" value="'+value3.level_id+'"><input type="hidden" class="" name="edit_id[]" value="'+edit_id+'">'+value3.level_name+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="total_payment_amount'+key+'" name="total_amount[]" value="'+value3.total_payment_amount+'">'+value3.total_payment_amount+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="paid_amount'+key+'" name="paid_amount[]" value="'+paid_amount+'">'+paid_amount+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="balance_amount'+key+'" name="prev_balance[]" value="'+balance+'">'+balance+'</td>';

if(paid_amount == value3.total_payment_amount)
                      {
                        content += '<td style="width:15%;"><input type="hidden" name="payment_given[]" class="number payment payment_given'+key+'" value="0">0</td>';
                        content += '<td style="width:15%;"><input type="hidden" name="total_balance[]" class="total_balance'+key+' final_amt" value="0">Amount Already Received</td>';
                      }
                      else
                      {
                        content += '<td style="width:15%;"><input type="text" name="payment_given[]" class="number payment payment_given'+key+'" onkeyup="payment_given('+key+')"></td>';
                        content += '<td style="width:15%;"><input type="text" name="total_balance[]" class="total_balance'+key+' final_amt" readonly></td>';
                      }
                      
                      content += '</tr>';
                   
                  }
                  else if(radioValue == "tax")
                  {
                    var sl_no = key+1;
                    if(value3.tax_paid_amount == undefined)
                    {
                      var paid_amount = 0; 
                      var balance = 0; 
                    }
                    else
                    {
                        var paid_amount = value3.tax_paid_amount; 
                        var balance = value3.balance;
                         var edit_id = value3.id;  
                    }
                      content += '<tr>';

content += '<td style="width:15%;"><input type="hidden" class="" name="template_id[]" value="'+value3.id+'"><input type="hidden" class="" name="tax_type" value="'+radioValue+'"><input type="hidden" class="" name="edit_id[]" value="'+edit_id+'">'+sl_no+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="" name="level_id[]" value="'+value3.level_id+'">'+value3.level_name+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="total_payment_amount'+key+'" name="total_amount[]" value="'+value3.percentage+'">'+value3.percentage+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="paid_amount'+key+'" name="paid_amount[]" value="'+paid_amount+'">'+paid_amount+'</td>';

content += '<td style="width:15%;"><input type="hidden" class="balance_amount'+key+'" name="prev_balance[]" value="'+balance+'">'+balance+'</td>';

if(paid_amount == value3.percentage)
                      {
                        content += '<td style="width:15%;"><input type="hidden" name="payment_given[]" class="number payment payment_given'+key+'" value="0">0</td>';
                        content += '<td style="width:15%;"><input type="hidden" name="total_balance[]" class="total_balance'+key+' final_amt" value="0">Amount Already Received</td>';
                      }
                      else
                      {
                        content += '<td style="width:15%;"><input type="text" name="payment_given[]" class="number payment payment_given'+key+'" onkeyup="payment_given('+key+')"></td>';
                        content += '<td style="width:15%;"><input type="text" name="total_balance[]" class="total_balance'+key+' final_amt" readonly></td>';
                      }
                      
                      content += '</tr>';
                  }
                  $(document).ready(function () {
                       
                        $('.number').keypress(function(event) {
                    if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                      event.preventDefault();
                    }
                  });
                });
            });
            $('.template_body').empty();
            $('.template_body').append(content);
         
          }
        }
      });

$.ajax({
      type:'post',
      url:'<?php echo site_url('get-customer-for-payment-entry');?>',
      data:{'layout_id':layout_id,'site_id':site_id},
      success:function(response){
      response=jQuery.parseJSON(response);

if(response.result==1)
      {  
      
        $('#customer_name').empty();
        $('#customer_name').text(response.customer.name);
        $('.customer_id').val(response.customer.customer_id);
        $('#contact_no').text(response.customer.phone);
        $('#email').text(response.customer.email);
        $('.layout_id').val(response.customer.layout_name_id);
        $('.site_id').val(response.customer.site_no_id);
        $('.site_no').val(response.customer.site_no);
        $('.layout_name').val(response.customer.layout_name);
        var id = response.customer.customer_id;
        load_grid(id);
            
       }
       else
       {
          $('#customer_name').empty();
          toastr["error"](response.message);  
       }
      }
    });

}

$(document).on('focusout','.payment',function(e)
  {
      var sum=0;
      $('.payment').each(function(i,val){
        if($(this).val()!=''){
          m=$(this).val();
          m=parseFloat(m);
          sum+=m;
        }
      });

sum = parseFloat(sum);

$('.pay_mode_amt').val(sum);
  });
  function payment_given(id)
  {
  	
  	var remaining_payment=parseFloat($('.balance_amount'+id).val());

if(remaining_payment == 0)
    {
      var remaining_payment_amt = $('.total_payment_amount'+id).val();

}
    else
    {
      var remaining_payment_amt = $('.balance_amount'+id).val();
    }
    
    
   
  	var payment = $('.payment_given'+id).val();
    var total = parseFloat(remaining_payment_amt)-parseFloat(payment);
    $('.total_balance'+id).val(total);
    /*if(remaining_payment_amt>=payment)
    {*/
      /*var total = parseFloat(remaining_payment_amt)-parseFloat(payment);*/
    /*}*/
    /*else
    {
      toastr['error']("Payment amount exceeded than Actual Payment");
    }*/

$('.s_amt').val(total);
  }
  function document_amount()
  {
  	var stamp_amount=parseFloat($('.document_amount').val());
  	var payment = $('.d_payment').val();
    if(stamp_amount>=payment)
    {
      var total = parseFloat(stamp_amount)-parseFloat(payment);
    }
    else
    {
      toastr['error']("Payment amount exceeded than Actual Payment");
    }

function load_grid(id)
{
    
   
    $("#list3").setGridParam(
    {
      url:"<?php echo site_url('payment-followup-list/')?>"+id,   
        page:1
    }
    ).trigger("reloadGrid");//Reload grid trigger
    $("#list3").setGridParam({datatype:'json', page:1}).trigger('reloadGrid');
    return false
}

$("#list3").jqGrid({
    url:"<?php echo site_url('payment-followup-list/0')?>",   
    mtype : "get",   
    datatype: "json", 
    colNames:['id','Description','Follow Date','Progress','Employee','Department','Layout Name','Site No','Created By','Created At','Created Time'],
    colModel:[
               {name:'id',index:'id', width:100, hidden:true,editable:false,key:true},
            {name:'description',index:'description', width:300, hidden:false,editable:false},
            {name:'follow_date',index:'follow_date', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }},
            {name:'progress',index:'progress', width:250, hidden:false,editable:false},
            {name:'employee',index:'employee', width:250, hidden:false,editable:false},
            {name:'department',index:'department', width:300, hidden:false,editable:false},
            {name:'layout_name',index:'layout_name', width:100, hidden:false,editable:false},
            {name:'site_no',index:'site_no', width:100, hidden:false,editable:false},
            {name:'name',index:'name', width:100, hidden:false,editable:false},
            {name:'created_at',index:'created_at', width:100, hidden:false,editable:false,formatter: 'date', formatoptions: { newformat: 'd-m-Y' }},
            {name:'created_time',index:'created_time', width:100, hidden:false,editable:false},
             ],

rowNum:20,
    rowTotal: 2000,
    rowList : [20,30],
    rownumbers: true,
    //rownumWidth: 60,
    pager:"#pager3", 
    sortname:'id', 
    viewrecords: true,
    gridview: true,
    // autowidth: true,
    sortorder:"asc",
    shrinkToFit: true,
    loadonce:true,
    autoencode: true,
    caption:"Customer Enquiry List",
  });

$("#list3").jqGrid("setLabel", "rn", "SL");
    $("#list3").jqGrid('filterToolbar',{searchOperators : false}); //for multisearch code,remove if not required

$("#list3").jqGrid('navGrid','#pager3',
      {edit:false,add:false,del:false,search:false,refreshstate:"current"},
      { },
      { },
      { }, 
      {
      sopt:['eq', 'ne', 'lt', 'gt', 'cn', 'bw', 'ew'],
      closeOnEscape: true, 
      multipleSearch: true, 
      closeAfterSearch: true,
      closeAfterDelete:true,
      closeAfterEdit:true
      },
    );

</script>
 
<style type="text/css">

.content-wrapper {
    max-width: 1460px !important;
}
.row-form {
  width:100%;
}
.form_submit label{
  padding-top: 20px;
}
 #ui-id-1{
  margin-left: 1128px;
  width: 190.859px;
  margin-top: 218px;

}
 #search{
  margin-right: 30px;
 }
</style>
<style type="text/css">
  .midd{
    background: gray;
    margin-bottom: 20px;
  }
  .midd p{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center !important; 
    color: white;
  }
  #modal_input{
       height: 48px;
      }
      #btn{
        color:#D9554B;
      }
      .modal-header{
  padding: 10px 26px !important;
}
.modal-body {
    padding: 0px 26px  !important;
}
.modal-footer {
    padding: 10px 31px !important;
    justify-content: center !important;
}
pre {

background-color: transparent;

border: 1px solid transparent;

line-height: 1.6;

text-align: justify;

}

.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {

border-color: #FF0000;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);

}
.modal-content{
  width: 150%;
  background: aliceblue;

.midd{
    background: gray;
    margin-bottom: 20px;
  }
  .midd p{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center !important; 
    color: white;
  }
</style>
<style type="text/css">
pre {
    background-color: transparent;
    border: 1px solid transparent;
    line-height: 1.6;
    text-align: justify;
}
    
.form-control:focus, input[type="Submit"]:focus, input[type="button"]:focus {
  border-color: #FF0000;

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
</style>
      
<?php $this->load->view('includes/footer'); ?>