Draggable Jquery - Printable Version

PHP Code:
 <div class="col-lg-2 connectedSortable">
         <h3>Prospect</h3>
             <?php
    foreach($records as $row)
    { 
    ?>

          <div class="small-box bg-blue">

        
         
        <div class="box box-solid bg-blue ">
            <div class="box-header ui-sortable-handle" style="cursor: move;">
                <h3 class="box-title"><i class="fa fa-user"></i>Leads</h3><br>
                    <h4><?php echo $row->l_name;?></h4>
                    
          <input type="hidden" name="stage" value="<?php echo $row->l_id?>" >
            <a href="<?php echo base_url("admin/leads/leadsdashboard?ids=".$row->l_id); ?>" 
        class="pull-right bg-blue">&nbsp;More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
 
 </div>
            
          <?php if($this->session->flashdata('error')){?>
  <div class="alert alert-danger">
    <?php echo $this->session->flashdata('error')?> 
  <?php } ?>
 
  </div>
    

<?php } ?> 
             
        </div>     

    
      <div class="col-lg-2 connectedSortable">
     <h3>offer</h3>
                     <?php
    foreach($offer as $row)
    { 
    ?>
          <div class="small-box bg-aqua">

    
        <div class="box box-solid bg-aqua ">
            <div class="box-header ui-sortable-handle" style="cursor: move;">
                <h3 class="box-title"><i class="fa fa-user"></i>offer</h3><br>
                        <h4><?php echo $row->l_name;?></h4>
                    
          
            <a href="<?php echo base_url("admin/leads/leadsdashboard?ids=".$row->l_id); ?>" class="pull-right bg-aqua">&nbsp;More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
 
 </div>
            
    
 
             
        </div>    
            <?php }?>
        </div>  

    
       <div class="col-lg-2 connectedSortable">
     <h3>In Negotiation</h3>
                      <?php
    foreach($negotiation as $row)
    { 
    ?>
          <div class="small-box bg-teal">

    
        <div class="box box-solid bg-teal ">
            <div class="box-header ui-sortable-handle" style="cursor: move;">
                <h3 class="box-title"><i class="fa fa-user"></i>In Negotiation</h3><br>
                     
                        <h4><?php echo $row->l_name;?></h4>
          
            <a href="<?php echo base_url("admin/leads/leadsdashboard?ids=".$row->l_id); ?>" class="pull-right bg-teal">&nbsp;More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
 
 </div>
            
    </div>    
    <?php }?>
        </div>  
        
      <div class="col-lg-2  connectedSortable">
         <h3>Closing</h3>
                              <?php
    foreach($closing as $row)
    { 
    ?>
          <div class="small-box bg-orange">

    
        <div class="box box-solid bg-orange ">
            <div class="box-header ui-sortable-handle" >
                <h3 class="box-title"><i class="fa fa-user"></i>Closing</h3><br>
                     <h4><?php echo $row->l_name;?></h4>
                    
          
            <a href="<?php echo base_url("admin/leads/leadsdashboard?ids=".$row->l_id); ?>" class="pull-right bg-orange">&nbsp;More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
 
 </div>
            
    </div>    
    <?php }?>
        </div>  
         <div class="col-lg-2  connectedSortable">
     <h3>Invoicing</h3>
                              <?php
    foreach($invoicing as $row)
    { 
    ?>
          <div class="small-box bg-green">

    
        <div class="box box-solid bg-green ">
            <div class="box-header ui-sortable-handle" style="cursor: move;">
                <h3 class="box-title"><i class="fa fa-user"></i>Invoicing</h3><br>
                     
                    <h4><?php echo $row->l_name;?></h4>
          
            <a href="<?php echo base_url("admin/leads/leadsdashboard?ids=".$row->l_id); ?>" class="pull-right bg-green">&nbsp;More info <i class="fa fa-arrow-circle-right"></i></a>
        </div>
 
 </div>
            
    </div>    
    <?php }?>
        </div>  
<script>
        <!-- ./col -->
     $('.connectedSortable').connectedSortable({
    connectWith: '.connectedSortable',
    update: function(event, ui) 
    {
        alert(ui.item.attr('l_id'));
        var id = ui.item.attr('l_id');
        updateDB(id);
    }
});

function updateDB(id) {
    $.ajax({
       //grab script, pass id and update database 
    });
}
</script>