<?php
/**
 * The Template for displaying AMP HTML header logo and navigation menu
 *
 * This template can be overridden by copying it to yourtheme/wp-amp/nav.php.
 *
 * @var $this AMPHTML_Template
 */
?>
<div class="header">
	<div class="logo">
		<a href="<?php echo esc_url( $this->get_logo_link() ); ?>">
			<?php if ( in_array( $this->options->get( 'logo_opt' ), array (
					'icon_logo',
					'icon_an_text'
				) ) && $this->logo
			) :
				if ( $img_obj = json_decode( $this->logo ) ) {
					$logo_url = $img_obj->url;
				} else {
					$logo_url = $this->logo;
				}
				?>
				<?php if ( $logo_url ): ?>
				<amp-img src="<?php echo esc_url( $logo_url ); ?>" width="32" height="32" alt="logo"
				         class="amphtml-site-icon"></amp-img>
			<?php endif; ?>
			<?php endif; ?>
			<?php if ( in_array( $this->options->get( 'logo_opt' ), array ( 'image_logo' ) ) && $this->logo ) :
				// for compatibility with older versions
				if ( $img_obj = json_decode( $this->logo ) ) {
					$logo_url    = $img_obj->url;
					$logo_height = $img_obj->height;
					$logo_width  = $img_obj->width;
					$logo_alt    = $img_obj->alt;
				} else {
					$logo_url    = $this->logo;
					$size        = $this->get_image_size_from_url( $this->logo );
					$logo_height = $size['height'];
					$logo_width  = $size['width'];
					$logo_alt    = 'logo';
				}
				?>
				<amp-img src="<?php echo $logo_url; ?>" width="<?php echo $logo_width; ?>"
				         height="<?php echo $logo_height; ?>" alt="<?php echo $logo_alt; ?>"
				         class="amphtml-site-icon"></amp-img>
			<?php endif; ?>
			<?php if ( in_array( $this->options->get( 'logo_opt' ), array (
					'text_logo',
					'icon_an_text'
				) ) && $this->blog_name
			): ?>
				<?php echo esc_html( __( $this->blog_name, 'amphtml' ) ); ?>
			<?php endif; ?>
		</a>
	</div>
	<?php if ( $this->options->get( 'header_menu' ) ): ?>
		<?php
		if ( $this->options->get( 'header_menu_button' ) == 'icon' ) {
			$css_class = 'icon-button';
		} else {
			$css_class = 'text-button';
		}
		?>
		<?php if ( $this->options->get( 'header_menu_type' ) == 'accordion' ): ?>
			<amp-accordion disable-session-states>
				<section class="<?php echo $css_class ?>-section">
					<h4 class="accordion-header hamburger <?php echo $css_class ?>">
						<?php if ( $this->options->get( 'header_menu_button' ) == 'text' ) {
							_e( 'Menu', 'amphtml' );
						} else { ?>
							<span class="hamburger-line"></span>
							<span class="hamburger-line"></span>
							<span class="hamburger-line"></span>
						<?php } ?>
					</h4>
					<div class="main-navigation">
						<?php echo $this->nav_menu(); ?>
					</div>
				</section>
			</amp-accordion>
		<?php else: ?>
			<div class="sidebar-header">
				<section class="<?php echo $css_class ?>-section">
						<button class="amp-menu-sidebar hamburger <?php echo $css_class ?>"
								on='tap:amp-sidebar.toggle'><?php if ( $this->options->get( 'header_menu_button' ) == 'text' ) {
								_e( 'Menu', 'amphtml' );
							} else { ?>
									<span class="hamburger-line"></span>
									<span class="hamburger-line"></span>
									<span class="hamburger-line"></span>
								<?php } ?>
						</button>
				</section>
			</div>
		<?php endif; ?>
	<?php endif; ?>
</div>