</li>
	  <li data-id="sort-with-me" data-button="Done" data-prev-text="Prev" data-options="tip_location:bottom;">
	    <p>… then tap here to execute the move.</p>
	  </li>
	</ol>
EOL;
	$view->setJoyride($joyride);
}
*/
// Group
if ($total_shown > 1) {
    // Group
    $view->group_h2('Reorder pages');
    $view->group_instruction('Change the pages’ numbers above to move them around the book.');
    $view->group_contents('<button class="btn primary save" name="submit" id="sort-with-me" type="submit" value="reorder"><i></i>Sort</button>' . "\n");
    $reorder_output .= $view->format_group();
}
/*
$link-> title('Learn more about markers');
$link-> url('http://www.getgrawlix.com/docs/'.DOCS_VERSION.'/markers');
$link-> tap('Markers');

$view->group_h2('Add marker');
$view->group_instruction($link-> external_link().' are sections of a book, like chapters, scenes or supplemental material. Use the checkboxes above to choose page(s) to begin new sections.');
$view->group_contents(
	$select_options .
 '<button class="btn primary new" name="submit" type="submit" value="add"><i></i>Add</button>'
);
$select_output .= $view->format_group();
*/
$search_form = <<<EOL
// Group
/*
$view->group_h2('Mobile image');
$view->group_instruction('Image that will appear on small screens, e.g. smartphones.');
$view->group_contents($mobile_content);
$content_output .= $view->format_group().'<hr />';

$view->group_h2('Tablet image');
$view->group_instruction('Image will appear on smallish screens.');
$view->group_contents($tablet_content);
$content_output .= $view->format_group().'<hr />';
*/
$view->group_h2('Title');
$view->group_instruction('Name of the website.');
$view->group_contents($title_content);
$content_output .= $view->format_group() . '<hr />';
$view->group_h2('Image');
$view->group_instruction('Image that readers will see.');
$view->group_contents($widescreen_content);
$content_output .= $view->format_group() . '<hr />';
$view->group_h2('Destination');
$view->group_instruction('Where the ad, when tapped, will take readers.');
$view->group_contents($destination_content);
$content_output .= $view->format_group() . '<hr />';
$view->group_h2('Code');
$view->group_instruction('Optional JS or HTML to use in lieu of images and destination. <strong>Entering code will override the image and link above.</strong>');
$view->group_contents($code_content);
$content_output .= $view->format_group();
$view->page_title('Ad editor');
$view->tooltype('ad');
$view->headline('Promo <span>' . $promo_info['title'] . '</span>');
$link->reveal(false);
$action_output = $link->button_secondary('new');
//$action_output .= '<a href="#multiple">Upload multiple pics</a>'."\n";
$view->action($action_output);
$new_image = <<<EOL
<label for="file_change">Comic page image</label>
<input type="file" id="file_change" name="file_change[]" value="" multiple/>


EOL;
$content_output .= '<form accept-charset="UTF-8" action="book.page-create.php" method="post" enctype="multipart/form-data">' . "\n";
$view->group_css('page');
$view->group_h2('Image');
$view->group_instruction('Upload the graphic(s) that readers will see on this page.');
$view->group_contents($new_image);
$content_output .= $view->format_group() . "<hr/>\n";
$view->group_css('page');
$view->group_h3('Order');
$view->group_instruction('Choose where in your book the new page will go.');
$view->group_contents($choose_marker_output);
$content_output .= $view->format_group() . "<hr/>\n";
$link->title = 'Learn more about metadata';
$link->url = 'http://www.getgrawlix.com/docs/' . DOCS_VERSION . '/metadata';
$link->tap = 'information that describes';
$link->transpose = false;
$view->group_css('page');
$view->group_h3('Metadata');
$view->group_instruction('Enter information about this page. Learn more about ' . $link->external_link() . ' this comic page.');
$view->group_contents($meta_output);
$content_output .= $view->format_group() . "<hr/>\n";
$view->group_css('page');
    $view->group_h3('Palette');
    $view->group_css('tone colors');
    $palette_output = '<ul class="option-list">';
    foreach ($palette_list as $label => $val) {
        unset($this_option);
        $this_label = ucfirst($val['title']);
        $this_option = '<input type="text" id="color-' . $label . '" name="input[' . $label . ']" value="' . $val['value'] . '" />';
        $palette_output .= '<li><h5><span>' . $this_option . '</span>' . $this_label . '</h5></li>';
        $js_call .= "\$('#" . $label . "').css('background-color', '" . $val['value'] . "')\n";
    }
    $palette_output .= '</ul></div>';
    $l = new GrlxLayout();
    $l->filler = '&nbsp;';
    $layout_output = '<div class="palette">' . $l->decode($theme_info['palette']);
    $view->group_contents($palette_output . $layout_output);
    $palette_output = $view->format_group() . $form->form_buttons() . '<hr class="sub"/>';
}
if ($options_list) {
    $view->group_h3('Styles');
    $view->group_css('tone');
    $styles_output = '<ul class="option-list">';
    $x = 1;
    foreach ($options_list as $type => $set) {
        foreach ($set as $label => $val) {
            unset($this_option);
            $this_label = ucfirst($val['title']);
            if ($val['type'] == 'border-style') {
                $this_option = build_select_val_as_key("input[{$label}]", array('none', 'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge'), $val['value']);
            }
            if ($val['type'] == 'border-width') {
                $this_option = '<input type="text" name="input[' . $label . ']" value="' . $val['value'] . '" />';
$edit_form_output .= '<form accept-charset="UTF-8" action="marker.edit.php" method="post">' . "\n";
$edit_form_output .= '	<p><label for="new_title">Title</label>' . "\n";
$edit_form_output .= '	<input type="text" id="new_title" name="new_title" size="12" style="width:12rem" value="' . $marker->markerInfo['title'] . '"/></p>' . "\n";
$edit_form_output .= '	<label for="edit_marker_type">Type</label>' . "\n";
$edit_form_output .= $select_options . "\n";
$edit_form_output .= '	<button class="btn primary save" name="submit" type="submit" value="save"><i></i>Save</button>' . "\n";
$edit_form_output .= '	<input type="hidden" name="marker_id" value="' . $marker_id . '"/>' . "\n";
$edit_form_output .= '</form>' . "\n";
// ! Build the overall view
$view->page_title('Marker: ' . $marker->markerInfo['title']);
$view->tooltype('chap');
$view->headline('Marker <span>' . $marker->markerInfo['title'] . '</span>');
$view->group_h2('General info');
$view->group_instruction('Change this marker’s name and type.');
$view->group_contents($edit_form_output);
$content_output .= $view->format_group();
// Let artists jump to the marker type manager
// from here because it’s contextual.
$link1->url('marker-type.list.php');
$link1->tap('Edit marker types');
$link1->id('edit-types');
$action_output = $link1->text_link('editmeta');
$view->action($action_output);
// ! Display
$output = $view->open_view();
$output .= $view->view_header();
$output .= $alert_output;
$output .= $content_output;
$output .= $view->close_view();
print $output;
print $view->close_view();
/*
$view->group_h2('Add marker');
$view->group_instruction('INSTRUCTIONS GO HERE');
$view->group_contents($add_marker_output);
$content_output .= '<hr/>' . $view->format_group();
*/
/*
$view->group_h2('Remove marker');
$view->group_instruction('INSTRUCTIONS GO HERE');
$view->group_contents($delete_marker_output);
$content_output .= $view->format_group().'<hr/>';
*/
$view->group_h2('Add pages');
$view->group_instruction('Upload images to create new pages here.');
$view->group_contents($new_upload_field);
$upload_output .= $view->format_group();
/*****
 * Display
 */
$output = $view->open_view();
$output .= $view->view_header();
$output .= $alert_output;
//$output .= $modal->modal_container();
$output .= '<form accept-charset="UTF-8" method="post" action="marker.view.php" enctype="multipart/form-data">' . "\n";
if ($pages_displayed && $pages_displayed > 10) {
    $output .= $upload_output . '<hr/>';
    $output .= $content_output;
} else {
    $output .= $content_output . '<hr/>';
    $output .= $upload_output;
}
if ($static->info['title'] == 'Home') {
    $form->readonly(true);
}
$form->value($static->info['title']);
$settings_form = $form->paint();
$form->input_description('new_description');
$form->value($static->info['description']);
$settings_form .= $form->paint();
$settings_form .= $path_link_output;
$layout_form = $layout_select_output;
$layout_form .= $pattern_select_output;
$view->group_css('sttc');
$view->group_h2('Settings');
$view->group_instruction('General information for this static page.');
$view->group_contents($settings_form);
$settings_output = $view->format_group() . $form->form_buttons() . '<hr />';
if ($mode != 'plaintext') {
    $view->group_css('sttc');
    $view->group_h2('Layout');
    $view->group_instruction('How items on this static page are arranged.');
    $view->group_contents($layout_form);
    $settings_output .= $view->format_group() . $form->form_buttons() . '<hr />';
}
if ($mode == 'plaintext') {
    $form_output .= '<p>Freeform content:</p>';
    $form_output .= '<textarea name="raw_content" rows="10" style="height:12rem">' . $static->info['options'] . '</textarea>';
    //	$form_output .= '<p><a href="#to-do" target="_blank">Get sample XML</a></p>';
}
$form_output .= $form->form_buttons();
$view->group_h2('Items');
$view->group_contents($form_output);