@model ActivityLogSearchModel
@using Telerik.Web.Mvc;
@{   
    ViewBag.Title = T("Admin.Configuration.ActivityLog.ActivityLog").Text;
}
@using (Html.BeginForm())
{
    <div class="section-header">
        <div class="title">
            <i class="fa fa-fire"></i>
            @T("Admin.Configuration.ActivityLog.ActivityLog")
        </div>
        <div class="options">
			<button type="submit" id="delete-selected" name="delete-selected" value="delete_selected" class="btn">
				<i class="fa fa-trash-o"></i>&nbsp;@T("Admin.Common.DeleteSelected")
			</button>
            <button type="submit" name="clearall" value="clearall" class="btn btn-danger">
				<i class="fa fa-trash-o"></i>&nbsp;@T("Admin.Common.DeleteAll")
			</button>
        </div>
    </div>

    <p></p>

    <table class="adminContent">
		<tr>
			<td class="adminTitle">
				@Html.SmartLabelFor(model => model.CreatedOnFrom)
			</td>
			<td class="adminData">
				@Html.EditorFor(model => model.CreatedOnFrom)
			</td>
		</tr>
		<tr>
			<td class="adminTitle">
				@Html.SmartLabelFor(model => model.CreatedOnTo)
			</td>
			<td class="adminData">
				@Html.EditorFor(model => model.CreatedOnTo)
			</td>
		</tr>
		<tr>
			<td class="adminTitle">
				@Html.SmartLabelFor(model => model.ActivityLogTypeId)
			</td>
			<td class="adminData">
				@Html.DropDownListFor(ModelBase => ModelBase.ActivityLogTypeId, Model.ActivityLogType, T("Common.Unspecified"))
			</td>
		</tr>
        <tr>
            <td class="adminTitle">
                @Html.SmartLabelFor(model => model.CustomerEmail)
            </td>
            <td class="adminData">
                @Html.EditorFor(model => model.CustomerEmail)
            </td>
        </tr>
		<tr>
			<td class="adminTitle">
				@Html.SmartLabelFor(model => model.CustomerSystemAccount)
			</td>
			<td class="adminData">
				@Html.EditorFor(model => Model.CustomerSystemAccount)
			</td>
		</tr>
        <tr>
			<td class="adminTitle">
				&nbsp;
			</td>
			<td class="adminData">
                <button type="submit" id="btnSearch" class="btn">
                    <i class="fa fa-search"></i>
                    @T("Admin.Common.Search")
                </button>
            </td>
        </tr>
    </table>

	<p></p>

    <table class="adminContent">
        <tr>
            <td>
                @(Html.Telerik().Grid<ActivityLogModel>()
					.Name("activityLog-grid")
					.DataKeys(x =>
					{
						x.Add(y => y.Id).RouteKey("Id");
					})
					.ClientEvents(events => events.OnDataBinding("onDataBinding").OnDataBound("onDataBound"))
					.Columns(columns =>
					{
						columns.Bound(x => x.Id)
							.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= Id #>' class='checkboxGroups'/>")
							.Title("<input id='mastercheckbox' type='checkbox'/>")
							.Width(50)
							.HtmlAttributes(new { style = "text-align:center" })
							.HeaderHtmlAttributes(new { style = "text-align:center" });
						columns.Bound(x => x.ActivityLogTypeName);
						columns.Bound(x => x.Comment);
						columns.Bound(x => x.CustomerId)
							.ClientTemplate("<a href=\"" + @Url.Content("~/Admin/Customer/Edit/") + "<#= CustomerId #>\"><#= CustomerEmail #></a>");
						columns.Bound(x => x.IsSystemAccount)
							.ClientTemplate("<i class='fa fa-fw icon-active-<#= IsSystemAccount #>'></i>&nbsp;<#= SystemAccountName #>")
							.Width(220);
						columns.Bound(x => x.CreatedOn)
							.Width(200);
					})
					.DataBinding(dataBinding =>
					{
						dataBinding.Ajax()
							.Select("ListActivityLogs", "ActivityLog");
					})
					.Pageable(settings => settings.PageSize(Model.GridPageSize).Position(GridPagerPosition.Both))
					.PreserveGridState()
					.EnableCustomBinding(true))
            </td>
        </tr>
    </table>

    <script type="text/javascript">
		var selectedIds = [];

        $(document).ready(function () {

            $('#btnSearch').click(function () {
            	refreshGrid();
                return false;
            });

        	//"delete selected" button
            $('#delete-selected').click(function (e) {
            	e.preventDefault();

            	var postData = {
            		selectedIds: selectedIds
            	};

            	$.ajax({
            		cache: false,
            		type: "POST",
            		url: "@(Url.Action("DeleteSelected", "ActivityLog"))",
            		data: postData,
            		complete: function (data) {
            			refreshGrid();
            		},
            		error:function (xhr, ajaxOptions, thrownError){
            			alert(thrownError);
            		},
            		traditional: true
				});
				return false;
            });

        	$('#mastercheckbox').click(function () {
        		$('.checkboxGroups').attr('checked', $(this).is(':checked')).change();
        	});

        	//wire up checkboxes.
        	$(document).on('change', '#activityLog-grid input[type=checkbox][id!=mastercheckbox]', function (e) {
        		var $check = $(this);
        		if ($check.is(":checked") == true) {
        			var checked = jQuery.inArray($check.val(), selectedIds);
        			if (checked == -1) {
        				//add id to selectedIds.
        				selectedIds.push($check.val());
        			}
        		}
        		else {
        			var checked = jQuery.inArray($check.val(), selectedIds);
        			if (checked > -1) {
        				//remove id from selectedIds.
        				selectedIds = $.grep(selectedIds, function (item, index) {
        					return item != $check.val();
        				});
        			}
        		}
        		updateMasterCheckbox();
        	});

        	function refreshGrid() {
        		var grid = $('#activityLog-grid').data('tGrid');
        		grid.currentPage = 1; //new search. Set page size to 1
        		grid.ajaxRequest();
        		//clear selected checkboxes
        		$('.checkboxGroups').attr('checked', false).change();
        		selectedIds = [];
        	}
        });

        function onDataBinding(e) {
        	var searchModel = {
        		ActivityLogTypeId: $('#ActivityLogTypeId').val(),
                CreatedOnFrom: $('#@Html.FieldIdFor(model => model.CreatedOnFrom)').val(),
                CreatedOnTo: $('#@Html.FieldIdFor(model => model.CreatedOnTo)').val(),
        		CustomerEmail: $('#@Html.FieldIdFor(model => model.CustomerEmail)').val(),
        		CustomerSystemAccount: $('#@Html.FieldIdFor(model => model.CustomerSystemAccount)').val()
            };
            e.data = searchModel;
        }

		function onDataBound(e) {
			$('#activityLog-grid input[type=checkbox][id!=mastercheckbox]').each(function () {
				var currentId = $(this).val();
				var checked = jQuery.inArray(currentId, selectedIds);
				//set checked based on if current checkbox's value is in selectedIds.
				$(this).attr('checked', checked > -1);
			});

			updateMasterCheckbox();
		}

		function updateMasterCheckbox() {
			var numChkBoxes = $('#log-grid input[type=checkbox][id!=mastercheckbox]').length;
			var numChkBoxesChecked = $('#log-grid input[type=checkbox][checked][id!=mastercheckbox]').length;
			$('#mastercheckbox').attr('checked', numChkBoxes == numChkBoxesChecked && numChkBoxes > 0);
		}
   </script>    
}