<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="content-vw">
 *
 * @package Anime Stream 
 */

?><!DOCTYPE html>

<html <?php language_attributes(); ?>>

	<head>
	  	<meta charset="<?php bloginfo( 'charset' ); ?>">
	  	<meta name="viewport" content="width=device-width">
	  	<?php wp_head(); ?>
	</head>

	<body <?php body_class(); ?>>
	<?php if ( function_exists( 'wp_body_open' ) )
		{
	    	wp_body_open();
	  	}else{
	    	do_action('wp_body_open');
	  	}
	?>

	<div class="main-home-box">
		<a class="screen-reader-text skip-link" href="#maincontent" ><?php esc_html_e( 'Skip to content', 'anime-stream' ); ?><span class="screen-reader-text"><?php esc_html_e( 'Skip to content', 'anime-stream' ); ?></span></a>
		<div class="row">
			<div class="col-xl-2 col-lg-2 home-left-sidebar p-0">
				<div class="toggle-left">
				  	<button><i class="fa-solid fa-arrow-right"></i></button>
				</div>
				<div class="left-inner-sidebar p-3 d-flex flex-column justify-content-between position-relative">
					<span class="closebtn"><i class="fas fa-times"></i></span>
					<?php get_template_part('template-parts/header/navigation'); ?>
				</div>
			</div>
			<div class="home-content px-5<?php if (get_theme_mod('anime_stream_right_sidebar_hide_show', false)) { ?> col-xl-8 col-lg-10 col-md-12 <?php } else {?> col-xl-10 col-lg-10 col-md-10<?php }?>">
			<header role="banner">
				<div class="home-page-header">
					<?php get_template_part('template-parts/header/top-header'); ?>
				</div>
			</header>

	<?php if(get_theme_mod('anime_stream_loader_enable',false) || get_theme_mod('anime_stream_responsive_preloader_hide',false)) { ?>
	  	<div id="preloader">
		    <div class="loader-inner">
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		      <div class="loader-line-wrap">
		        <div class="loader-line"></div>
		      </div>
		    </div>
	  	</div>
	<?php } ?>