@using PAW.Contracts.Enums
@using PantheonRA.WebApi.Contracts.Enums
@model PantheonRA.BackOffice.Models.SetItemCreateViewModel

<div class="wrapper wrapper-content">
    <div class="tabs-container">
        <div class="tab-content">
            <div class="row document-head">
                <div class="col-md-4 col-xs-6">
                    <div class="form-group">
                        <label class="control-label">@Loc.ProductSnColumns</label>
                        @Html.DropDownListFor(model => model.Column, Model.SnColumns, Loc.ProductSnColumns, new { @class = "form-control custom-select" })
                    </div>
                </div>
                <div class="col-md-8 col-xs-6">

                </div>
            </div>

            <div class="document-body">
                <table id="grid-data" data-grid-id="products" data-url="@Url.Action("SerialNumbersList", "Products")" class="list-table">
                    <thead>
                        <tr>
                            <th width="26%" data-name="Warehouse">@Loc.Warehouse</th>
                            <th width="26%" data-name="SerialNo">@Loc.SerialNumber</th>
                            <th width="12%" data-name="Stock" class="dt-right">@Loc.Stock</th>
                            <th width="12%" data-name="Reserved" class="dt-right">@Loc.StockReserved</th>
                            <th width="12%" data-name="Free" class="dt-right">@Loc.StockFree</th>
                            <th width="12%" data-name="DateDue">@Loc.StockDateDue</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        initializeProductSerialNumbersList();
    });
</script>