@using ParcelWeb.Core
@{
    ViewBag.Title = "Pick-ups";
}

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

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

            <li class="breadcrumb-item">
                <a href="javascript:void(0)">Domestic</a>
            </li>

            <li class="breadcrumb-item active">
               Pick-Ups
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Pickups</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">               
                    <br />
                    <div class="table-responsive">
                        <table class="table table-condensed table-bordered table-hover" id="dgvManifest" style="width:100%">
                            <thead class="thead-default">
                                <tr>                                 
                                    <th>Manifest Id</th>
                                    <th>Created</th>
                                    <th>Courier</th>
                                    <th>No. of Orders</th>
                                    <th>Status</th>
                                    <th>WareHouse</th>
                                    <th>Pickup Ref#</th>
                                    <th>Download</th>                                    
                                </tr>
                            </thead>                          
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script type="text/javascript">
        $(document).ready(function () {
            var table;       
            getData();        
            function getData() {

                table = $('#dgvManifest').DataTable({
                    "serverSide": true,
                    "ajax": {
                        "type": "POST",
                        "url": '/DomesticShipment/AllMenifests',
                        "contentType": 'application/json; charset=utf-8',
                        'data': function (data) { return data = JSON.stringify(data); }
                    },
                    "lengthChange": false,
                    "searching": false,
                    "processing": true,
                    "paging": true,
                    "deferRender": true,
                    "destroy": true,
                    "order": [1, "desc"],
                    "columns": [
                        {
                            'data': 'Id'
                        },                       
                        {
                            'data': 'CreatedAt',
                            'render': function (deliveryDate) {
                                var date = new Date(parseInt(deliveryDate.substr(6)));
                                var month = date.getMonth() + 1;
                                return date.getDate() + "/" + month + "/" + date.getFullYear();
                            }
                        },                        
                        { 'data': 'DeliveryService' },
                        {
                            'data': 'NoOfOrder'
                        },
                        { 'data': 'IsPicked' },
                        { 'data': 'WareHouse' },
                        {
                            'data': 'PickupRefNo'
                        },                       
                        {
                            'data': 'Id',
                            'searchable': false,
                            'sortable': false,
                            'render': function (Id) {

                                return " <a href='/DomesticShipment/GetShipmentIds?MenifestId=" + Id + "' target='_blank'  class='btn btn-outline-info js-Print2' data-placement='top' data-toggle='tooltip' title='Print Manifest' style='padding:5px;' ><i class='icon-arrow-down'></i></a> ";
                            }
                        },
                    ]
                });

            }      
            //End- Ready
        });


    </script>


}

@Html.Raw(TempData["msg"])