<?php

/* @var $this \yii\web\View */
/* @var $content string */
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\Modal;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use frontend\assets\AppAsset;
use common\widgets\Alert;
use yii\helpers\Url;
use backend\models\Category;
use backend\models\Tag;
use backend\models\Menu;
use backend\models\Post;
use backend\models\PostFaq;

AppAsset::register($this);

//$catblog = explode("/",$_SERVER['REQUEST_URI']);
//$shepostQuery = Post::find()->where(['slug' => $catblog[1], 'status' => 1])->one();

$catblog = explode("/",$_SERVER['REQUEST_URI']);
$catblogg = explode("?",$catblog[2]);
if(isset($catblogg[2])) {  
 $shepostQuery = Post::find()->where(['slug' => $catblogg[1], 'status' => 1])->one();
} else {  
  $shepostQuery = Post::find()->where(['slug' => $catblog[2], 'status' => 1])->one();
}
$datepub = date('Y-m-dTh:m:s', strtotime($shepostQuery->create_on));
$datemod = date('Y-m-dTh:m:s', strtotime($shepostQuery->create_on));
$firstParagraph = '';
if (preg_match('/<p>(.*?)<\/p>/s', $shepostQuery->content, $matches)) {
    $firstParagraph = $matches[1];
}
if($shepostQuery->image != '') {
   $sheogimage = 'https://www.exploreourindia.com'. Yii::$app->urlManagerBackend->baseUrl.'/images/post/big/'.$shepostQuery->image;
} else {
    $sheogimage = 'https://www.exploreourindia.com/frontend/web/images/logo.png';
}
$shefaqpostQuery = PostFaq::find()->where(['status' => 1])->andwhere(['post_id' => $shepostQuery->id])->orderBy(['id' => SORT_ASC])->all();

$fullurl = $_SERVER['REQUEST_SCHEME'] . '://' . $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<meta name="robots" content="max-image-preview:large">
<!--<meta name="google-site-verification" content="i0IaZc1EiDUqNlrHSmFG_ScxLZvzE5mHIIkHdGfkl9k" />-->
<meta name="google-site-verification" content="XYMQPJ9y98H0Gp99VDNXx-zFTAJEc9vuVGBQ7cZ_UgY" />
<?php $this->registerCsrfMetaTags() ?>
<title>
<?= Html::encode($this->title) ?>
</title>
<link rel="canonical" href="<?=$fullurl?>" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">
<?php $this->head() ?>
<link rel="shortcut icon" href="<?php echo Yii::$app->urlManagerFrontend->baseUrl.'/images/favicon.ico'?>" type="image/x-icon">
<link rel="icon" href="<?php echo Yii::$app->urlManagerFrontend->baseUrl.'/images/favicon.ico'?>" type="image/x-icon">     
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Place","@id":"https://www.exploreourindia.com/#place","address":{"@type":"PostalAddress","streetAddress":"A-27D, Uttar Pradesh","addressLocality":"Sector 2","addressRegion":"Noida","postalCode":"201301","addressCountry":"IN"}},{"@type":["BlogPosting","Organization"],"@id":"https://www.exploreourindia.com/#organization","name":"Explore our India","url":"https://www.exploreourindia.com","sameAs":["https://www.facebook.com/exploreourindiaofficial","https://x.com/explorourindia","https://www.instagram.com/exploreourindiaofficial/","https://www.linkedin.com/company/explore-our-india","https://www.reddit.com/user/Exploreourindia21/"],"email":"exploreourindia21@gmail.com","address":{"@type":"PostalAddress","streetAddress":"A-27D, Uttar Pradesh","addressLocality":"Sector 2","addressRegion":"Noida","postalCode":"201301","addressCountry":"IN"},"logo":{"@type":"ImageObject","@id":"https://www.exploreourindia.com/#logo","url":"https://www.exploreourindia.com/frontend/web/images/logo.png","contentUrl":"https://www.exploreourindia.com/frontend/web/images/logo.png","caption":"Explore our India","inLanguage":"en-US","width":"700","height":"700"},"description":"Explore the beauty of Incredible India with Explore Our India—your travel companion for top destinations, rich culture, festivals, and expert tips.","legalName":"Explore Our India","location":{"@id":"https://www.exploreourindia.com/#place"},"image":{"@id":"https://www.exploreourindia.com/#logo"},"telephone":"+91-9654723173"},{"@type":"WebSite","@id":"https://www.exploreourindia.com/#website","url":"https://www.exploreourindia.com","name":"Explore our India","alternateName":"EOI","publisher":{"@id":"https://www.exploreourindia.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"<?=$sheogimage?>","url":"<?=$sheogimage?>","width":"1100","height":"734","caption":"<?=$shepostQuery->title?>","inLanguage":"en-US"},{"@type":"WebPage","@id":"<?=$fullurl?>/#webpage","url":"<?=$fullurl?>","name":"<?=$shepostQuery->title?> - Explore our India","datePublished":"<?=$datepub?>","dateModified":"<?=$datemod?>","isPartOf":{"@id":"https://www.exploreourindia.com/#website"},"primaryImageOfPage":{"@id":"<?=$sheogimage?>"},"inLanguage":"en-US"},{"@type":"Article","headline":"<?=$shepostQuery->title?>","articleBody": "<?=strip_tags($firstParagraph)?>","keywords":"<?=$shepostQuery->meta_keyword?>","datePublished":"<?=$datepub?>","dateModified":"<?=$datemod?>","articleSection":"","author":{"@id":"https://www.exploreourindia.com/#author","url":"<?=$fullurl?>","name":"Aman Kumar"},"publisher":{"@id":"https://www.exploreourindia.com/#organization"},"description":"<?=$shepostQuery->meta_description?>","name":"- Explore our India","@id":"<?=$fullurl?>/#richSnippet","isPartOf":{"@id":"<?=$fullurl?>/#webpage"},"image":{"@id":"<?=$sheogimage?>"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"<?=$fullurl?>/#webpage"}}<?php if(count($shefaqpostQuery) != '') {?>,{"@type": "FAQPage","mainEntity": [<?php foreach($shefaqpostQuery as $FaqposttQuery) {?>{"@type":"Question","name":"<?=$FaqposttQuery->question?>","acceptedAnswer":{"@type":"Answer","text":"<?=strip_tags($FaqposttQuery->answer)?>"}<?php if ($FaqposttQuery === end($shefaqpostQuery)) { ?>}<?php } else { ?>},<?php } ?><?php } ?>]}<?php } ?>]}</script>
     <?php 
$ipmy = Yii::$app->request->userIP;
$ip_array = array("103.38.71.130", "192.168.100.5");

if (in_array($ipmy, $ip_array)) {
	
} else { ?>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3311269295796373"
     crossorigin="anonymous"></script>
<?php } ?>	 
<!-- Google adsense -->
<!--<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3311269295796373"
     crossorigin="anonymous"></script>

<script data-ad-client="ca-pub-3311269295796373" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-3311269295796373",
enable_page_level_ads: true,
overlays: {bottom: true}
});
</script>-->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YTNHB42S8B"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-YTNHB42S8B');
</script>


<!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-2BT63X01LJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2BT63X01LJ');
</script>-->

<!-- Global site tag (gtag.js) - Google Analytics --> 
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-190605602-1">
</script> 
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-190605602-1');
</script>

<!--googleTranslate-->
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');

  var $googleDiv = $("#google_translate_element .skiptranslate");
  var $googleDivChild = $("#google_translate_element .skiptranslate div");
  $googleDivChild.next().remove();

  $googleDiv.contents().filter(function(){
  	return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
  }).remove();

}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--googleTranslate-->
<script type="text/javascript" src="https://www.google.com/cse/brand?form=cse-search-box&amp;lang=en"></script>

<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '757862036756433');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=757862036756433&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<meta name="msvalidate.01" content="AB3E65DB5D3B8AF68B5D58A88EDE1A1C" />

<script data-noptimize="1" data-cfasync="false" data-wpfc-render="false">
  (function () {
      var script = document.createElement("script");
      script.async = 1;
      script.src = 'https://emrldtp.com/NDYxMzA3.js?t=461307';
      document.head.appendChild(script);
  })();
</script>

</head>
<body>
<!--<body class="loading-overlay-showing" data-plugin-page-transition data-loading-overlay data-plugin-options="{'hideDelay': 500}">-->
<!--<div class="loading-overlay">
  <div class="bounce-loader">
    <div class="bounce1"></div>
    <div class="bounce2"></div>
    <div class="bounce3"></div>
  </div>
</div>-->
<div class="body">
  <header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 120, 'stickyHeaderContainerHeight': 70}">
    <div class="header-body border-color-primary header-body-bottom-border">
      <div class="header-top header-top-default border-bottom-0">
        <div class="container">
          <div class="header-row py-2">
            <div class="header-column justify-content-start">
              <div class="header-row">
                <nav class="header-nav-top">
                 <ul class="nav nav-pills">
                    <li class="nav-item"> <a href="https://www.facebook.com/exploreourindiaofficial" target="_blank" title="Facebook"> <i class="fab fa-facebook text-5 text-color-white" ></i> </a></li>
                    <li class="nav-item"> <a href="https://www.instagram.com/exploreourindiaofficial/" target="_blank" title="instagram"> <i class="fab fa-instagram text-5 text-color-white" ></i> </a></li>
                    <li class="nav-item"> <a href="https://twitter.com/explorourindia" target="_blank" title="twitter"> <i class="fab fa-twitter text-5 text-color-white" ></i> </a></li>
                    <li class="nav-item"> <a href="https://www.linkedin.com/company/explore-our-india" target="_blank" title="linkedin"> <i class="fab fa-linkedin-in text-5 text-color-white" ></i> </a></li>
                    <li class="nav-item"> <a href="https://www.reddit.com/user/Exploreourindia21" target="_blank" title="reddit"> <i class="fab fa-reddit-alien text-5 text-color-white" ></i> </a></li>
                  </ul>
                  
                </nav>
              </div>
            </div>
            <div class="header-column justify-content-end">
              <div class="header-row">
                <nav class="header-nav-top">
                 
                 <ul class="nav nav-pills">
                    <li class="nav-item nav-item-anim-icon"> 
                     
                     <div id="google_translate_element"></div>
                     </li>
                  </ul>
                 
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
            
      
      <div class="header-container container">
        <div class="header-row">
          <div class="header-column">
            <div class="header-row">
              <div class="header-logo">
                <?=Html::a("<img src='".Yii::$app->urlManagerFrontend->baseUrl.'/images/logo.png'."' alt='Explore our India' width='100' height='50' data-sticky-width='80' data-sticky-height='40'>", ['/site/index'])?>
              </div>
            </div>
          </div>
          <div class="header-column justify-content-end">
            <div class="header-row">
              <div class="header-nav header-nav-links order-2 order-lg-1">
                <div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
                  <nav class="collapse">
                    <ul class="nav nav-pills" id="mainNav">
                      <li>
                        <?=Html::a('Home', ['/site/index'], ['class' => 'dropdown-item'])?>
                      </li>
                      <?php 
					     $categoryQuery = Category::find()->where(['status' => 1])->orderBy(['id' => SORT_ASC])->all();
		                 foreach($categoryQuery as $categorymenu) {
						   $menuQuery = Menu::find()->where(['status' => 1])->andwhere(['category_id' => $categorymenu->id])->one();
						   if(!empty($menuQuery->category_id)) {  
								 $tagexplode = explode(",",$menuQuery->tag_id);
								 if(count($tagexplode) < 7) {
								 ?>
                      <li class="dropdown">
                        <?=Html::a($categorymenu->name. ' <i class="fas fa-chevron-down"></i>', ['/category/view', 'slug' => $categorymenu->slug], ['class' => 'dropdown-item dropdown-toggle'])?>
                        <ul class="dropdown-menu">
                          <?php
									 foreach($tagexplode as $tagexplodee) {
									 $tagQuery = Tag::find()->where(['status' => 1])->andwhere(['id' => $tagexplodee])->one();
								    ?>
                          <li>
                            <?=Html::a($tagQuery->name, ['/tag/view', 'slug' => $tagQuery->slug], ['class' => 'dropdown-item'])?>
                          </li>
                          <?php } ?>
                        </ul>
                      </li>
                      <?php } else { ?>
                      <li class="dropdown dropdown-mega">
                        <?=Html::a($categorymenu->name.' <i class="fas fa-chevron-down"></i>', ['/category/view', 'slug' => $categorymenu->slug], ['class' => 'dropdown-item dropdown-toggle'])?>
                        <ul class="dropdown-menu">
                          <li>
                            <div class="dropdown-mega-content">
                              <div class="row">
                                <div class="col-lg-3">
                                  <ul class="dropdown-mega-sub-nav">
                                    <?php for($j=0;$j<6;$j++) {
												  if(!empty($tagexplode[$j])) {
												  $tagQuery = Tag::find()->where(['status' => 1])->andwhere(['id' => $tagexplode[$j]])->one();
												?>
                                    <li>
                                      <?=Html::a($tagQuery->name, ['/tag/view', 'slug' => $tagQuery->slug], ['class' => 'dropdown-item'])?>
                                    </li>
                                    <?php } } ?>
                                  </ul>
                                </div>
                                <div class="col-lg-3">
                                  <ul class="dropdown-mega-sub-nav">
                                    <?php for($j=6;$j<10;$j++) {
												  if(!empty($tagexplode[$j])) {
												  $tagQuery = Tag::find()->where(['status' => 1])->andwhere(['id' => $tagexplode[$j]])->one();
												?>
                                    <li>
                                      <?=Html::a($tagQuery->name, ['/tag/view', 'slug' => $tagQuery->slug], ['class' => 'dropdown-item'])?>
                                    </li>
                                    <?php } } ?>
                                  </ul>
                                </div>
                                <div class="col-lg-3">
                                  <ul class="dropdown-mega-sub-nav">
                                    <?php for($j=10;$j<15;$j++) {
												  if(!empty($tagexplode[$j])) {
												  $tagQuery = Tag::find()->where(['status' => 1])->andwhere(['id' => $tagexplode[$j]])->one();
												?>
                                    <li>
                                      <?=Html::a($tagQuery->name, ['/tag/view', 'slug' => $tagQuery->slug], ['class' => 'dropdown-item'])?>
                                    </li>
                                    <?php } } ?>
                                  </ul>
                                </div>
                                <div class="col-lg-3">
                                  <ul class="dropdown-mega-sub-nav">
                                    <?php for($j=15;$j<20;$j++) {
												  if(!empty($tagexplode[$j])) {
												  $tagQuery = Tag::find()->where(['status' => 1])->andwhere(['id' => $tagexplode[$j]])->one();
												?>
                                    <li>
                                      <?=Html::a($tagQuery->name, ['/tag/view', 'slug' => $tagQuery->slug], ['class' => 'dropdown-item'])?>
                                    </li>
                                    <?php } } ?>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </li>
                        </ul>
                      </li>
                      <?php } } else { ?>
                      <li>
                        <?=Html::a($categorymenu->name, ['/category/view', 'slug' => $categorymenu->slug], ['class' => 'dropdown-item'])?>
                      </li>
                      <?php } } ?>
                      <li> <a class="dropdown-item" href="/blog"> Blog </a></li>
<li> <a class="dropdown-item" href="/news-update"> News Update</a></li>
                      <li> <a class="dropdown-item" href="/cricket"> Cricket </a></li>
                    </ul>
                  </nav>
                </div>
                <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav" title="navigation"> <i class="fas fa-bars"></i> </button>
              </div>
              <div class="header-nav-features header-nav-features-no-border header-nav-features-lg-show-border order-1 order-lg-2">
                <div class="header-nav-feature header-nav-features-search d-inline-flex"> <a href="#" class="header-nav-features-toggle" data-focus="headerSearch" title="search"><i class="fas fa-search header-nav-top-icon"></i></a>
                  <div class="header-nav-features-dropdown" id="headerTopSearchDropdown">
                    <form role="search" action="https://www.exploreourindia.com/search-results" id="cse-search-box" method="get">
                      <div class="simple-search input-group">
                        <input class="form-control text-1" aria-label="search" id="headerSearch" name="q" type="search" placeholder="Search...">
                        <span class="input-group-append">
                        <button class="btn" type="submit" name="sa" value="Search" aria-label="submit"> <i class="fa fa-search header-nav-top-icon"></i> </button>
                        </span> </div>
                    </form>
					
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <?= $content ?>
  <footer id="footer">
    <div class="container"> <img src="<?=Yii::$app->urlManagerFrontend->baseUrl?>/images/footer-graph.png" style="margin-top:-97px;" alt="footer image"> </div>
    <div class="footer-copyright">
      <div class="container py-2">
        <div class="row py-4">
          <div class="col-lg-1 d-flex align-items-center justify-content-center justify-content-lg-start mb-2 mb-lg-0">
            <?=Html::a("<img src='".Yii::$app->urlManagerFrontend->baseUrl.'/images/logo-footer.png'."' alt='Explore our India' height='33'>", ['/site/index'], ['class' => 'logo pr-0 pr-lg-3'])?>
          </div>
          <div class="col-lg-7 d-flex align-items-center justify-content-center justify-content-lg-start mb-4 mb-lg-0">
            <p>© Copyright 2020. All Rights Reserved.</p>
          </div>
          <div class="col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end">
            <nav id="sub-menu">
              <ul>
                <li><i class="fas fa-angle-right"></i><a href="https://www.exploreourindia.com/sitemap.xml" class="ml-1 text-decoration-none"> Sitemap</a></li>
                <li><i class="fas fa-angle-right"></i><a href="https://www.exploreourindia.com/privacy-policy" class="ml-1 text-decoration-none"> Privacy Policy</a></li>
                <li><i class="fas fa-angle-right"></i><a href="https://www.exploreourindia.com/about-us" class="ml-1 text-decoration-none"> About-us</a></li>
                <li><i class="fas fa-angle-right"></i><a href="https://www.exploreourindia.com/contact-us" class="ml-1 text-decoration-none"> Contact-us</a></li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </footer>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade">
  <div class="modal-dialog modal-confirm">
    <div class="modal-content">
      <div class="modal-header">
        <?php if(Yii::$app->session->getFlash('copmssg') != '') { ?>
        <div class="icon-box"> <i class="fa fa-check" aria-hidden="true"></i> </div>
        <?php } else if(Yii::$app->session->getFlash('copmssgerror') != '') { ?>
        <div class="icon-box" style="background: #e85e6c;"> <i class="fa fa-times" aria-hidden="true"></i> </div>
        <?php } ?>
        <h4 class="modal-title w-100">
          <?php if(Yii::$app->session->getFlash('copmssg') != '') { echo 'Successful'; } else if(Yii::$app->session->getFlash('copmssgerror') != '') { echo 'Ooops!';}?>
        </h4>
      </div>
      <div class="modal-body">
        <p class="text-center">
          <?php if(Yii::$app->session->getFlash('copmssg') != '') { echo Yii::$app->session->getFlash('copmssg'); } else if(Yii::$app->session->getFlash('copmssgerror') != '') { echo Yii::$app->session->getFlash('copmssgerror');}?>
        </p>
      </div>
      <div class="modal-footer">
        <?php if(Yii::$app->session->getFlash('copmssg') != '') { ?>
        <button class="btn btn-success btn-block" data-dismiss="modal">OK</button>
        <?php } else if(Yii::$app->session->getFlash('copmssgerror') != '') { ?>
        <button class="btn btn-success" data-dismiss="modal" style="background: #eda645 !important;min-width: 150px;border-radius: 30px;padding: 6px 20px;">Try Again</button>
        <?php } ?>
      </div>
    </div>
  </div>
</div>
<div class="popup" id="popup" role="dialog" aria-modal="true" aria-labelledby="dialogTitle" style="display: none;">
  <div class="dialog" role="document" id="askquery"> 
    
	</div>
</div>
<?php $this->endBody() ?>
<script>
  function closePopup(){
    window.location.reload();
  }
</script>
<script>
const faqItems = document.querySelectorAll(".faq-item");

faqItems.forEach((item) => {
  const question = item.querySelector(".faq-question");
  question.addEventListener("click", () => {
    // Close all other items
    faqItems.forEach((otherItem) => {
      if (otherItem !== item) {
        otherItem.classList.remove("active");
      }
    });
    // Toggle current item
    item.classList.toggle("active");
  });
});
</script>
</body>
</html>
<?php $this->endPage() ?>