<a class="btn-link btn-primary pull-right addnewbtn"> <i class="fa fa-plus"></i> Add To Do/Follow Up</a>
<div class="clear"></div>
<style>
        .txtoverdue{ color:red;}
        .txtpending{ color:#0076CA;}
        .txtgreen{color:green;}
</style>
<table class="table tablestyle no-margin" style="font-size: 13px;">
    <tbody>
        <tr class="alert alert-graylight">
            <th>Sr. No.</th>
            <th>Assign To</th>
            <th>Subject</th>
            <th>Details</th>
            <th>Start / End Date</th>
            <th>Status</th>
            <!-- <th>Action</th> -->
        </tr> 
        <?php 
            if(!empty($this->arrCustomerTODOHistory) ){
                $i = 1;
                foreach($this->arrCustomerTODOHistory as $history){

        ?>
        <tr>
            <td class="alert-warning" align="center"><?php echo $i; ?></td>               
            <td class="alert-warning" align="left">
			<?php 
			$AgencyUserFirstName = isset($history['AgencyUserFirstName']) ? trim($history['AgencyUserFirstName']) : '';
			$AgencyUserLastName = isset($history['AgencyUserLastName']) ? trim($history['AgencyUserLastName']) : '';
			$AgencyUserEmailId = isset($history['AgencyUserEmailId']) ? trim($history['AgencyUserEmailId']) : '';
            $cureentDate_Str = strtotime(date('d-m-Y H:i:s'));
            $startdate_Str = strtotime($history['StartDateTime']->format('d-m-Y H:i:s'));
			echo $AgencyUserFirstName.' '.$AgencyUserLastName;
			echo '<br>'.$AgencyUserEmailId;
			?>
			</td>
            <td class="alert-warning" align="left"> <?php if($history['IsCompleted']==0){ ?>
                <a href="<?php echo $this->baseUrl('/customer/customer-view-to-do/tid/'.base64_encode($history['ToDoSysId']).'/cid/'.base64_encode($history['CustSysId'])); ?>" title="view details" data-target="#myModalviewToDoDetail" data-toggle="modal" data-dismiss="modal"><?php echo (isset($history['Subject']) && !empty($history['Subject']))?stripslashes($history['Subject']):"NA"; ?></a>
            <?php } else { ?>
                <?php echo (isset($history['Subject']) && !empty($history['Subject']))?stripslashes($history['Subject']):"NA"; ?>
                <?php   if($history['CallType']!=Null && $history['CallType']!=0){ $callType = ($history['CallType']==1)?' (Outgoing':'(Incoming';
                         $callStatus = $callStatus = ($history['CallStatus'] == 1) ? ', Answered)' : (($history['CallStatus'] == 2) ? ', Unanswered)' : ', Not Reachable)');
                        echo $callType.$callStatus; }?>
            <?php } ?>
            </td>
                <td class="alert-warning" align="left">
                <p class="more"><?php echo $history['Description']? stripslashes($history['Description']):'NA'; ?></p>
                <!--<a title="<?php // echo $history['Description']? stripslashes($history['Description']):'NA'; ?>"><?php echo $history['Description']?  substr($history['Description'],0,10)."...":'NA'; ?></a>-->
            </td>
            <td><?php echo $history['StartDateTime']->format('d/m/Y H:i:s')." /<br/> ".$history['EndDateTime']->format('d/m/Y H:i:s'); ?></td>
            <td id="ToDoSysId_<?php echo $history['ToDoSysId'];  ?>" class="alert-warning" align="left"><?php if($history['IsCompleted']==1){ echo '<span class="txtgreen">Completed</span>'; }else{ 
                 if($cureentDate_Str>$startdate_Str){ ?> 
                 <a href="<?php echo $this->baseUrl('/customer/customer-view-to-do/tid/'.base64_encode($history['ToDoSysId']).'/cid/'.base64_encode($history['CustSysId'])); ?>" title="Update To do" data-target="#myModalviewToDoDetail" data-toggle="modal" data-dismiss="modal" class="tooltipLink"><span class="txtoverdue">Overdue</span></a>
                     <?php  } else {  ?>
                        <a href="<?php echo $this->baseUrl('/customer/customer-view-to-do/tid/'.base64_encode($history['ToDoSysId']).'/cid/'.base64_encode($history['CustSysId'])); ?>" title="Update To do" data-target="#myModalviewToDoDetail" data-toggle="modal" data-dismiss="modal" class="tooltipLink"><span class="txtpending">In-complete</span></a>
                     <?php  } 
                } ?></td>
        </tr>
                <?php $i++; } ?>
            <?php }else{ ?>
        <tr>
            <td class="alert-warning" colspan="6">No record(s) found! </td>               
        </tr>
            <?php } ?>
    </tbody>
</table>


<script type="text/javascript">
    function markAsDone(ToDoSysId){
        
        var conf = confirm("Are to sure to mark this record as done?");
        if(conf){
            $.ajax({
             url: '/customer/update-all-todo',
             data: {ids:ToDoSysId},
             dataType: 'html',
             type: 'POST',
             beforeSend: function(){
                 //$("#ToDoSysId_"+ToDoSysId).html('Completed');
             },
             success: function (response) {   
                $("#ToDoSysId_"+ToDoSysId).html('Completed');
                $("#mark_as_done_"+ToDoSysId).attr("disabled", true).attr('checked', true);
                //$("#mark_as_done_"+ToDoSysId).attr('checked', true);
             }
          });
        } else{
            $("#mark_as_done_"+ToDoSysId).attr('checked', false);
        }
        
    }

// function trimcontent() || Params : number of chars to show , class name to apply on
function trimcontent( showChar , moreclassname )
{
    var moretext = "+More";
    var lesstext = "-Less";

    $('.'+ moreclassname ).each(function() {
        var content = $(this).html();
        if(content.length > showChar) {
            var c = content.substr(0, showChar);
            var h = content.substr(showChar, content.length - showChar);
 
            var html = '<span class="more-defaultcontent" >' + c + '</span><span class="more-content">' + h + '</span>\n\
                        <a href="javascript:void();" class="more-link btn-link btnmore">' + moretext + '</a>';
            $(this).html(html);
        }
    });
 
    $(".more-link").click(function(){
        if($(this).hasClass("less")) {
            $(this).removeClass("less").html(moretext);
        } else {
            $(this).addClass("less").html(lesstext);
        }
        $(this).prev().toggle();
        return false;
    });
    $('span.more-content').hide();
    $('.defaultcontent , .more-content').css({'font-size':'12px' ,'text-transform':'none' ,'font-weight':'normal' });
}

trimcontent( 20 , 'more' );

</script>