<?php
session_start();
include('includes/functions.php');

// INCLUDE THE PAGE NAME FOR TRACKING
$pagename = 'hero_members';

get_header($pagename);

get_navbar($pagename);
?>

<div id='content'>
	
	<div class='panel panel-default'>
		<div class='panel-heading'>
			<i class='fa fa-pencil icon-large'></i> Hero / Slider Settings (Members-Area)
		</div>
		<div class='panel-body'>
		
			<?php if( isset($_GET['action']) && $_GET['action'] == 'hero_updated' ) { ?>
			
				<div class="alert alert-success">
					<h4><strong>Hero/Slider</strong> Successfuly updated!</h4>
					<p><i class="fa fa-check"></i> The Hero/Slider settings have been successfuly stored in the database.</p>
					
					<p><br/><a href="hero_members.php" class="btn btn-success">Return to Hero/Slider Settings (Members-Area)</a></p>
				</div>
			
			<?php } else { ?>
			
			<?php checkDatabase(); ?>
			
			<?php $options = get_theme_options('HERO_MEMBERS_OPTIONS'); ?>
			
			<form enctype="multipart/form-data" action="hero_members.php" method="POST">
				<script>
					jQuery(function($) {
						//on change:
						$('select#hero_slideshow').change(function() {
							var select_val = $(this).val();
							display_related_fields(select_val);
						});
						
						//onload
						var select_val = $('select#hero_slideshow').val();
						display_related_fields(select_val);
						
						function display_related_fields( select_val ){
							if( select_val == 0 ) {
								$('.display_if_hero').hide();
								$('.display_if_slideshow').hide();
								$('.display_if_videobg').hide();
							}
							if( select_val == 'hero' ) {
								$('.display_if_hero').show();
								$('.display_if_slideshow').hide();
								$('.display_if_videobg').hide();
							}
							if( select_val == 'slideshow' ) {
								$('.display_if_hero').hide();
								$('.display_if_slideshow').show();
								$('.display_if_videobg').hide();
							}
							if( select_val == 'videobg' ) {
								$('.display_if_hero').hide();
								$('.display_if_slideshow').hide();
								$('.display_if_videobg').show();
							}
						}
					});
				</script>
				
				<fieldset>									
					<legend>Hero / Slider</legend>
					
					<div class="col-md-6" style="display:none;">
						<div class="form-group">
							<label class="control-label">Static Image or Slideshow?</label>
							<select class="form-control" id="hero_slideshow" name="hero_slideshow">
								<option value="slideshow" selected>Slideshow</option>
							</select>
						</div>
					
						<span class="display_if_slideshow">
							<legend>Slideshow Setup</legend>
							<p>We recommend using a maximum of 5 slides. More than that will just slow down your site.</p>
						</span><!--//display_if_hero-->
					
					</div><!--//col-md-6-->
					
					<span class="display_if_slideshow">
						<table class="table table-bordered">
							<thead>
								<tr>
									<th>Show/Hide</th>
									<th>Slide Media</th>
									<th>Link</th>
									<th>Target</th>
								</tr>
							</thead>
							<tbody>
								<?php for ($x = 1; $x <= 5; $x++) { ?>
								<tr>
									<td>
										<div class="form-group">
											<select class="form-control" name="slideshow_0<?php echo $x; ?>_display">
												<option value="0" <?php if($options['slideshow_0'.$x.'_display'] != '' && $options['slideshow_0'.$x.'_display'] == 0){ echo 'selected="selected"'; } ?>>Hide</option>
												<option value="1" <?php if($options['slideshow_0'.$x.'_display'] != '' && $options['slideshow_0'.$x.'_display'] == 1){ echo 'selected="selected"'; } ?>>Show</option>
											</select>
										</div>
									</td>
									<td>
										<div class="form-group">
											<input type="file" class="form-control" name="slideshow_0<?php echo $x; ?>_image">
											<br/>
											<input class="form-control" readonly name="slideshow_0<?php echo $x; ?>_image_current" value="<?php if($options['slideshow_0'.$x.'_image'] != ''){ echo $options['slideshow_0'.$x.'_image']; } ?>">
											<?php if($options['slideshow_0'.$x.'_image'] != ''){ ?>
											<span style="display:inline-block; margin-top:10px;">
												<img src="<?php if($options['slideshow_0'.$x.'_image'] != ''){ echo $options['slideshow_0'.$x.'_image']; } ?>" alt="" style="max-width:300px;" />
											</span>
											<?php } ?>											
										</div>
										<div class="form-group">
											<hr/>
											<strong>Slide Video</strong>
											<br/>
											<input type="text" class="form-control" placeholder="URL TO .mp4 FILE" name="slideshow_0<?php echo $x; ?>_video" value="<?php if($options['slideshow_0'.$x.'_video'] != ''){ echo $options['slideshow_0'.$x.'_video']; } ?>" />
											<small>If left empty, it will not generate a VIDEO Player, and will use the static image uploaded.</small>
										</div>
									</td>
									<td>
										<div class="form-group">
											<select class="form-control" name="slideshow_0<?php echo $x; ?>_link_to">
												<option value="custom" <?php if($options['slideshow_0'.$x.'_link_to'] != '' && $options['slideshow_0'.$x.'_link_to'] == "custom"){ echo 'selected="selected"'; } ?>>Custom URL</option>
												<?php 
												$elx_sets = get_elevatedx_sets();
												if( !empty($elx_sets) ){
													foreach($elx_sets as $set){
														?><option value="<?php echo $set["Id"]; ?>" <?php if($options['slideshow_0'.$x.'_link_to'] != '' && $options['slideshow_0'.$x.'_link_to'] == $set["Id"]){ echo 'selected="selected"'; } ?>>Set ID: <?php echo $set["Id"]; ?> | <?php echo $set["AppearDate"]; ?> | <?php echo $set["Title"]; ?></option><?php
													} // foreach
												} // if
												?>
											</select>
										</div>
										<div class="form-group">
											<input type="text" class="form-control" placeholder="https://<?php echo $_SERVER["SERVER_NAME"]; ?>/" name="slideshow_0<?php echo $x; ?>_link" value="<?php if($options['slideshow_0'.$x.'_link'] != ''){ echo $options['slideshow_0'.$x.'_link']; } ?>" />
											<small>Leave EMPTY if you selected a SET.</small>
										</div>
									</td>
									<td>
										<div class="form-group">
											<select class="form-control" name="slideshow_0<?php echo $x; ?>_target">
												<option value="_self" <?php if($options['slideshow_0'.$x.'_target'] != '' && $options['slideshow_0'.$x.'_target'] == '_self'){ echo 'selected="selected"'; } ?>>Same Window</option>
												<option value="_blank" <?php if($options['slideshow_0'.$x.'_target'] != '' && $options['slideshow_0'.$x.'_target'] == '_blank'){ echo 'selected="selected"'; } ?>>New Window</option>
											</select>
										</div>
									</td>
								</tr>
								<?php }//for loop ?>
							</tbody>
						</table>
					</span><!--//display_if_slideshow-->
					
				</fieldset>
				
				<div class="clearfix"></div>
				<div class='form-actions'>
					<input type="submit" class="btn btn-default" value="Save Settings" name="hero_members_save">
				</div>
			</form>
			
			<?php } ?>
			
		</div>
	</div><!--//panel-->
	
</div>