$view->meta_info_list($meta_list);
$meta_output = $view->format_meta() . '<hr />';
/*****
* Display
*/
$output = $view->open_view();
$output .= $view->view_header();
$output .= $alert_output;
$output .= $modal->modal_container();
$output .= $meta_output;
$output .= $form_output;
print $output;
$js_call .= <<<EOL
\t\$( '[id^="color-"]' ).spectrum({
\t\tpreferredFormat: "hex",
\t\tshowPalette: true,
\t\tshowInitial: true,
\t\tshowInput: true,
\t\tshowSelectionPalette: true,
\t\tpalette: [ ],
\t\tlocalStorageKey: "grawlix.themecolors",
\t\tchange: function(color) {
\t\t\tvar id = \$(this).attr('id').substring(6); // trim 'color-' off the sting
\t\t\tvar setHex = color.toHexString();
\t\t\t\$( '#'+id ).css('background-color', setHex);
\t\t},
\t});
EOL;
$view->add_script('spectrum.min.js');
$view->add_inline_script($js_call);
print $view->close_view();
left: -10px;
width: 140px;
background: #be2626;
background: linear-gradient(to bottom, #be2626, #a92222);
padding: 0.5em 1.2em;
color: white; }
.dropzone .dz-preview .dz-error-message:after {
content: '';
position: absolute;
top: -6px;
left: 64px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #be2626; }
</style>
<?php
echo $images_output;
?>
<?php
echo $content_output;
?>
<?php
$view->add_jquery_ui();
$view->add_script('dropzone.min.js');
$view->add_inline_script($js_call);
print $view->close_view();
