<div class="block">
    <div class="col-lg-10 col-lg-offset-1">
        <div class="wizard-card" data-color="light-blue">
                <fieldset>
                    <div class="row widget-setup-row-pad">
                        <div class="col-xs-12 form-group">
                            <h4><%= __('Open the widget based on the time the user is on your website') %></h4>
                            <div class="feature-toggle togglebutton">
                                <label for="widget-trigger-based-on-time">
                                        <%= __('Enabling and opening the widget based on a time interval') %>
                                    <input type="checkbox" name="widget-trigger-based-on-time" id="widget-trigger-based-on-time" class="widget-field-checkbox"
                                    <% if (triggerBasedOnTime) { %> checked <% } %> />
                                </label>
                            </div>
                        </div>
                        <div class="col-xs-12 form-group">
                            <label class="col-sm-3 trigger-setting-padding" for="widget-trigger-interval"><%= __('Open popup after') %></label>
                            <div class="col-sm-2">
                            <input class="form-control trigger-setting-no-padding" type="number" id="widget-trigger-interval"
                            value="<%- triggerInterval %>" <% if (!triggerBasedOnTime) { %> disabled <% } %> />
                            </div>
                            <label class="col-sm-2 trigger-setting-padding"><%= __('seconds') %></label>
                        </div>
                    </div>
                </fieldset>
                <fieldset>
                    <div class="row">
                        <div class="col-xs-12 form-group">
                            <h4><%= __('Open the widget based on a specific page an user visits on your website') %></h4>
                            <div class="feature-toggle togglebutton">
                                <label for="widget-trigger-based-on-page">
                                        <%= __('Enabling and opening the widget based on a specific page visit') %>
                                    <input type="checkbox" id="widget-trigger-based-on-page" class="widget-field-checkbox"
                                    <% if (triggerBasedOnPage) { %> checked <% } %> />
                                </label>
                            </div>
                        </div>
                        <div class="col-xs-12 form-group">
                            <label class="col-sm-4 trigger-setting-padding" for="widget-trigger-page-interval"><%= __('Open popup for page visited after') %></label>
                            <div class="col-sm-2">
                            <input class="form-control trigger-setting-no-padding" type="number" id="widget-trigger-page-interval"
                            value="<%- triggerPageInterval %>" <% if (!triggerBasedOnPage) { %> disabled <% } %> />
                            </div>
                            <label class="col-sm-2 trigger-setting-padding"><%= __('seconds') %></label>
                        </div>
                    </div>
                </fieldset>
                <div id="pages-container">
                </div>
        </div>
    </div>
</div>