@model MrCMS.Web.Apps.Ecommerce.Pages.ProductSearch
@using MrCMS.Helpers
@using MrCMS.Web.Apps.Ecommerce.Models
@{
    var query = ViewData["query"] as ProductSearchQuery;
}
@Html.HiddenFor(x => x.Id)
@Html.HiddenFor(x => x.LiveUrlSegment)
@Html.HiddenFor(x => x.UrlSegment)
<div class="margin-bottom-30 grey-border-top padding-top-10">
    <div class="container">
        <div class="row" id="product-search-container" data-product-search-container="true" data-product-search-scroll-to="#product-search-container">
            <div class="col-sm-3">
                @{ RenderZone("Before Filters"); }
                @{ Html.RenderAction("Query", "ProductSearch", new { query });}
                @{ RenderZone("After Filters"); }
            </div>
            <div class="col-sm-9">
                <h1>@Editable(Model, page => page.Name, false)</h1>
                @{ Html.RenderAction("Results", "ProductSearch", new { query }); }
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                @Editable(Model, category => category.BodyContent, true)
            </div>
        </div>
    </div>
</div>

@{
    Html.IncludeScript("~/Apps/Ecommerce/Content/Scripts/jquery.history.js");
    Html.IncludeScript("~/Apps/Ecommerce/Content/Scripts/custom/product-search.js");
}