<h1>
    Alerts and Prompts
</h1>
<p>
    The Popup control can be used to implement static
    methods for showing alert and prompt dialogs:
</p>

<div class="demo-settings">
    <label for="btnShow">Show</label>
    <button id="btnShow" class="btn btn-primary">Show Popup</button>
</div>

<div class="row demo-settings">

    <div class="col-xs-6">

        <!-- important options -->
        <label for="type">Type</label>
        @Html.C1().ComboBox().Id("type").Bind(new[] { "Alert", "Prompt" })
        <br />
        <label for="header">Header</label>
        @Html.C1().ComboBox().Id("header").Text("Header").ShowDropDownButton(false)
        <br />
        <label for="body">Body</label>
        @Html.C1().ComboBox().Id("body").Text("Dialog message.").ShowDropDownButton(false)
        <br />
        <label for="defVal">Default Value</label>
        @Html.C1().ComboBox().Id("defVal").Text("Default value").ShowDropDownButton(false)
        <br />
        <label for="small">Small</label>
        <input id="small" type="checkbox">
        <br />
        <label for="ok">OK Text</label>
        @Html.C1().ComboBox().Id("ok").Text("OK").ShowDropDownButton(false)
        <br />
        <label for="cancel">Cancel Text</label>
        @Html.C1().ComboBox().Id("cancel").Text("Cancel").ShowDropDownButton(false)
        <br />
    </div>

    <div class="col-xs-6">

        <!-- details -->
        <label for="clsDialog">Dialog Class</label>
        @Html.C1().ComboBox().Id("clsDialog").Text("modal-dialog").ShowDropDownButton(false)
        <br />
        <label for="clsHeader">Header Class</label>
        @Html.C1().ComboBox().Id("clsHeader").Text("modal-header").ShowDropDownButton(false)
        <br />
        <label for="clsBody">Body Class</label>
        @Html.C1().ComboBox().Id("clsBody").Text("modal-body").ShowDropDownButton(false)
        <br />
        <label for="clsInput">Input Class</label>
        @Html.C1().ComboBox().Id("clsInput").Text("form-control").ShowDropDownButton(false)
        <br />
        <label for="clsFooter">Body Class</label>
        @Html.C1().ComboBox().Id("clsFooter").Text("modal-footer").ShowDropDownButton(false)
        <br />
        <label for="clsOK">OK Class</label>
        @Html.C1().ComboBox().Id("clsOK").Text("btn btn-primary").ShowDropDownButton(false)
        <br />
        <label for="clsCancel">Cancel Class</label>
        @Html.C1().ComboBox().Id("clsCancel").Text("btn btn-default").ShowDropDownButton(false)
        <br />
    </div>
</div>

@Html.C1().Popup().Id("popup")