<?php get_header(); ?>

<?php

$page_title = __('Share a map', 'newsroom');

$map = false;

if($_GET['map_id']) {

$map = get_post($_GET['map_id']);

if($map && get_post_type($map->ID) == 'map')

$page_title = __('Share', 'newsroom') . ' ' . get_the_title($map->ID);

else

$map = false;

}

// All maps

$maps = get_posts(array('post_type' => 'map', 'posts_per_page' => -1));

// Single map

if(!$map && count($maps) <= 1) {

$map = array_shift($maps);

$page_title = __('Share the map', 'newsroom');

}

// check for layer count

$allow_layers = true;

$layers = false;

if($allow_layers) {

if(isset($_GET['layers'])) {

$layers = explode(',', $_GET['layers']);

} elseif($map) {

$layers = jeo_get_map_layers($map->ID);

if(count($layers) <= 1) {

$layers = false;

}

}

}

// post

$post_id = false;

if(isset($_GET['p']))

$post_id = $_GET['p'];

// share url

if($post_id) {

$share_url = jeo_get_share_url(array('p' => $post_id));

} else {

$share_url = jeo_get_share_url();

}

?>

<section id="content" class="share-page">

<header class="page-header">

<div class="container">

<div class="twelve columns">

<h1><?php echo $page_title; ?></h1>

</div>

</div>

</header>

<div id="jeo-share-widget">

<div id="configuration">

<div class="container row">

<?php

if(count($maps) > 1 || ($map && $layers)) :

?>

<div class="section layer three columns">

<div class='inner'>

<?php if(!$map) : ?>

<h4>

<?php _e('Choose a map', 'newsroom'); ?>

<a class='tip' href='#'>

?

<span class="popup arrow-left">

<?php _e('Choose any map from the list', 'newsroom'); ?>

</span>

</a>

</h4>

<div id='maps'>

<select id="map-select" data-placeholder="<?php _e('Select a map', 'newsroom'); ?>" class="chzn-select">

<?php foreach($maps as $map) : ?>

<option value="<?php echo $map->ID; ?>"><?php echo get_the_title($map->ID); ?></option>

<?php endforeach; ?>

</select>

<?php if($allow_layers) : ?>

<a href="#" class="select-map-layers" style="display:block;margin-top:5px;"><?php _e('Select layers from this map', 'newsroom'); ?></a>

<?php endif; ?>

</div>

<?php elseif($map && $layers) : ?>

<?php $map_id = $map->ID; ?>

<h4>

<?php if(!isset($_GET['layers'])) : ?>

<?php echo __('Select layers', 'newsroom'); ?>

<?php else : ?>

<?php _e('Select layers', 'newsroom'); ?>

<?php endif; ?>

<a class="tip" href="#">

?

<span class="popup arrow-left">

<?php _e('Choose any layers from the list', 'newsroom'); ?>

</span>

</a>

</h4>

<div id="maps">

<?php if($layers) : ?>

<select id="layers-select" data-placeholder="<?php _e('Select layers', 'newsroom'); ?>" data-mapid="<?php echo $map_id; ?>" class="chzn-select" multiple>

<?php foreach($layers as $layer) : ?>

<?php

if(!is_array($layer)) :

$l = array('id' => $layer, 'title' => $layer);

$layer = $l;

endif;

?>

<option value="<?php echo $layer['id']; ?>" selected><?php if($layer['title']) : echo $layer['title']; else : echo $layer['id']; endif; ?></option>

<?php endforeach; ?>

</select>

<?php endif; ?>

<a class="clear-layers" href="#"><?php _e('Back to default layer configuration', 'newsroom'); ?></a>

<?php if(count($maps) > 1) : ?>

<p><a class="button" href="<?php echo $share_url; ?>"><?php _e('View all maps', 'newsroom'); ?></a></p>

<?php endif; ?>

</div>

<?php else : ?>

<h4>&nbsp;</h4>

<input type="hidden" id="map_id" name="map_id" value="<?php echo $map->ID; ?>" />

<p><a class="button" href="<?php echo $share_url; ?>"><?php _e('View all maps', 'newsroom'); ?></a></p>

<?php endif; ?>

</div>

</div>

<?php endif; ?>

<?php

$taxonomies = jeo_get_share_widget_taxonomies();

?>

<div class="section two columns">

<div class="inner">

<h4>

<?php _e('Filter content', 'newsroom'); ?>

<a class="tip" href="#">

?

<span class="popup arrow-left">

<?php _e('Filter the content displayed on the map through our options', 'newsroom'); ?>

</span>

</a>

</h4>

<div id="map-content">

<select id="content-select" data-placeholder="<?php _e('Select content', 'newsroom'); ?>" class="chzn-select">

<?php

if(isset($_GET['p'])) :

$post = get_post($_GET['p']);

if($post) : ?>

<optgroup label="<?php _e('Selected content', 'newsroom'); ?>">

<option value="post&<?php echo $post->ID; ?>" selected><?php echo get_the_title($post->ID); ?></option>

</optgroup>

<?php endif; ?>

<?php endif; ?>

<optgroup label="<?php _e('General content', 'newsroom'); ?>">

<option value="latest"><?php if(!isset($_GET['map_id'])) _e('Content from the map', 'newsroom'); else _e('Latest content', 'newsroom'); ?></option>

<option value="map-only"><?php _e('No content (map only)', 'newsroom'); ?></option>

</optgroup>

<?php foreach($taxonomies as $taxonomy) :

$taxonomy = get_taxonomy($taxonomy);

if($taxonomy) :

$terms = get_terms($taxonomy->name);

if($terms) :

?>

<optgroup label="<?php echo __('By', 'newsroom') . ' ' . strtolower($taxonomy->labels->name); ?>">

<?php foreach($terms as $term) : ?>

<option value="tax_<?php echo $taxonomy->name; ?>&<?php echo $term->slug; ?>"><?php echo $term->name; ?></option>

<?php endforeach; ?>

</optgroup>

<?php

endif;

endif;

endforeach; ?>

</select>

</div>

</div>

</div>

<div class='section size three columns'>

<div class='inner'>

<h4>

<?php _e('Width & Height', 'newsroom'); ?>

<a class='tip' href='#'>

?

<span class="popup arrow-left">

<?php _e('Select the width and height proportions you would like to embed to be.', 'newsroom'); ?>

</span>

</a>

</h4>

<ul id='sizes' class='sizes clearfix'>

<li><a href='#' data-size='small' data-width='480' data-height='300'><?php _e('Small', 'newsroom'); ?></a></li>

<li><a href='#' data-size='medium' data-width='600' data-height='400'><?php _e('Medium', 'newsroom'); ?></a></li>

<li><a href='#' data-size='large' data-width='960' data-height='480' class='active'><?php _e('Large', 'newsroom'); ?></a></li>

</ul>

</div>

</div>

<div class='section output two columns'>

<div class='inner'>

<h4>

<div class='popup arrow-right'>

</div>

<?php _e('HTML Output', 'newsroom'); ?>

<a class='tip' href='#'>

?

<span class="popup arrow-left">

<?php _e('Copy and paste this code into an HTML page to embed with it\'s current settings and location', 'newsroom'); ?>

</span>

</a>

</h4>

<textarea id="output"></textarea>

<div class="sub-inner">

<h5>

<div class='popup arrow-right'>

</div>

<?php _e('URL', 'newsroom'); ?>

<a class='tip' href='#'>

?

<span class="popup arrow-left">

<?php _e('Get the original to use as a link or a custom embed.', 'newsroom'); ?>

</span>

</a>

</h5>

<input type="text" id="url-output" />

</div>

</div>

</div>

<div class="section social two columns">

<div class="inner">

<h4>

<div class="popup arrow-right">

</div>

<?php _e('Share', 'newsroom'); ?>

<a class="tip" href="#">

?

<span class="popup arrow-left">

<?php _e('Share this map, with it\'s current settings and location, on your social network', 'newsroom'); ?>

</span>

</a>

</h4>

</div>

<p id="jeo-share-social" class="links">

<a href="#" class="facebook"><span class="icon-facebook"></span></a>

<a href="#" class="twitter"><span class="icon-twitter"></span></a>

</p>

</div>

</div>

</div>

<div class="container">

<div class="twelve columns">

<h2 class="preview-title"><?php _e('Map preview', 'newsroom'); ?></h2>

</div>

</div>

<div id="embed-container">

<div class="content" id="widget-content">

<!-- iframe goes here -->

</div>

</div>

</div>

</section>

<script type="text/javascript">

jQuery(document).ready(function($) {

jeo_share_widget.controls();

});

</script>

<?php get_footer(); ?>