<?php 
/**
 * The Arta Control Center File
 * Author: sadegh3333 ( Sadegh Mahdilou ) Front-end & back-end Developer
 * All Right Reserverd By sadegh3333 , January  2016
 * URI : http://iransoftco.ir
 * Since: December 2015
 */
?>

<?php 

// Enqueue Necessary Files
function Arta_enqueue() {
	// Style
	wp_register_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', false, '1.0.0' );
	wp_register_style('font-awesome',get_stylesheet_directory_uri().'css/font-awesome.min.css');
	wp_enqueue_style('font-awesome');
	wp_enqueue_style( 'bootstrap' );

	// JavaScript
	wp_register_script('jquery', get_template_directory_uri().'/js/jquery-2.1.0.min.js' ,false ,'2.1.0');
	wp_enqueue_script('bootstrap-js', get_template_directory_uri().'/js/bootstrap.min.js',false,'1.0.0');
	wp_enqueue_script('bootstrap-js');
	wp_enqueue_script('jquery');
}
add_action( 'admin_enqueue_scripts', 'Arta_enqueue' );


?>

<?php 

/** Step 2 (from text above). */
add_action( 'admin_menu', 'Arta_control_center_make' );

/** Step 1. */
function Arta_control_center_make() {
	add_theme_page( 'Arta Control Center', 'Arta Control Center', 'manage_options', 'Arta_control_center', 'Arta_control_center' );

	add_action('admin_init' , 'register_arta_setting');
}


function register_arta_setting()
{

	/* Begin setting part */
	register_setting('arta_setting_part','arta_logo_setting');
	/* End setting part */
	/* Begin Slider Part */
	// Slider 1
	register_setting('arta_setting_slider','slider_1_title');
	register_setting('arta_setting_slider','slider_1_description');
	register_setting('arta_setting_slider','slider_1_image');

	// Slider 2
	register_setting('arta_setting_slider','slider_2_title');
	register_setting('arta_setting_slider','slider_2_description');
	register_setting('arta_setting_slider','slider_2_image');

	// Slider 3
	register_setting('arta_setting_slider','slider_3_title');
	register_setting('arta_setting_slider','slider_3_description');
	register_setting('arta_setting_slider','slider_3_image');
	/* End Slider part */

	/* Begin Feature Part */
	// Feature 1
	register_setting('arta_setting_feature','feature_1_image');
	register_setting('arta_setting_feature','feature_1_title');
	register_setting('arta_setting_feature','feature_1_description');

	// Feature 2
	register_setting('arta_setting_feature','feature_2_image');
	register_setting('arta_setting_feature','feature_2_title');
	register_setting('arta_setting_feature','feature_2_description');

	// Feature 3
	register_setting('arta_setting_feature','feature_3_image');
	register_setting('arta_setting_feature','feature_3_title');
	register_setting('arta_setting_feature','feature_3_description');

	// Feature 4
	register_setting('arta_setting_feature','feature_4_image');
	register_setting('arta_setting_feature','feature_4_title');
	register_setting('arta_setting_feature','feature_4_description');
	/* End Feature Part */

	/* Begin Slogan Part */
	register_setting('arta_setting_slogan','slogan_image');
	register_setting('arta_setting_slogan','slogan_title');
	/* End Slogan Part */

	/* Begin About Part */
	// Begin Title and description part
	register_setting('arta_setting_about','about_title');
	register_setting('arta_setting_about','about_description');
	// End Title and description part

	// Begin About Part 1
	register_setting('arta_setting_about','about_1_image');
	register_setting('arta_setting_about','about_1_title');
	register_setting('arta_setting_about','about_1_description');
	// End About Part 1

	// Begin About Part 2
	register_setting('arta_setting_about','about_2_image');
	register_setting('arta_setting_about','about_2_title');
	register_setting('arta_setting_about','about_2_description');
	// End About Part 2

	// Begin About Part 3
	register_setting('arta_setting_about','about_3_image');
	register_setting('arta_setting_about','about_3_title');
	register_setting('arta_setting_about','about_3_description');
	// End About Part 3	
	/* End About Part */

	/* Begin Footer Part */
	// Begin Footer Setting
	register_setting('arta_setting_footer','footer_image');
	// End Footer Setting
	
	// Begin Footer Part 1
	register_setting('arta_setting_footer','footer_1_title');
	register_setting('arta_setting_footer','footer_1_description');
	// End Footer Part 1

	// Begin Footer Part 2
	register_setting('arta_setting_footer','footer_2_title');
	register_setting('arta_setting_footer','footer_2_description');
	// End Footer Part 2
	/* End Footer Part */
}


/** Step 3. */
function Arta_control_center(){
	if ( !current_user_can( 'manage_options' ) )  {
		wp_die( __( 'You do not have sufficient permissions to access this page.' , 'arta' ) );
	}
	?>


	<?php 

// This will enqueue the Media Uploader script
	wp_enqueue_media();
	?>
	<?php 
	function get_image_uploader($btn , $get_back){
		$return = '';
		?>

		<script type="text/javascript">
			jQuery(document).ready(function($){
				$('#<?php echo $btn; ?>').click(function(e) {
					e.preventDefault();
					var image = wp.media({ 
						title: 'Upload Image',
            // mutiple: true if you want to upload multiple files at once
        }).open()
					.on('select', function(e){
            // This will return the selected image from the Media Uploader, the result is an object
            var uploaded_image = image.state().get('selection').first();
            // We convert uploaded_image to a JSON object to make accessing it easier
            // Output to the console uploaded_image
            console.log(uploaded_image);
            var image_url = uploaded_image.toJSON().url;
            // Let's assign the url value to the input field
            $('#<?php echo $get_back; ?>').val(image_url);
        });
				});
			});
		</script>

		<?php 
		$return .= '<input type="button" name="'.$btn.'" id="'.$btn.'" class="button-secondary" value="Upload Image">';
		$return .= '<input type="text" id="'.$get_back.'" class="form-control" name="'.$get_back.'" value="'.esc_attr(get_option($get_back)).'" />';
		return $return;
	}
	?>
	<div class="container">
		<div class="row">
			<div class="col-xs-12">


				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Arta Control Center</h3>
					</div>
					<div class="panel-body">


						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#setting" aria-controls="setting" role="tab" data-toggle="tab">Setting</a></li>
							<li role="presentation"><a href="#slider" aria-controls="slider" role="tab" data-toggle="tab">Slider</a></li>
							<li role="presentation"><a href="#feature" aria-controls="feature" role="tab" data-toggle="tab">Feature</a></li>
							<li role="presentation"><a href="#slogan" aria-controls="slogan" role="tab" data-toggle="tab">Slogan</a></li>
							<li role="presentation"><a href="#about" aria-controls="about" role="tab" data-toggle="tab">About</a></li>
							<li role="presentation"><a href="#footer" aria-controls="footer" role="tab" data-toggle="tab">Footer</a></li>

						</ul>


						<!-- Tab panes -->
						<div class="tab-content">
							<div role='tabpanel' class="tab-pane fade in active" id="setting">
								

								<form action="options.php"  method="POST" enctype="multipart/form-data" >
									<div class="form-group">
										<?php settings_fields('arta_setting_part'); ?>
										<?php do_settings_sections('arta_setting_part'); ?>
										<!-- Begin Footer -->
										<div class="form-group">
											<div>
												<label for="image_url">image Logo:</label>
												<?php echo  get_image_uploader('arta_logo_setting_btn','arta_logo_setting' ); ?>
												<img id="image_url" height="100" src="<?php echo esc_attr(get_option('arta_logo_setting')); ?>">
											</div>

										</div>
										<!--  End Footer  -->

										<?php submit_button(); ?>
									</div>
								</form>

							</div>
							<div role="tabpanel" class="tab-pane fade" id="slider">

								<form action="options.php"  method="POST" enctype="multipart/form-data" >
									<div class="form-group">
										<?php settings_fields('arta_setting_slider'); ?>
										<?php do_settings_sections('arta_setting_slider'); ?>
										<!-- Begin Slider 1 -->
										<div class="form-group">
											<label for="title"> Title slider 1: </label>
											<input type="text" name="slider_1_title" class="form-control" value="<?php echo esc_attr(get_option('slider_1_title')); ?>" />
											<div>
												<label for="slider_3_description">Description image 1:</label>
												<input type="text" name="slider_1_description" class="form-control" value="<?php echo esc_attr(get_option('slider_1_description')); ?>" />
											</div>
											<div>
												<label for="image_url">image slider 1:</label>
												<?php echo  get_image_uploader('upload-btn-1','slider_1_image' ); ?>
												<img id="image_url" height="100" src="<?php echo esc_attr(get_option('slider_1_image')); ?>">
											</div>
										</div>
										<!--  End Slider 1 -->
										<!-- Begin Slider 2 -->
										<div class="form-group">
											<label for="title"> Title slider 2: </label>
											<input type="text" name="slider_2_title" class="form-control" value="<?php echo esc_attr(get_option('slider_2_title')); ?>" />
											<div>
												<label for="slider_2_description">Description image 2:</label>
												<input type="text" name="slider_2_description" class="form-control" value="<?php echo esc_attr(get_option('slider_2_description')); ?>" />					
											</div>
											<div>
												<label for="image_url">image slider 2:</label>
												<?php echo  get_image_uploader('upload-btn-2' ,'slider_2_image' ); ?>
												<img id="image_url" height="100" src="<?php echo esc_attr(get_option('slider_2_image')); ?>">
											</div>
										</div>
										<!--  End Slider 2  -->
										<!-- Begin Slider 3 -->			
										<div class="fomr-group">
											<label for="title"> Title slider 3: </label>
											<input type="text" name="slider_3_title" class="form-control" value="<?php echo esc_attr(get_option('slider_3_title')); ?>" />
											<div>
												<label for="slider_3_description">Description image 3:</label>
												<input type="text" name="slider_3_description" class="form-control" value="<?php echo esc_attr(get_option('slider_3_description')); ?>" />					
											</div>
											<div>
												<label for="image_url">image slider 3:</label>
												<?php echo  get_image_uploader('upload-btn-3' ,'slider_3_image' ); ?>
												<img id="image_url" height="100" src="<?php echo esc_attr(get_option('slider_3_image')); ?>">
											</div>
										</div>
										<!--  End Slider 3 -->

										<?php submit_button(); ?>
									</div>
								</form>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="feature">

								<form action="options.php"  method="POST" enctype="multipart/form-data" >
									<div class="form-group">
										<?php settings_fields('arta_setting_feature'); ?>
										<?php do_settings_sections('arta_setting_feature'); ?>
										
										<?php 
										$feature_count = 1; 
										for ($i=1; $i <= 4 ; $i++):
											?>
										<!-- Begin Feature <?php echo $feature_count; ?> -->
										<div class="form-group">
											<div>
												<label for="image_url">image slider <?php echo $feature_count; ?>:</label>
												<?php echo  get_image_uploader('feature_'.$feature_count.'_btn','feature_'.$feature_count.'_image' ); ?>
												<img id="image_url" height="100" src="<?php echo esc_attr(get_option('feature_'.$feature_count.'_image')); ?>">
											</div>
											<label for="feature_<?php echo $feature_count; ?>_title"> Title feature <?php echo $feature_count; ?>: </label>
											<input type="text" name="feature_<?php echo $feature_count; ?>_title" class="form-control" value="<?php echo esc_attr(get_option('feature_'.$feature_count.'_title')); ?>" />
											<div>
												<label for="feature_<?php echo $feature_count; ?>_description">Description image <?php echo $feature_count; ?>:</label>
												<input type="text" name="feature_<?php echo $feature_count; ?>_description" class="form-control" value="<?php echo esc_attr(get_option('feature_'.$feature_count.'_description')); ?>" />
											</div>
										</div>
										<!--  End feature <?php echo $feature_count++; ?> -->
									<?php endfor; ?>

									<?php submit_button(); ?>
								</div>
							</form>


						</div>
						<div role="tabpanel" class="tab-pane fade" id="slogan">
							
							<form action="options.php"  method="POST" enctype="multipart/form-data" >
								<div class="form-group">
									<?php settings_fields('arta_setting_slogan'); ?>
									<?php do_settings_sections('arta_setting_slogan'); ?>
									<!-- Begin Slogan 1 -->
									<div class="form-group">
										<div>
											<label for="image_url">image Slogan:</label>
											<?php echo  get_image_uploader('slogan_btn','slogan_image' ); ?>
											<img id="image_url" height="100" src="<?php echo esc_attr(get_option('slogan_image')); ?>">
										</div>
										<label for="title"> Title Slogan: </label>
										<input type="text" name="slogan_title" class="form-control" value="<?php echo esc_attr(get_option('slogan_title')); ?>" />
									</div>
									<!--  End Slogan 1 -->

									<?php submit_button(); ?>
								</div>
							</form>

						</div>
						<div role="tabpanel" class="tab-pane fade" id="about">

							<form action="options.php"  method="POST" enctype="multipart/form-data" >
								<div class="form-group">
									<?php settings_fields('arta_setting_about'); ?>
									<?php do_settings_sections('arta_setting_about'); ?>

									<div class="form-group">
										<div>
											<!-- Part Title -->
											<label for="about_title">Top Title About:</label>
											<input type="text" name="about_title" class="form-control" value="<?php echo esc_attr(get_option('about_title')); ?>" />
											<!-- Part Description -->
											<label for="about_3_description">Top Description About</label>
											<input type="text" name="about_description" class="form-control" value="<?php echo esc_attr(get_option('about_description')); ?>" />
										</div>

										<?php
										$about_count = 1;
										for ($i=1; $i <= 3 ; $i++): ?>

										<!-- Begin About <?php echo $about_count; ?> -->
										<div>
											<label for="image_url">image slider <?php echo $about_count; ?>:</label>
											<?php echo  get_image_uploader('about_'.$about_count.'_btn','about_'.$about_count.'_image' ); ?>
											<img id="image_url" height="100" src="<?php echo esc_attr(get_option('about_'.$about_count.'_image')); ?>">
										</div>
										<label for="title"> Title about <?php echo $about_count; ?>: </label>
										<input type="text" name="about_<?php echo $about_count; ?>_title" class="form-control" value="<?php echo esc_attr(get_option('about_'.$about_count.'_title')); ?>" />
										<div>
											<label for="about_<?php echo $about_count; ?>_description">Description image <?php echo $about_count; ?>:</label>
											<input type="text" name="about_<?php echo $about_count; ?>_description" class="form-control" value="<?php echo esc_attr(get_option('about_'.$about_count.'_description')); ?>" />
										</div>

										<!--  End About <?php echo $about_count; ?> -->

										<?php
										$about_count++;
										endfor; ?>
									</div>
									<?php submit_button(); ?>
								</div>
							</form>
						</div>
						<div role="tabpanel" class="tab-pane fade" id="footer">


							<form action="options.php"  method="POST" enctype="multipart/form-data" >
								<div class="form-group">
									<?php settings_fields('arta_setting_footer'); ?>
									<?php do_settings_sections('arta_setting_footer'); ?>
									<!-- Begin Footer -->
									<div class="form-group">
										<div>
											<label for="image_url">image Footer:</label>
											<?php echo  get_image_uploader('footer_btn','footer_image' ); ?>
											<img id="image_url" height="100" src="<?php echo esc_attr(get_option('footer_image')); ?>">
										</div>

										<div>
											<label for="title"> Title Footer 1: </label>
											<input type="text" name="footer_1_title" class="form-control" value="<?php echo esc_attr(get_option('footer_1_title')); ?>" />

											<label for="title"> Description Footer 1: </label>
											<?php wp_editor(get_option('footer_1_description'), 'footer_1_description'); ?>
										</div>

										<div>
											<label for="title"> Title Footer 2: </label>
											<input type="text" name="footer_2_title" class="form-control" value="<?php echo esc_attr(get_option('footer_2_title')); ?>" />
											
											<label for="title"> Description Footer 2: </label>
											<?php wp_editor(get_option('footer_2_description'), 'footer_2_description'); ?>
										</div>

									</div>
									<!--  End Footer  -->

									<?php submit_button(); ?>
								</div>
							</form>


						</div>
					</div>
				</div>
				<div class="panel-footer">Made with <i class="glyphicon glyphicon-heart"></i> by @sadegh3333</div>
			</div>
		</div>
	</div>
</div>
<?php
}
?>