<?php 
/*****************************************************************************************************************************************************
******************************************************************************************************************************************************
 
																	Image Text Options
 
*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$slug='reza';

$image =  get_post_meta( $item->ID, $slug.'_menu_image', true );
$alignment =  get_post_meta( $item->ID, $slug.'_menu_alignment', true );
$image_url =  get_post_meta( $item->ID, $slug.'_menu_image_url', true );
$alignment_array = '';			

?>
 <p class="field-custom  reza_menu_not_depth description description-wide menu-image-description">
	<span class="description"><?php echo esc_html__('You can not use this depth' , 'reza' );?></span>   
</p>
  
         
 <!--------------------------------------- Full Height--------------------------------->
<p class="field-custom  reza_menu_image_url  menu-image-description description description-wide">
	<label for="reza_menu_image_url-<?php echo esc_attr( $item->ID ) ?>" ><?php echo esc_html__('URL' , 'reza' );?></label>
	<input id="reza_menu_image_url-<?php echo esc_attr( $item->ID ) ?>"  class="widefat"  name="reza_menu_image_url[<?php  echo esc_attr( $item->ID ) ?>]" value="<?php echo esc_attr($image_url); ?>"  type="text" >
</p>    
 
<!--------------------------------------- Icon Image--------------------------------->
<p class="field-custom reza_menu_image  reza_menu_upload   description description-wide menu-image-description  reza_menu_image<?php echo esc_attr( $item->ID ) ?>">
	<label for="<?php echo $slug;?>_menu_image-<?php echo esc_attr( $item->ID ) ?>" ><?php echo esc_html__('Image' , 'reza' );?></label>
	<a class="reza_menu_add_image button button-small"  data-uploader-title="<?php echo esc_attr__('Choose Image','reza');?>" data-uploader-button-text="<?php echo esc_attr__('Use This Image','reza');?>"  data-remove-text="<?php echo esc_attr__('Remove','reza');?>"><?php echo esc_html__('Upload','reza')?></a>
	<input type="hidden" name="<?php echo $slug;?>_menu_image[<?php  echo esc_attr( $item->ID ) ?>]" value="<?php echo esc_attr($image);?>">
 		
	<?php if(!empty($image)){ $image= wp_get_attachment_image_src($image,'medium'); ?>
		<a class="reza_remove_image button button-small" ><?php echo  esc_html__('Remove','reza');?></a>
		<img src="<?php echo esc_url($image[0]) ?>"/> 
	<?php }?>
</p> 
 
 <!--------------------------------------- alignment--------------------------------->
<p class="field-custom  reza_menu_alignment description description-wide menu-image-description">
	<label for="reza_menu_alignment-<?php echo esc_attr( $item->ID ) ?>" ><?php echo esc_html__('Alignment' , 'reza' );?></label>
	<select name="<?php echo $slug;?>_menu_alignment[<?php  echo esc_attr( $item->ID ) ?>]" id="reza_menu_alignment-<?php echo esc_attr( $item->ID ) ?>">
 		<?php foreach ( reza_array_options('alignment') as $key => $name ) {?>
		<option value="<?php echo esc_attr($key) ?>"<?php echo selected( $alignment, $key, false ) ?>> <?php echo esc_html( $name ) ?></option>
		<?php }?>
 	</select>
</p> 
        
        
        