@model UserAgreementModel
@{
    Layout = "_ColumnsOne";

    //page class
    NopHtml.AppendPageCssClassParts("html-user-agreement-page");
}
<script asp-location="Footer">
    $(function () {
        $("#agreement-agree").on('click', toggleContinueButton);
        toggleContinueButton();
    });
    function toggleContinueButton() {
        if ($('#agreement-agree').is(':checked')) {
            $('#continue-downloading').prop('disabled', false);
        } else {
            $('#continue-downloading').prop('disabled', true);
        }
    }
</script>
<div class="page user-agreement-page">
    <div class="page-title">
        <h1>@T("DownloadableProducts.UserAgreement")</h1>
    </div>
    <div class="page-body">
        <div class="terms-of-agreement">
            <div class="form-check mb-0 mr-0">
                <input class="form-check-input" id="agreement-agree" type="checkbox" value="@T("DownloadableProducts.IAgree")" />
                <span class="form-check-label ml-1">
                    @Html.Raw(Model.UserAgreementText)
                </span>
            </div>
        </div>
        <div class="buttons">
            <button type="submit" id="continue-downloading" class="btn btn-primary button-1 user-agreement-button" onclick="setLocation('@Url.RouteUrl("GetDownload", new { orderItemId = Model.OrderItemGuid, agree = true })')">@T("Common.Continue")</button>
        </div>
    </div>
</div>
