@model IEnumerable<FlexGridData.Sale>

<h1>
    @Html.Raw(Resources.C1Mvc.CVValidation_Title)
</h1>
<p>
    @Html.Raw(Resources.C1Mvc.CVValidation_Text1)
</p>
<p>
    @Html.Raw(Resources.C1Mvc.CVValidation_Text2)
</p>
<p>
    @Html.Raw(Resources.C1Mvc.CVValidation_Text3)
</p>

<h2>
    @Html.Raw(Resources.C1Mvc.CVValidation_Title1)
</h2>
<p>
    @Html.Raw(Resources.C1Mvc.CVValidation_Text4)
</p>
@(Html.C1().FlexGrid().Id("theGrid")
    .Bind(b=>b.Bind(Model).DisableServerRead(true))
    .OrderBy("Country")
    .AutoGenerateColumns(false)
    .Columns(cs=>
    {
        cs.Add().Binding("Country").Header("Country");
        cs.Add().Binding("Downloads").Header("Downloads");
        cs.Add().Binding("Sales").Header("Sales");
        cs.Add().Binding("Expenses").Header("Expenses");
        cs.Add().Binding("Active").Header("Active");
    })
)

<h2>
    @Html.Raw(Resources.C1Mvc.CVValidation_Title2)
</h2>
<p>
    @Html.Raw(Resources.C1Mvc.CVValidation_Text5)
</p>
<form id="theForm" class="form-inline">
    <div class="form-group">
        <b>@Html.Raw(Resources.C1Mvc.CVValidation_Text6)</b>
         <input id="Country" type="text" class="form-control" required value="US">
    </div>
    <div class="form-group">
        <b>@Html.Raw(Resources.C1Mvc.CVValidation_Text7)</b>
        <input id="Downloads" type="number" class="form-control" required value="123">
        <b>@Html.Raw(Resources.C1Mvc.CVValidation_Text8)</b>
        <input id="Sales" type="number" class="form-control" required value="123">
    </div>
    <button type="submit" class="btn btn-primary">@Resources.Resource.Btn_Submit</button>
</form>  