@using Newtonsoft.Json
@model Nop.Plugin.Misc.FruitBankPlugin.Areas.Admin.Models.ShippingListModel
@{
    // Layout = "_AdminLayout";
    ViewBag.PageTitle = "Edit Shipping";
    NopHtml.SetActiveMenuItemSystemName("Shippings.Edit");
}


<div class="content-header clearfix">
            <h1 class="float-left">
                @T("Admin.Shipments")
            </h1>
            <div class="float-right">
                <div class="btn-group">
                    <button type="button" class="btn btn-success">
                        <i class="fas fa-download"></i>
                        @T("Admin.Common.Export")
                    </button>
                    <button type="button" class="btn btn-success dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">
                        <span class="sr-only">&nbsp;</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li class="dropdown-item">
                            <button asp-action="ExportXml" type="submit" name="exportxml-all">
                                <i class="far fa-file-code"></i>
                                @T("Admin.Common.ExportToXml.All")
                            </button>
                        </li>
                        <li class="dropdown-item">
                            <button type="button" id="exportxml-selected">
                                <i class="far fa-file-code"></i>
                                @T("Admin.Common.ExportToXml.Selected")
                            </button>
                        </li>
                        <li class="dropdown-divider"></li>
                        <li class="dropdown-item">
                            <button asp-action="ExportExcel" type="submit" name="exportexcel-all">
                                <i class="far fa-file-excel"></i>
                                @T("Admin.Common.ExportToExcel.All")
                            </button>
                        </li>
                        <li class="dropdown-item">
                            <button type="button" id="exportexcel-selected">
                                <i class="far fa-file-excel"></i>
                                @T("Admin.Common.ExportToExcel.Selected")
                            </button>
                        </li>
                    </ul>
                </div>
                <button type="button" name="importexcel" class="btn bg-olive" data-toggle="modal" data-target="#importexcel-window">
                    <i class="fas fa-upload"></i>
                    @T("Admin.Common.Import")
                </button>
                <div class="btn-group">
                    <button type="button" class="btn btn-info">
                        <i class="far fa-file-pdf"></i>
                        @T("Admin.Orders.PdfInvoices")
                    </button>
                    <button type="button" class="btn btn-info dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">
                        <span class="sr-only">&nbsp;</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li class="dropdown-item">
                            <button asp-action="PdfInvoice" type="submit" name="pdf-invoice-all">
                                @T("Admin.Orders.PdfInvoices.All")
                            </button>
                        </li>
                        <li class="dropdown-item">
                            <button type="button" id="pdf-invoice-selected">
                                @T("Admin.Orders.PdfInvoices.Selected")
                            </button>
                        </li>
                    </ul>
                </div>
                @await Component.InvokeAsync(typeof(AdminWidgetViewComponent), new { widgetZone = AdminWidgetZones.OrderListButtons, additionalData = Model })
            </div>
        </div>
        <section class="content">
            <div class="container-fluid">


@{
    var list = Model.ShippingList;
}

@(Html.DevExtreme().DataGrid()
    .ID("gridContainer")
    .ShowBorders(true)
    .DataSource(list)
    .KeyExpr("Id")
    .Columns(c => {
        c.Add().DataField("Id");
        c.Add().DataField("ShippingDate");
        c.Add().DataField("LicencePlate");
        c.Add().DataField("IsAllMeasured");        
    }).MasterDetail(md => {
        md.Enabled(true);
        md.Template(@<text>
            <div class="master-detail-caption"><%- data.ShippingDate %> <%- data.LicencePlate %>'s shippingdocuments:</div>
            @(Html.DevExtreme().DataGrid<FruitBank.Common.Entities.ShippingDocument>()
                .ColumnAutoWidth(true)
                .ShowBorders(true)
                .Columns(columns => {
                    columns.AddFor(m => m.Id);

                    columns.AddFor(m => m.Country);

                    columns.AddFor(m => m.Created);

                    columns.AddFor(m => m.PartnerId);

                    columns.Add()
                        .Caption("Completed")
                        .DataType(GridColumnDataType.Boolean)
                        .CalculateCellValue("calculateCellValue");
                })
                .DataSource(new JS("data.ShippingDocuments"))
            )
        </text>);
    })
)
)

</div>
        </section>

<script>
    function calculateCellValue(rowData) {
        return rowData.Status === "Completed";
    }
</script>