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

@{
    ViewBag.Title = "Filter Shipment";
}

<style>
    .table th, .table td {
        padding: 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">
                Filter Shipment
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Filter Shipment</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">
                    <div class="table-responsive">

                        <table class="table table-condensed table-bordered table-hover" id="dgvShipment" style="width:100%">
                            <thead class="thead-default">
                                <tr>
                                    <th>Airwaybill</th>
                                    <th>Consignor</th>
                                    <th>Consignee</th>
                                    <th>From</th>
                                    <th>To</th>
                                    <th>Booked on</th>
                                    <th>Status</th>
                                    <th colspan="2">Action</th>
                                </tr>
                            </thead>
                            
                            <tbody>

                                @foreach (var item in Model)
                                {
                                    <tr>
                                        <td>@item.TrackingId</td>
                                        <td>@item.SenderName</td>
                                        <td>@item.ReceiverName</td>
                                        <td>a</td>
                                        <td>b</td>
                                        <td>@item.BookingDate.ToShortDateString()</td>
                                        <td>@item.Status.Name</td>
                                        
                                        <td>
                                            @if (!item.ApprovedStatus)
                                            {
                                                <label class='tag tag-danger'>Pending</label>
                                            }
                                            else
                                            {
                                                <label class='tag tag-success'>Approved</label>
                                            }         
                                        </td>
                                        <td>
                                            <a href='/Shipments/GetPdf?Id=@item.TrackingId' target='_blank' data-Shipment-id='@item.TrackingId' class='btn btn-icon btn-pure js-Print' data-placement='top' data-toggle='tooltip' title='Print AWB' style='padding:5px 5px'><i class='icon-printer2 success'></i></a> 
                                            <a href='/Shipments/GetPerforma?Id=@item.TrackingId' target='_blank' data-Shipment-id='@item.TrackingId' class='btn btn-icon btn-pure js-Print2' data-placement='top' data-toggle='tooltip' title='Print Performa' style='padding:5px 0px'><i class='icon-printer3 success'></i></a>
                                        </td>
                                    </tr>
                                }
                            </tbody>

                        </table>
                    </div>
                    

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