        <div class="panel panel-flat">


            <div class="panel-body">

                
                               <table class="table">
                    <thead>
                        <tr>
                            <td colspan="5"><b> Recent Service Request(s)</b></td>
                        </tr>


                        <tr>
                            <th style="width: 50px">Due Days</th>
                            <th style="width: 180px;">User</th>
                            <th>Agent</th>
                              <th style="width: 180px;">Service Type</th>
                            <th style="width: 180px;">Miles/<br>Date & Time</th>
                            <th class="text-center" style="width: 20px;"><i class="icon-arrow-down12"></i></th>
                        </tr>
                    </thead>
                    <tbody>

                        <?
                        foreach ($transport_request as $rect) {
                            ?>

                            <tr>
                                <td class="text-center">
                                    <h6 class="no-margin"><?= $rect->day_gap ?> days </h6>
                                </td>
                                <td>


                                    <div class="media-body">
                                        <a href="#" onclick="openMemberID(<? echo $rect->member_id; ?>);" class="display-inline-block text-default text-semibold letter-icon-title"><? echo $rect->firstname; ?> <? echo $rect->lastname; ?></a>
                                        <!-- div class="text-muted text-size-small"><span class="status-mark border-blue position-left"></span> Active</div --> - 
                                    </div>
                                </td>
                                <td>
                                    <a href="#" class="text-default display-inline-block" onclick="showTranspModal(<? echo $rect->service_request_id; ?>);">
                                        <span class="text-semibold"><? echo $rect->agent_name; ?> </span>
                                        <span class="display-block text-muted"></span>
                                    </a>
                                </td>
                                <td>
                                    <? echo $rect->service_type_text; ?> 
                                    
                                </td>
                                
                                <td>
                                    <? echo $rect->miles; ?>
                                    <small class="display-block text-size-small no-margin"><b><?= date("Y-m-d h:i a",strtotime( $rect->service_date))?></b></small>
                                </td>
                                <td class="text-center">
                                     <button type="button" id="acc<?= $rect->id ?>" class="btn btn-info btn-xs" onclick="processPendTransp(<?= $rect->id ?>);" >View</button>
                                    <!--ul class="icons-list">
                                        <li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-menu7"></i></a>
                                            <ul class="dropdown-menu dropdown-menu-right">
                                                <li><a href="#" onclick="openMemberID(<? echo $rect->member_id; ?>);"><i class="icon-undo"></i><? echo $rect->firstname; ?> <? echo $rect->lastname; ?> Profile</a></li>
                                                <li><a href="#"><i class="icon-history"></i> Payments</a></li>
                                                <li class="divider"></li>
                                                <li><a href="#" onclick="processPendTransp(<?= $rect->id ?>);"  ><i class="icon-checkmark3 text-success"></i>Manage Request</a></li>
                                            </ul>
                                        </li>
                                    </ul -->
                                </td>
                            </tr>                      

                            <?
                        }
                        ?>
                    </tbody>
                </table>
                
     
            </div>
        </div>



<script type="text/javascript">
<!--
    function processPendTransp(link_id) {

        $('#transp_detail').html('Processing...');
        $('#acc' + link_id).prop('disabled', true);
        $.ajax({
            url: "/service/selpending?proc=PROCESS&transp_id=" + link_id
        }).done(function (data) {
            $('#transp_detail').html(data);
            $('#acc' + link_id).prop('disabled', false);
        });
        return false;
    }

// -->
</script>


