@model IEnumerable<StockManMVC.Models.Location>

@{
    ViewBag.Title = "Configurazione Posizioni";
}

<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-sm-2">
                        <strong>Configurazione Posizioni</strong>
                    </div>
                    <div class="col-sm-2">
                        @Html.DropDownList("LocTypeDD", null, "-- TUTTI --", htmlAttributes: new { @class = "form-control" })
                    </div>
                    <div class="col-sm-2">
                        @Html.TextBox("SearchVal", "", new { @class = "form-control", @placeholder = "[R]icerca", accesskey = "r" })
                    </div>
                    <div class="col-sm-6 text-right">
                        <button class="btn btn-sm btn-success" title="Aggiunta nuova Posizione" onclick="LoadCreateNew();"><i class="glyphicon glyphicon-plus" aria-hidden="true"></i> Aggiunta Posizione</button>
                    </div>
                </div>
            </div>
            <div class="panel-body small">
                <div id="mainDiv" class="col-xs-12">
                    <div id="mainDivGrid">
                        @Html.Action("ListByType", new { LocTypeID = @ViewBag.LocTypeID, page = ViewBag.page, pageSize = ViewBag.pageSize })
                    </div>
                </div>
                <div class="col-xs-6">
                    <div class="" id="divChild">
                        @*qui inserisco la partial view...*@
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    function refreshSelectedData() {
        var LocTypeID = $("#LocTypeDD").val();
        var SearchVal = $("#SearchVal").val();
        var queryUrl = 'LocTypeID=' + LocTypeID + '&SearchVal=' + SearchVal + '&SortOrd=@ViewBag.SortOrd&page=1&pageSize=@ViewBag.pageSize'; //riporto a pag 1 in caso di cambio filtro!
        // ricarico
        $("#mainDivGrid").load('@(Url.Action("ListByType", "Locations", null, Request.Url.Scheme))?' + queryUrl);
        // modifico URL!
        history.replaceState('LocTypeID=' + LocTypeID, 'Locations', '?' + queryUrl)
    }
    $(document).ready(function () {
        $("#LocTypeDD").change(function () {
            refreshSelectedData();
        });
        $("#SearchVal").change(function () {
            // riporto a pag 1...
            refreshSelectedData();
        });
    });

    function LoadCreateNew() {
        reduceMainDiv();
        $("#divChild").load('@(Url.Action("Create", "Locations", null, Request.Url.Scheme))?mode=std');
    }

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

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

</script>