@model IEnumerable<ParcelWeb.Core.Dto.OrderDto>
@using ParcelWeb.Core
@{
    ViewBag.Title = "Orders";
}

<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 active">
                Orders
            </li>
        </ol>
    </div>
</div>


<div class="row">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title"><i class="icon icon-box"></i> Order</h4>
                <a class="heading-elements-toggle"><i class="icon-ellipsis font-medium-3"></i></a>
                <div class="heading-elements">
                    <a href="/Order/Create" class="btn btn-primary btn-square" style="padding:0.5rem 1rem"><i class="icon icon-plus white"></i> New Order</a>
                </div>
            </div>
            <div class="card-body collapse in">
                <div class="card-block">
                    <div class="row" id="MainOptions">
                        <div class="col-md-10">
                            <div class="btn-group" role="group" id="MainOptions">
                                <a href="/Order/List" class="btn btn-outline-primary">All</a>
                                <a href="/Order/List?Mode=@OrderStatus.Pending" class="btn btn-outline-primary">Not Shipped</a>
                                <a href="/Order/List?Mode=@OrderStatus.Shipped" class="btn btn-outline-primary">Shipped</a>
                                <a href="/Order/List?Mode=@OrderStatus.Cancel" class="btn btn-outline-primary">Cancelled</a>
                            </div>
                        </div>
                    </div>


                    <div class="row" hidden="hidden" id="SecondOptions">
                        <div class="col-md-10">
                            <div class="btn-group" role="group">
                                <a href="#" id="BulkShip" class="btn btn-outline-primary"><span><i class="icon-box small"></i></span> Bulk Ship</a>
                                <a href="#" onclick="VarifyCancellation()" class="btn btn-outline-primary"><span><i class="icon-cancel-circle red small"></i></span> Cancel</a>
                                @*<a href="#" onclick="VarifyCancellation()" class="btn btn-outline-primary">Cancel</a>*@

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


                    <br />

                    <div class="table-responsive">

                        <table class="table table-condensed table-bordered table-hover table-slim" id="dgvShipment" style="width:100%">
                            <thead class="thead-default">
                                <tr>
                                    <th><input type="checkbox" id="Allcheck" value="-1" /></th>
                                    <th>Channel</th>
                                    <th>Order</th>
                                    <th>Date</th>
                                    <th>Product</th>
                                    <th>Payment</th>
                                    <th>Method</th>
                                    <th>Customer</th>
                                    <th>Zip Code</th>
                                    <th>Weight</th>
                                    <th>IVR Status</th>
                                    <th>Tags</th>
                                    <th>Status</th>


                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model)
                                {
                                    <tr>
                                        <td>
                                            @if(item.Status==OrderStatus.Cancel||item.Status==OrderStatus.Shipped)
                                            {

                                            }
                                            else
                                            {
                                            <input type="checkbox" value="@item.Id" />
                                            }                                        
                                        </td>
                                        <td>Channel</td>
                                        <td><a href="/Order/Detail/@item.Id">@item.OrderID</a> </td>
                                        <td>@item.Date</td>
                                        <td>Product</td>
                                        <td>@item.Payment</td>
                                        <td>@item.Method</td>
                                        <td>@item.Customer</td>
                                        <td>@item.ZipCode</td>
                                        <td>@item.Weight</td>
                                        <td>IVR Status</td>
                                        <td>Tags</td>
                                        <td>
                                            @if (item.Status == OrderStatus.Pending)
                                            {
                                                <a href="#" onclick="SingleShip(@item.Id)" class="btn btn-outline-blue btn-sm">Ship</a>
                                            }
                                            else if (item.Status == OrderStatus.Shipped)
                                            {
                                                <a href="#" class="btn btn-outline-green">Shipped</a>

                                            }
                                            else
                                            {
                                                <a href="#" class="btn btn-outline-red">Cancelled</a>
                                            }
                                        </td>


                                    </tr>
                                }


                            </tbody>


                        </table>
                    </div>


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

@*-------------ship modal---------------*@
<div class="modal fade text-xs-left" id="shipModal" tabindex="-1" role="dialog" aria-labelledby="shipModal" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-default">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="shipModal">Select Your Preferred Courier Company</h4>
            </div>
            <div class="modal-body" id="ShipContent">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Close</button>
                <button type="button" id="ShipBtn" class="btn btn-outline-primary">Ship</button>
            </div>
        </div>
    </div>
</div>





@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script src="~/Content/AdminJS/Order.js"></script>
    @Html.Raw(TempData["msg"])
}