<!-- Dashboard content -->
<div class="row">
    <div class="col-lg-6">           
        <!-- Support tickets -->
        <div class="panel panel-flat">
            <div class="table-responsive">
                <table class="table table-stripped">
                    <thead>
                        <tr>
                            <th style="width: 50px">Due</th>
                            <th style="width: 180px;">User</th>
                            <th>Destination/Origin</th>
                            <th style="width: 110px;">Date/Time</th>
                            <th style="width: 80px;">Dist.</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 ?> <small class="display-block text-size-small no-margin">days</small></h6>
                                </td>
                                <td>
                                  

                                    <div class="media-body">
                                        <a href="#" 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> - No transporter set</div> 
                                    </div>
                                </td>
                                <td>
                                    <a href="#" class="text-default display-inline-block">
                                        <span class="text-semibold"><? echo $rect->to_street; ?>, <? echo $rect->to_city; ?>, <? echo $rect->to_zipcode; ?>, <? echo $rect->to_state; ?></span>
                                        <span class="display-block text-muted"><? echo $rect->from_street; ?>, <? echo $rect->from_city; ?>, <? echo $rect->from_zipcode; ?>, <? echo $rect->from_state; ?></span>
                                    </a>
                                </td>
                                <td>
                                    <a href="#" class="text-default display-inline-block">
                                        <? echo $rect->transport_date; ?>
                                    </a>
                                </td>
                                <td>
                                    <a href="#" class="text-default display-inline-block">
                                      <?= $rect->miles ?>
                                    </a>
                                </td>
                                <td class="text-center">
                                    <button type="button" id="acc<?=$rect->id?>" class="btn btn-info btn-xs" onclick="processPendTransp(<?= $rect->id ?>);" >View</button>
                                    <!-- button type="button" id="vacc<?=$rect->id?>" class="btn btn-warning btn-xs" onclick="manageTranspID(<?= $rect->id ?>);" >Mng.</button -->
                                    
                                </td>
                            </tr>                      

                            <?
                        }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /support tickets -->
    </div>

    <div class="col-lg-6">
        <!-- Recent Members -->
        <div class="panel panel-flat">
            <div id="transp_detail">
                <div class="thumbnail">
                    <div class="thumb">
                        <img src="/assets/images/pending_action1.jpg" alt="">                  
                    </div>
                </div> 
            </div>
        </div>
        <!-- /Recent Members -->
    </div>
</div>
<!-- /dashboard content -->

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

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

