<div id="result_list_holder" class="table-responsive">
    <table class="table text-stripped">
        <thead>
            <tr> 
                <th style="width: 110px;">Date/Time</th>
                <th>Transport Request [To/From]</th>                               
                <th style="width:50px;">Miles</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>

            <?
            foreach ($result_list as $rect) {
                ?>
                <tr>
                    <td>
                        <div class="media-heading">
                            <a href="#" class="letter-icon-title"><?= $rect['transport_date'] ?> </a>
                        </div>
                        <span class="text-muted text-size-small"><?= $rect['transport_time'] ?></span>
                    </td>

                    <td>
                        <div class="media-body">
                            <div class="media-heading">
                                <a href="#" onclick="return showTranspModal(<?= $rect['id'] ?>);" class="letter-icon-title"><?= $rect['to_street'] ?>,<?= $rect['to_city'] ?>,<?= $rect['to_state'] ?>,<?= $rect['to_zipcode'] ?> </a>
                            </div>

                            <div class="text-muted text-size-small"><?= $rect['from_street'] ?>,<?= $rect['from_city'] ?>,<?= $rect['from_state'] ?>,<?= $rect['from_zipcode'] ?></div>
                        </div>
                    </td>

                    <td>
                        <h6 class="text-semibold no-margin"><?= $rect['miles'] ?></h6>
                    </td>
                    <td style="width: 80px;">
                        <div class="media-left media-middle">
                            <a href="#" onclick="transportSelected(<?= $rect['id'] ?>, 0);" class="btn bg-indigo-400 btn-rounded btn-icon btn-xs">
                                Select
                            </a>
                        </div>
                    </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: "/dash/indexPage?pageNumber=" + pageNumber
        }).done(function (data) {
            $('#result_list_holder').html(data);
        });
		}
	});
});
// -->
</script>
<? } ?>
<!--
vi:ts=2
-->
