/**
* @since 1.4.0
*
* @return string
*/
public function render()
{
$values = Prompt_Optins::optins_options();
$default_image_url = Prompt_Core::$url_path . '/media/optins/e-black-50.png';
$popup_image = new Prompt_Attachment_Image($values['optins_popup_image'], $default_image_url, 500, 500);
$inpost_image = new Prompt_Attachment_Image($values['optins_inpost_image'], $default_image_url, 500, 500);
$bottom_image = new Prompt_Attachment_Image($values['optins_bottom_image'], $default_image_url, 500, 500);
$rows = array($this->input(array('name' => 'optins_default_image_url', 'type' => 'hidden', 'value' => $default_image_url)));
$rows[] = html('div class="intro-text"', html('h2', __('Add optin forms to your site and turn visitors into subscribers', 'Postmatic')), html('P', __('Postmatic comes bundled with four different opt-in styles. They are lightweight, fast, and effective ways to build your audience.')));
$rows[] = html('div class="optin-enable" id="optin-select-popup"', html('div class="cbox"', $this->input(array('type' => 'checkbox', 'name' => 'optins_popup_enable', 'extra' => array('id' => 'optins_popup_enable')), $values), html('label', array('for' => 'optins_popup_enable'), __('Enable Popups', 'Postmatic'))));
$rows[] = html('div class="optin-enable gutter" id="optin-intro-popup"', html('div', html('h2', __('Popup over the page <small>(click to enable)</small>', 'Postmatic')), html('p', __('A traditional popup which displays over the page content using an animated modal window. This popup can be triggered depending how long a user has been on the page, when the user scrolls to the bottom of the post, or after the user leaves a comment if you are using <a href="http://gopostmatic.com/epoch">Epoch</a>.'))));
$rows[] = html('div id="popup-options" class="gutter"', html('h3 class="col1"', __('How would you like to trigger this popup?', 'Postmatic')), html('div id="popup-type" class="col1"', $this->input(array('type' => 'radio', 'name' => 'optins_popup_type', 'choices' => Prompt_Optins::popup_bottom_trigger_options()), $values), $this->input(array('type' => 'checkbox', 'name' => 'optins_popup_admin_test', 'desc' => __('<strong>Enable test mode</strong>: Always trigger popup for Administrator-level users', 'Postmatic')), $values)), html('div id="popup-time"', html('h4 class="col1"', __('After how many seconds would you like this popup to pop?', 'Postmatic')), $this->input(array('type' => 'number', 'name' => 'optins_popup_time', 'extra' => array('class' => 'col1')), $values)), html('div id="popup-title-text" class="col2"', html('h3', __('Add a headline and some welcoming text.', 'Postmatic')), html('h4', __('Headline', 'Postmatic')), $this->input(array('type' => 'text', 'name' => 'optins_popup_title'), $values), html('h4', __('Text to display below headline<small>Allowed HTML: a, strong, em, ul, ol, li, img, p, h2, h3, h4</small>', 'Postmatic')), $this->input(array('type' => 'textarea', 'label' => 'd', 'name' => 'optins_popup_desc'), $values)), $this->theme_chooser_html('popup-theme', 'optins_popup_theme', __('Choose a theme. This controls how the popup looks on your site.', 'Postmatic'), $values), html('div id="popup-image" class="optin-image"', html('h3', __('Choose an image to display on the left side of your popup.', 'Postmatic')), html('p', sprintf(__('We haven\'t built our image chooser yet but have created 8 different icons for you to use (or you can upload your own). <a href="%s" target="_blank">Download them here</a> and add the ones you like to your media library (below). In the future just search your media library for the word <em>Postmatic</em>.', 'Postmatic'), Prompt_Core::$url_path . '/media/optins/postmatic-optin-icons.zip')), html('img', array('src' => $popup_image->url()))), $this->input(array('name' => 'optins_popup_image', 'type' => 'hidden'), $values), html('input class="button" type="button" name="optins_popup_image_button"', array('value' => __('Change', 'Postmatic'))), html('input class="button" type="button" name="optins_popup_image_reset_button"', array('value' => __('Reset', 'Postmatic'))));
$rows[] = html('div class="optin-enable" id="optin-select-bottom"', html('div class="cbox"', $this->input(array('type' => 'checkbox', 'name' => 'optins_bottom_enable', 'value' => 1, 'extra' => array('id' => 'optins_bottom_enable')), $values), html('label', array('for' => 'optins_bottom_enable'), __('Enable bottom slider', 'Postmatic'))));
$rows[] = html('div class="optin-enable gutter" id="optin-intro-bottom"', html('div', html('h2', __('Slide in from the bottom <small>(click to enable)</small>', 'Postmatic')), html('p', __('A subtle slider that pops up from the bottom of the browser window. This popup can be triggered depending how long a user has been on the page, when the user scrolls to the bottom of the post, or after the user leaves a comment if you are using <a href="http://gopostmatic.com/epoch">Epoch</a>.'))));
$rows[] = html('div id="bottom-options" class="gutter"', html('h3 class="col1"', __('When should this slider trigger?', 'Postmatic')), html('div id="bottom-type" class="col1"', $this->input(array('type' => 'radio', 'name' => 'optins_bottom_type', 'choices' => Prompt_Optins::popup_bottom_trigger_options()), $values)), html('div id="bottom-time"', html('h4 class="col1"', __('After how many seconds would you like the slider to slide?', 'Postmatic')), $this->input(array('type' => 'number', 'name' => 'optins_bottom_time', 'extra' => array('class' => 'col1')), $values)), html('div id="bottom-title-desc" class="col2"', html('h3', __('Add a headline and some welcoming text.', 'Postmatic')), html('h4', __('Headline', 'Postmatic')), $this->input(array('type' => 'text', 'name' => 'optins_bottom_title'), $values), html('h4', __('Text to display below headline<small>Allowed HTML: a, strong, em, ul, ol, li, img, p, h2, h3, h4</small>', 'Postmatic')), $this->input(array('type' => 'textarea', 'label' => 'd', 'name' => 'optins_bottom_desc'), $values)), $this->theme_chooser_html('bottom-theme', 'optins_bottom_theme', __('Choose a theme. This controls how the slider looks on your site.', 'Postmatic'), $values), html('div id="bottom-image" class="optin-image"', html('h3', __('Choose an image to display on the right side of your popup.', 'Postmatic')), html('p', sprintf(__('We haven\'t built our image chooser yet but have created 8 different icons for you to use (or you can upload your own). <a href="%s" target="_blank">Download them here</a> and add the ones you like to your media library (below). In the future just search your media library for the word <em>Postmatic</em>.', 'Postmatic'), Prompt_Core::$url_path . '/media/optins/postmatic-optin-icons.zip')), html('img', array('src' => $bottom_image->url()))), $this->input(array('name' => 'optins_bottom_image', 'type' => 'hidden'), $values), html('input class="button" type="button" name="optins_bottom_image_button"', array('value' => __('Change', 'Postmatic'))), html('input class="button" type="button" name="optins_bottom_image_reset_button"', array('value' => __('Reset', 'Postmatic'))));
$rows[] = html('div class="optin-enable" id="optin-select-topbar"', html('div class="cbox"', $this->input(array('type' => 'checkbox', 'name' => 'optins_topbar_enable', 'value' => '1', 'extra' => array('id' => 'optins_topbar_enable')), $values), html('label', array('for' => 'optins_topbar_enable'), __('Enable the topbar', 'Postmatic'))));
$rows[] = html('div class="optin-enable gutter" id="optin-intro-topbar"', html('div', html('h2', __('A bar across the top of your site <small>(click to enable)</small>', 'Postmatic')), html('p', __('A 50px tall bar that spans across the top of your site. The bar is a persistent (meaning it does no scroll with the rest of your content) and unobtrusive reminder to subscribe. <strong>Note:</strong> may not render properly in all themes. This one is tricky. Give it a try to see.'))));
$rows[] = html('div id="topbar-title-desc" class="gutter"', html('h3 scope="row"', __('What message should be in the bar?', 'Postmatic')), html('div', __('', 'Postmatic'), $this->input(array('type' => 'text', 'name' => 'optins_topbar_title'), $values)), $this->theme_chooser_html('topbar-theme', 'optins_topbar_theme', __('Choose a theme. This controls how the bar looks on your site.', 'Postmatic'), $values));
if (isset($values['optins_inpost_ids'])) {
if (is_array($values['optins_inpost_ids'])) {
$values['optins_inpost_ids'] = implode(',', $values['optins_inpost_ids']);
}
}
$rows[] = html('div class="optin-enable" id="optin-select-inline"', html('div id="inpost-enable" class="cbox"', $this->input(array('type' => 'checkbox', 'name' => 'optins_inpost_enable', 'value' => '1', 'extra' => array('id' => 'optins_inpost_enable')), $values), html('label', array('for' => 'optins_inpost_enable'), __('Enable after-the-post', 'Postmatic'))));
$rows[] = html('div class="optin-enable gutter" id="optin-intro-inpost"', html('div', html('h2', __('A form at the end of each post <small>(click to enable)</small>', 'Postmatic')), html('p', __('A nicely styled form that automatically displays at the bottom of each post on your site and invites users to subscribe. Classy, simple, and effective.'))));
$rows[] = html('div id="inpost-options" class="gutter"', html('div id="inpost-title-desc"', html('h4', __('Give the box a headline', 'Postmatic')), $this->input(array('type' => 'text', 'name' => 'optins_inpost_title'), $values), html('h4', __('Add some text inviting your users to subscribe', 'Postmatic')), $this->input(array('type' => 'textarea', 'label' => 'd', 'name' => 'optins_inpost_desc'), $values)), html('div id="inpost-ids"', $this->input(array('type' => 'text', 'name' => 'optins_inpost_ids', 'value' => 'all'), $values), __('IDs (comma separated) of posts to show in. Or use "all" to use on all posts.', 'Postmatic')), $this->theme_chooser_html('inpost-theme', 'optins_inpost_theme', __('Choose a theme. This controls how the form looks on your site.', 'Postmatic'), $values), html('div id="inpost-image" class="optin-image"', html('h3', __('Choose an image to display on the left side of your form.', 'Postmatic')), html('p', sprintf(__('We haven\'t built our image chooser yet but have created 8 different icons for you to use (or you can upload your own). <a href="%s" target="_blank">Download them here</a> and add the ones you like to your media library (below). In the future just search your media library for the word <em>Postmatic</em>.', 'Postmatic'), Prompt_Core::$url_path . '/media/optins/postmatic-optin-icons.zip')), html('img', array('src' => $inpost_image->url()))), $this->input(array('name' => 'optins_inpost_image', 'type' => 'hidden'), $values), html('input class="button" type="button" name="optins_inpost_image_button"', array('value' => __('Change', 'Postmatic'))), html('input class="button" type="button" name="optins_inpost_image_reset_button"', array('value' => __('Reset', 'Postmatic'))));
$content = $this->table_wrap(implode('', $rows));
return $this->form_wrap($content) . $this->footer();
}
