using MvcExplorer.Models;
using Microsoft.AspNetCore.Mvc;
using System.Linq;
using System.Collections.Generic;
using Microsoft.AspNetCore.Http;

namespace MvcExplorer.Controllers
{
    public partial class TreeViewController : Controller
    {
        // GET: Index
        public ActionResult Index(IFormCollection collection)
        {
            _treeViewDataModel.LoadPostData(collection);
            ViewBag.DemoOptions = _treeViewDataModel;
            return View(Property.GetData(Url));
        }

        private readonly ControlOptions _treeViewDataModel = new ControlOptions
        {
            Options = new OptionDictionary
            {
                {"IsAnimated",new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "True"}},
                {"AutoCollapse", new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "True"}},
                {"ExpandOnClick",new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "True"}},
                {"CollapseOnClick",new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "False"}},
                {"ExpandOnLoad",new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "True"}},
                {"CollapseWhenDisabled",new OptionItem{Values = new List<string> { "True", "False"},CurrentValue = "True"}}
            }
        };
    }
}

@model Property[]

@{
    ControlOptions optionsModel = ViewBag.DemoOptions;
    ViewBag.DemoSettings = true;
}

<c1-tree-view display-member-path="Header" child-items-path="Items" id="treeView"
              source="Model"
              is-animated="@Convert.ToBoolean(optionsModel.Options["IsAnimated"].CurrentValue)"
              collapse-when-disabled="@Convert.ToBoolean(optionsModel.Options["CollapseWhenDisabled"].CurrentValue)"
              auto-collapse="@Convert.ToBoolean(optionsModel.Options["AutoCollapse"].CurrentValue)"
              expand-on-click="@Convert.ToBoolean(optionsModel.Options["ExpandOnClick"].CurrentValue)"
              collapse-on-click="@Convert.ToBoolean(optionsModel.Options["CollapseOnClick"].CurrentValue)"
              expand-on-load="@Convert.ToBoolean(optionsModel.Options["ExpandOnLoad"].CurrentValue)">
</c1-tree-view>

<div>
    <button id="btnDisableNode" class="btn btn-default" onclick="disableSelectedNode()">
        Disable Selected Node
    </button>
    <button id="btnEnableAllNodes" class="btn btn-default" onclick="enableAllNode()">
        Enable All Nodes
    </button>
</div>

@section Scripts{
    <script>
        function disableSelectedNode() {
            let treeView = wijmo.Control.getControl("#treeView");
            if (treeView && treeView.selectedNode) {
                treeView.selectedNode.isDisabled = true;
            }
        }

        function enableAllNode() {
            let treeView = wijmo.Control.getControl("#treeView");
            if (treeView) {
                for (var nd = treeView.getFirstNode(); nd; nd = nd.next()) {
                    nd.isDisabled = false;
                }
            }
        }
    </script>

}

@section Settings{
    @await Html.PartialAsync("_OptionsMenu", optionsModel)
}

@section Summary{
    <p>@Html.Raw(TreeViewRes.Index_Text0)</p>
}

@section Description{
    <p>@Html.Raw(TreeViewRes.Index_Text1)</p>
    <p>@Html.Raw(TreeViewRes.Index_Text2)</p>
    <p>@Html.Raw(TreeViewRes.Index_Text3)</p>
}