<h1>
    @Html.Raw(Resources.C1Nav.Architecture_Title)
</h1>

<p>
    @Html.Raw(Resources.C1Nav.Architecture_Text1)
</p>
<p>
    @Html.Raw(Resources.C1Nav.Architecture_Text2)
</p>
<p>
    @Html.Raw(Resources.C1Nav.Architecture_Text3)
</p>
<p>
    @Html.Raw(Resources.C1Nav.Architecture_Text4)
</p>
<p>
    @Html.Raw(Resources.C1Nav.Architecture_Text5)
</p>

<div class="row demo-settings">
    <div class="col-xs-6">
        <label for="cmbLevels">
            @Html.Raw(Resources.C1Nav.Architecture_Text6)
        </label>
        @(Html.C1().ComboBox<int>().Id("cmbLevels").Bind(new[] { 1, 2, 3 }).SelectedValue(2))
        <br />
        <label for="cmbLevels">
            @Html.Raw(Resources.C1Nav.Architecture_Text7)
        </label>
        @(Html.C1().ComboBox<int>().Id("cmbNodesPerLevel").Bind(new[] { 5, 10, 20, 40 }).SelectedValue(5))
        <br />
        <label></label>
        <button class="btn btn-primary" id="bind">
            @Html.Raw(Resources.C1Nav.Architecture_Text8)
        </button>
        <div id="bindingMsg"></div>
    </div>
    <div class="col-xs-6">
        @Html.C1().TreeView().Id("theTree")
    </div>
</div>