@model InstallModel

<div id="sqlDatabaseInfo">
    <div class="credentials">
        <div class="form-group row">
            <label class="col-sm-3 col-form-label text-right font-weight-bold">
                @ILS.GetResource("ServerName")
            </label>
            <div class="col-sm-8">
                <input asp-for="ServerName" class="form-control" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-3 col-form-label text-right font-weight-bold">
                @ILS.GetResource("DatabaseName")
            </label>
            <div class="col-sm-8">
                <input asp-for="DatabaseName" class="form-control" />
            </div>
        </div>
    </div>
    <div class="form-group row">
        <div class="col-md-6 offset-md-3">
            <div class="form-check">
                <input class="form-check-input" asp-for="IntegratedSecurity" asp-value="@true" />
                <label class="form-check-label" for="@Html.IdFor(m => m.IntegratedSecurity)">
                    @ILS.GetResource("IntegratedAuthentication")
                </label>
            </div>
        </div>
    </div>
    <div class="credentials" id="pnlSqlServerCredentials">
        <div class="form-group row">
            <label class="col-sm-3 col-form-label text-right font-weight-bold">
                @ILS.GetResource("SqlUsername")
            </label>
            <div class="col-sm-8">
                <input asp-for="Username" class="form-control" />
            </div>
        </div>
        <div class="form-group row">
            <label class="col-sm-3 col-form-label text-right font-weight-bold">
                @ILS.GetResource("SqlPassword")
            </label>
            <div class="col-sm-8">
                <input asp-for="Password" class="form-control" />
            </div>
        </div>
    </div>
</div>

<script>
    $(function () {
        $('#@Html.IdFor(x => x.IntegratedSecurity)').click(toggleSqlAuthenticationType);

        toggleSqlAuthenticationType();
    })

    function toggleSqlAuthenticationType() {
        var sqlAuthentication = $("#@Html.IdFor(x => x.IntegratedSecurity)").is(':checked');
        if (sqlAuthentication) {
            $('#pnlSqlServerCredentials').hide();
        } else {
            $('#pnlSqlServerCredentials').show();
        }
    }
</script>