@model IEnumerable<ParcelWeb.Core.Dto.PaymentDetailDto>

@{
    ViewBag.Title = "Dispatched Invoices";
}

<style>
    .table th, .table td {
        padding: 0.20rem 0.75rem;
    }
</style>

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">Home</a>
            </li>

            <li class="breadcrumb-item active">
                Dispatched Invoices
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Dispatched Invoices</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <ul class="list-inline mb-0">
                        <li><a data-action="collapse"><i class="icon-minus4"></i></a></li>
                        <li><a data-action="reload"><i class="icon-reload"></i></a></li>
                        <li><a data-action="expand"><i class="icon-expand2"></i></a></li>

                    </ul>
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="card-block height-450">
                    <div class="table-responsive table-responsive-sm">
                        <table id="recent-orders" class="table table-hover">
                            <thead>
                                <tr>
                                    <th>Ref #</th>
                                    <th>Tracking #</th>
                                    <th>Supplier</th>
                                    <th>Status</th>
                                    <th>Balance</th>
                                    <th>Due Date</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model)
                                {
                                    <tr>
                                        <td class="text-truncate">@item.ExternalPaymentId</td>
                                        <td class="text-truncate"><a href="@Url.Action("Review","Shipments",new { Id = item.ShipmentId})">@item.TrackingId</a></td>
                                        <td class="text-truncate">@item.SenderName</td>
                                        <td class="text-truncate"><span class="tag tag-default tag-warning">@item.Status</span></td>
                                        <td class="text-truncate"><span class="tag tag-default tag-danger">@item.Balance</span></td>
                                        <td class="text-truncate">@item.DueDate.ToShortDateString()</td>
                                        <td><a href="javascript:void(0)" class="js-payment btn btn-sm btn-secondary" data-id="@item.ShipmentId" data-balance-id="@item.Balance" data-toggle="tooltip" title="Update"> <span class="icon icon-dollar"> </span> </a> </td>
                                    </tr>

                                }

                            </tbody>

                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")


    <script type="text/javascript">




        $(document).ready(function () {






            //End- Ready
        });



    </script>


}