\t\t\t\t</div>
\t\t\t</li>
EOL;
    }
    $all_themes_output .= '</ul>';
}
$view->page_title('Themes');
$view->tooltype('theme');
$view->headline('Themes');
$view->action($action_output);
$view->group_css('theme');
$view->group_h2('Assign');
$view->group_instruction($instruction);
$view->group_contents($assign_output);
$content_output .= $view->format_group() . '<hr/>';
$view->group_h3('List');
$view->group_css('theme');
$view->group_instruction('Manage your installed themes here.');
$view->group_contents($all_themes_output);
$content_output .= $view->format_group();
/* ! Display * * * * * * * */
$output = $view->open_view();
$output .= $view->view_header();
//$output .= '<div id="result"></div>';
$output .= $alert_output;
$output .= $content_output;
/*
$js_call = <<<EOL
	$('a[href="#"]').click(function(e){
		e.preventDefault();
		var item = $(this).attr('id');
//$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('Blog');
$view->group_instruction('Your thoughts of the day.');
<form action="uploadtome.php" class="dropzone" method="post" enctype="multipart/form-data">
<div class="fallback">
  <input name="file[]" type="file" multiple />
</div>
</form>
EOL;
$view->group_h2('Quick add');
$view->group_instruction('Just add pages to the end of your book with no frills.');
$view->group_contents($quick_upload_field);
$content_output .= $view->format_group() . '<hr />';
$content_output .= '<form accept-charset="UTF-8" action="marker.create.php" method="post" enctype="multipart/form-data" data-abide>' . "\n";
$view->group_h2('Add images');
$view->group_instruction('Upload images from your computer to make comic pages.');
$view->group_contents($new_upload_field);
$content_output .= $view->format_group();
$view->group_h3('Starting at');
$view->group_instruction('Where in your story should the new pages go?');
$view->group_contents($new_order_field);
$content_output .= $view->format_group();
$link->title = 'Learn more about markers';
$link->url = 'http://www.getgrawlix.com/docs/' . DOCS_VERSION . '/marker';
$link->tap = 'mark these pages';
$view->group_h3('Marker');
$view->group_instruction('Optionally, you can ' . $link->external_link() . ' with a new ' . $this_type . '.');
$view->group_contents($new_title_field);
$content_output .= $view->format_group();
$content_output .= '</form>' . "\n";
print $view->open_view();
print $view->view_header();
print $alert_output;
?>
        }
    }
    $tone_menu_output .= '</ul>';
}
$tone_title_output = 'Tone <span>' . $theme_info['tone_title'] . '</span>' . $tone_menu_output;
// Organize for display based on type
if ($options_list) {
    foreach ($options_list as $type => $set) {
        if ($type == 'color') {
            $palette_list = $set;
            unset($options_list[$type]);
        }
    }
}
if ($palette_list) {
    $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"/>';
    $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);
$view->group_instruction('Stuff the readers see.');
$content_output = $view->format_group();
if ($new_output) {
    $view->group_h3('Add more');
    $new_output .= $form->form_buttons();
    $view->group_contents($new_output);
    $new_output = '<hr />' . $view->format_group();
}
/*****
 * Display
 */
$output = $view->open_view();
$output .= $view->view_header();
$output .= $alert_output;
$output .= $form->open_form();
$output .= $hidden_fields;
$output .= $settings_output;
$output .= $content_output;
$output .= $new_output;