@model BestCustomersReportModel
@using Telerik.Web.Mvc.UI

 <table class="adminContent">
	<tr>
		<td class="adminTitle">
			@Html.SmartLabelFor(model => model.StartDate)
		</td>
		<td class="adminData">
			@Html.EditorFor(model => model.StartDate)
		</td>
	</tr>
	<tr>
		<td class="adminTitle">
			@Html.SmartLabelFor(model => model.EndDate)
		</td>
		<td class="adminData">
			@Html.EditorFor(model => Model.EndDate)
		</td>
	</tr>
	<tr>
		<td class="adminTitle">
			@Html.SmartLabelFor(model => model.OrderStatusId)
		</td>
		<td class="adminData">
			@Html.DropDownList("OrderStatusId", Model.AvailableOrderStatuses, T("Admin.Common.All"))
		</td>
	</tr>
	<tr>
		<td class="adminTitle">
			@Html.SmartLabelFor(model => model.PaymentStatusId)
		</td>
		<td class="adminData">
			@Html.DropDownList("PaymentStatusId", Model.AvailablePaymentStatuses, T("Admin.Common.All"))
		</td>
	</tr>
	<tr>
		<td class="adminTitle">
			@Html.SmartLabelFor(model => model.ShippingStatusId)
		</td>
		<td class="adminData">
			@Html.DropDownList("ShippingStatusId", Model.AvailableShippingStatuses, T("Admin.Common.All"))
		</td>
	</tr>
	<tr>
		<td class="adminTitle">
			&nbsp;
		</td>
		<td class="adminData">
			<button type="submit" id="search-best-customers-numberoforders-grid" class="btn"><i class="fa fa-list"></i>&nbsp;@T("Admin.Customers.Reports.RunReport")</button>
		</td>
	</tr>
</table>

<p></p>

    <table class="adminContent">
        <tr>
            <td>
                @(Html.Telerik().Grid<BestCustomerReportLineModel>()
					.Name("best-customers-numberoforders-grid")
					.ClientEvents(events => events.OnDataBinding("bestCustomersNumberOfOrdersOnDataBinding"))
					.Columns(columns =>
					{
						columns.Bound(x => x.OrderTotal)
							.RightAlign()
							.Width(160);
						columns.Bound(x => x.OrderCount)
							.Centered()
							.Width(160);
						columns.Bound(x => x.CustomerId)
							.Template(x => Html.ActionLink(x.CustomerName, "Edit", "Customer", new { id = x.CustomerId }, new { }))
							.ClientTemplate("<a href=\"" + @Url.Content("~/Admin/Customer/Edit/") + "<#= CustomerId #>\"><#= CustomerName #></a>");
					})
					.DataBinding(dataBinding => dataBinding.Ajax().Select("ReportBestCustomersByNumberOfOrdersList", "Customer"))
					.EnableCustomBinding(true))
            </td>
        </tr>
    </table>
    
    <script type="text/javascript">

        $(document).ready(function () {

            $('#search-best-customers-numberoforders-grid').click(function () {
                var grid = $('#best-customers-numberoforders-grid').data('tGrid');
                grid.currentPage = 1; //new search. Set page size to 1
                grid.ajaxRequest();
                return false;
            });

        });

        function bestCustomersNumberOfOrdersOnDataBinding(e) {
        var searchModel = {
            StartDate: $('#@Html.FieldIdFor(model => model.StartDate)').val(),
            EndDate: $('#@Html.FieldIdFor(model => model.EndDate)').val(),
            OrderStatusId: $('#@Html.FieldIdFor(model => model.OrderStatusId)').val(),
            PaymentStatusId: $('#@Html.FieldIdFor(model => model.PaymentStatusId)').val(),
            ShippingStatusId: $('#@Html.FieldIdFor(model => model.ShippingStatusId)').val()
                };
        e.data = searchModel;
    }

    </script>