@model IEnumerable<StockManMVC.Models.Item>

@{
    ViewBag.Title = "Articoli";
}

@using MVCGrid.Web
<div class="row" style="margin-top: 0.5em;">
    <div class="col-xs-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-8">
                        <strong>Anagrafica Articoli</strong>
                    </div>
                    <div class="col-xs-4 text-right">
                        <button class="btn btn-sm btn-success" title="Aggiunta nuovo Articolo" onclick="LoadCreateNew();"><i class="glyphicon glyphicon-plus" aria-hidden="true"></i> Aggiunta  Nuovo Articolo</button>
                        @*<a href="@Url.Action("Create", "Items")" class="btn btn-sm btn-success"><i class="glyphicon glyphicon-plus" aria-hidden="true"></i> Aggiunta Nuovo articolo</a>*@
                    </div>
                </div>
            </div>
            <div class="panel-body small">
                <div id="mainDiv" class="col-xs-12">
                    @*Nuova pagina!*@



                    @Html.Partial("_MVCGridToolbar", new StockManMVC.Models.MVCGridToolbarModel()
                       {
                           MVCGridName = "ItemsGrid",
                           PageSize = true,
                           ColumnVisibility = true,
                           Export = false,
                           GlobalSearch = true
                       })
                    @Html.MVCGrid("ItemsGrid")
                </div>
                <div class="col-xs-4">
                    <div class="" id="divChild">
                        @*qui inserisco la partial view...*@
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    function LoadCreateNew() {
        reduceMainDiv();
        $("#divChild").load('@(Url.Action("Create", "Items", null, Request.Url.Scheme))?mode=std');
    }
    @*function LoadCurrChild(ID) {
        reduceMainDiv();
        $("#divChild").load('@(Url.Action("ListByFamily", "Items", null, Request.Url.Scheme))?FamilyID=' + ID);
        // fix colore righe tabella
        $(".singleRow").removeClass("bg-info");
        $("#row_" + ID).addClass("bg-info");
    }*@

    function LoadCurrEdit(ID) {
        reduceMainDiv();
        $("#divChild").load('@(Url.Action("Edit", "Items", null, Request.Url.Scheme))/' + ID + '?mode=std');
    }
    function LoadCurrDelete(ID) {
        reduceMainDiv();
        $("#divChild").load('@(Url.Action("Delete", "Items", null, Request.Url.Scheme))/' + ID + '?mode=std');
    }

    function reduceMainDiv() {
        $("#mainDiv").removeClass("col-xs-12");
        $("#mainDiv").addClass("col-xs-8");
    }

</script>