            <div id="result_list_holder" class="table-responsive">
              
                
               <table class="table">
                    <thead>
                        <tr>
                            <td colspan="5"><b> Recent Service Request(s)</b></td>
                        </tr>


                        <tr>
                            <th style="width: 150px">Service Type<br>Due Days</th>
                            <th style="width: 230px;">User<br>Agent</th>
                             
                            <th style="width: 180px;">Quantity/<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">
                                 <? echo $rect->service_type_text; ?> <br>   <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>
                                        <br><span class="text-semibold"><? echo $rect->agent_name; ?> </span> <!-- div class="text-muted text-size-small"><span class="status-mark border-blue position-left"></span> Active</div --> - 
                                    </div>
                                </td>
                           
                                                              
                                <td>
                                    <? echo $rect->quantity; ?> Bags
                                    <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>
                                </td>
                            </tr>                      

                            <?
                        }
                        ?>
                             <tr><td colspan='6'><?=$pagination_links?></td></tr>
                    </tbody>
                </table>
                
            </div>

<? if ($do_not_script) { ?><!-- loaded --><? } else { ?>
    <div id="pagination_holder" style="padding:10px;">
    </div>
    <script type="text/javascript">
    <!--
    $( document ).ready(function() {
      $('#pagination_holder').pagination({
        currentPage: <?= $pageNumber ?>,
        items: <?= $result_total ?>,
        itemsOnPage: <?= $result_per_page ?>,
        cssStyle: 'light-theme',
        onPageClick: function (pageNumber, event) {
            $.ajax({
                url: "/service/newrequestPage?pageNumber=" + pageNumber
            }).done(function (data) {
                $('#result_list_holder').html(data);
            });
        }
      });
    });

    // -->
    </script>
<? } ?>

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

          $('#transp_detail').html('Processing...');
          //$('#invo' + link_id).prop('disabled', true);
          $.ajax({
              url: "/invoice/selinvoice?proc=PROCESS&transp_id=" + link_id
          }).done(function (data) {
              $('#transp_detail').html(data);
             // $('#invo' + link_id).prop('disabled', false);
          });
          return false;
      }
  // -->
    </script>