@php
	$seo=DB::table('seotools')->first();
@endphp
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	@if ($gs->title)
	<title> {{ $gs->title }}</title>
	@endif
    <meta name="description" content="{{ $seo->meta_description }}">
    <meta name="keywords" content="{{ $seo->meta_keys }}">
    <meta property="og:title" content="{{ $gs->title }}" />
    <meta property="og:type" content="website" />
    <meta property="og:URL" content="{{route('frontend.index')}}" />
    <meta property="og:image" content="{{asset('assets/images/logo/'.$gs->og_images)}} />
    <meta property="og:description" content="{{ $seo->meta_description }}" />
    <!-- favicon -->
    <link rel="shortcut icon" href="{{asset('assets/images/'.$gs->favicon)}}" type="image/x-icon">

	@if ($default_font->font_value)
		<link href="https://fonts.googleapis.com/css?family={{ $default_font->font_value }}&display=swap" rel="stylesheet">
	@else 
		<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
	@endif
  <!--==== BASE CSS ====-->
  <link href="{{asset('assets/frontend/asset/css/bootstrap.min.css')}}" rel="stylesheet">
  <link href="{{asset('assets/frontend/asset/css/font-awesome.min.css')}}" rel="stylesheet" type="text/css">
  <link href="{{asset('assets/frontend/asset/css/menu.css')}}" rel="stylesheet" type="text/css">
  <link href="{{asset('assets/frontend/asset/css/owl.carousel.css')}}" rel="stylesheet">
  <!--==== CUSTOM CSS ====-->
  <link href="{{asset('assets/frontend/asset/css/style.css')}}" rel="stylesheet">
  <link href="{{asset('assets/frontend/asset/css/responsive.css')}}" rel="stylesheet">
  <link type="text/css" rel="stylesheet" href="{{asset('assets/frontend/eror/css/style.css')}}" />

	@if(DB::table('languages')->where('is_default','=',1)->first()->rtl == 1)
		<link rel="stylesheet" href="{{asset('assets/front/css/rtl/style.css')}}">
	@endif
    
	<style>
.top-nav-sports {
  background: {{$gs->theme_color}};
  z-index: 9;
  width: 100%;
}

.marquee-block h2 {
  font-size: 20px;
  margin: 0;
  line-height: 24px;
  position: absolute;
  background: {{$gs->theme_color}};
  color: #fff;
  padding: 6px 10px;
}

.marquee-block h2:after {
  content: "";
  position: absolute;
  left: 84px;
  border-left: 20px solid {{$gs->theme_color}};
  border-top: 36px solid transparent;
  clear: both;
  top: 0;
}
.marquee {
  width: 100%;
  overflow: hidden;
  background: #fff;
  list-style: none;
  display: inline-block;
  padding: 0;
  border: 1px solid {{$gs->theme_color}};
  margin-bottom: 12px;
}
.top-nav-sports .navbar-nav .nav-item .nav-link:hover {
  background: {{$gs->theme_color}};
}
.special-event-heading .title {
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 0;
  font-size: 28px;
  border-left: 5px solid {{$gs->theme_color}};
  line-height: 36px;
  padding-left: 10px;
}

.special-event-heading .title .liner:before {
  position: absolute;
  content: "";
  width: 100%;
  border-top: 5px dashed {{$gs->theme_color}};
  top: 12px;
  display: inline-block;
  vertical-align: bottom;
}
.special-event-heading .title .liner:after {
  position: absolute;
  content: "";
  width: 100%;
  border-top: 5px dashed {{$gs->theme_color}};
  top: 21px;
  display: inline-block;
  vertical-align: bottom;
}
.map-heading h2 {
  background: {{$gs->theme_color}};
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  padding: 5px;
}

.namaj-time-heading h2 {
  background: {{$gs->theme_color}};
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  padding: 5px;
  margin: 0;
}

.footer-new {
  /* background-color: #424242; */
  background-color: {{$gs->footer_color}};
  color: #fff;
  padding: 40px 0 25px 0px;
}










.menu-section {
	background: {{$gs->copyright_color}};
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 2px 3px rgba(0,0,0,0.3);
	margin-bottom: 15px;
	position: relative;
}
.footer-area {
	background: {{$gs->footer_color}};
	padding: 40px 0 20px;
	margin-top: 40px;
}
.mainmenu-area .navbar #main_menu .navbar-nav .nav-link.active, .mainmenu-area .navbar #main_menu .navbar-nav .nav-link:hover {
    color: {{$gs->theme_color}};
}

.top-header .content {
    border-bottom: 1px solid {{$gs->theme_color}};
}

.top-header .content .left-content .heading {
    background: {{$gs->theme_color}};
}

.top-header .content .right-content {
    background: {{$gs->theme_color}};
}

.home-front-area .aside-tab .nav li a.active {
    background: {{$gs->theme_color}};
}

.header-area .title {
    color: {{$gs->theme_color}};
}


.pignose-calender .pignose-calender-top {
    background-color:{{$gs->theme_color}}!important;
}

.pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-active a {
    background: {{$gs->theme_color}};
    color: #fff !important;
}

.pignose-calender .pignose-calender-header .pignose-calender-week.pignose-calender-week-sun, 
.pignose-calender .pignose-calender-header .pignose-calender-week.pignose-calender-week-sat, 
 .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-sat a,
 .pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-sun a
  {
    color: #000 !important;
}
.pignose-calender .pignose-calender-body .pignose-calender-row .pignose-calender-unit.pignose-calender-unit-active a{
    color: #fff!important;
}
.home-front-area .main-content.tab-view .nav .nav-link.active {
    color: {{$gs->theme_color}};
}

.aside-newsletter-widget .subscribe-form .submit {
    background: {{$gs->theme_color}};
}

.home-front-area .main-content.tab-view .nav .nav-link::before {
    background: {{$gs->theme_color}};
}

.home-front-area .main-content.tab-view .nav .nav-link::before {
    background: {{$gs->theme_color}};
}



.featured-news .owl-controls .owl-dots .owl-dot.active {
    background: {{$gs->theme_color}};
}

.mybtn1 {
    background: {{$gs->theme_color}};
}

.footer {
    background: {{$gs->copyright_color}};
}

.footer .copy-bg {
    background: {{$gs->copyright_color}};
}
.bottomtotop i {
    background: {{$gs->theme_color}};
}

.footer .footer-widget ul li a:hover {
  color: {{$gs->theme_color}};
}

.footer .fotter-social-links ul li a:hover {
  background: {{$gs->theme_color}};
}

.footer .tags-widget .tag-list li a:hover {
  background: {{$gs->theme_color}};
  border-color: {{$gs->theme_color}};
}

.footer .copy-bg .content .content p a {
    color: {{$gs->theme_color}};
}

.home-front-area .tags-widget .tag-list li a:hover {
  background: {{$gs->theme_color}};
}

.comment-log-reg-tabmenu .nav-tabs .nav-link.active {
    background:{{$gs->theme_color}};
}

.login-area .submit-btn {
    background:{{$gs->theme_color}};
}

.login-area .log-reg-header-area .title {
    color: {{$gs->theme_color}};
}

.login-area .form-input i {
    color: {{$gs->theme_color}};
}

.login-area .log-reg-social-area .title {
    color: {{$gs->theme_color}};
}

.single-news .content-wrapper .img .vid-aud {
    background: {{$gs->theme_color}};
}

.single-box.landScape-small-with-meta .img .vid-aud {
    background: {{$gs->theme_color}};
}

.more-news .single-news.land-scap-medium .img .vid-aud {
    background: {{$gs->theme_color}};
}
.mainmenu-area .navbar #main_menu .navbar-nav .nav-item.mega-menu .nav .nav-link:hover {
    border-left: 3px solid {{$gs->theme_color}};
}

.header-area .title::before {
  background: {{$gs->theme_color}};
}

.single-news.big .content-wrapper .vid-aud {
    background: {{$gs->theme_color}};
}


.single-news-menu .content-wrapper .vid-aud {
    background: {{$gs->theme_color}};
}

.widget-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .widget-slider.owl-carousel .owl-controls .owl-nav .owl-next {
    border: 1px solid {{$gs->theme_color}};
    border-radius: 50%;
    color: {{$gs->theme_color}};
}

.sub-categori-author .left-area .select-option .header-area {
    background: {{$gs->theme_color}};
}

.sub-categori-author .left-area .filter-result-area .header-area {
    background: {{$gs->theme_color}};
}

.breadcrumb-area .pages li.active a {
    color: {{$gs->theme_color}};
}

.page-item.active .page-link{
    background-color: {{$gs->theme_color}};
    border-color: {{$gs->theme_color}};
}

.page-link {
    color: {{$gs->theme_color}};
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: {{$gs->theme_color}};
    background-color: {{$gs->theme_color}};
}

.single-box.landScape-small-with-meta .content .post-meta li a:hover {
    color: {{$gs->theme_color}};
}

.breadcrumb-area .pages li a:hover {
    color: {{$gs->theme_color}};
}

.news-details-page .details-post .single-news .content .post-meta li a:hover {
    color: {{$gs->theme_color}};
}

.categori-widget-area .categori-list a:hover {
    color: {{$gs->theme_color}};
}
	</style>
	<style>
.custom-pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination-list {
    display: inline-flex;
    list-style: none;
    padding: 0;
    background: #f7f7f7;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.pagination-list li {
    margin: 0;
}

.pagination-list li a,
.pagination-list li span {
    display: block;
    padding: 8px 15px;
    color: #222;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}

.pagination-list li a:hover {
    background: #bd0202;
    color: #fff;
}

.pagination-list li.active span {
    background: #bd0202;
    color: #fff;
    font-weight: bold;
}

.pagination-list li.disabled span {
    color: #aaa;
    cursor: not-allowed;
}
</style>
	
	@stack('css')
    {!!$gs->adsense_code!!}
	 {!!$gs->adsense_code!!}
	{!! $seo->google_analytics !!}
</head>

<body>
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="../connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0"></script>
  <style>
.main-logo {padding: 22px 0 20px 0;}
@media only screen and (max-width: 767px) {
  .main-logo {padding: 10px 0 13px 0;text-align: center;}
}
</style>
<!--/========== START SCROLLUP ============-->
<div class="scrollup">
  <i aria-hidden="true" class="fa fa-chevron-up"></i>
</div><!--back-to-top-->
<!--/========== END SCROLLUP ============-->
<header>

 
 
 
     <!-- Header Part-->
    @include('partial.front.header')
    <!-- Header Part End-->
 
 
 
 
 
 
 

     <!--Content of each page-->
    @yield('contents')
	<!--Content of each page end-->





	<!-- Footer Area Start -->
	@include('partial.front.footer')
	<!-- Footer Area End -->



<!--===== JAVASCRIPT FILES =====-->
<script src="{{asset('assets/frontend/asset/js/jquery-2.1.4.min.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/bootstrap.min.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/popper.min.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/menu.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/jquery-stick.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/owl.carousel.min.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/custom.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/jquery.marquee.min.js')}}"></script>
<script src="{{asset('assets/frontend/asset/js/jquery.pause.js')}}"></script>
<script>
$(document).ready(function() {
  // ভোট সাবমিট
  $(document).on('click', '.vote-btn', function(e) {
    e.preventDefault();
    var pollId = $(this).data('id');
    var answerId = $('input[name="poll_answer_id_' + pollId + '"]:checked').val();
    var messageBox = $(this).closest('.poll-box').find('.poll-message');
    var resultBox = $(this).closest('.poll-box').find('.poll-result');
    var button = $(this);

    messageBox.html('');

    if (!answerId) {
      messageBox.html('অনুগ্রহ করে একটি অপশন নির্বাচন করুন');
      return;
    }

    $.ajax({
      url: "{{ route('front.poll.vote') }}",
      method: "POST",
      data: {
        _token: "{{ csrf_token() }}",
        poll_question_id: pollId,
        poll_answer_id: answerId
      },
      success: function(res) {
        if (res.status === 'success') {
          button.removeClass('btn-success').addClass('btn-secondary').text('ভোট সম্পন্ন').prop('disabled', true);
          $.get("{{ url('poll-result') }}/" + pollId, function(data) {
            resultBox.html(data).slideDown(200);
          });
        } else {
          messageBox.html(res.message);
        }
      },
      error: function() {
        messageBox.html('ভোট দিতে সমস্যা হয়েছে!');
      }
    });
  });

  // ফলাফল দেখা
  $(document).on('click', '.view-result', function(e) {
    e.preventDefault();
    var pollId = $(this).data('id');
    var box = $(this).closest('.poll-box').find('.poll-result');
    $.get("{{ url('poll-result') }}/" + pollId, function(data) {
      box.html(data).slideToggle(200);
    });
  });
});
</script>

<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'FB APP ID',
status : true, // check login status
cookie : true, // enable cookies 
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>


<script>
  //get getSubCatList Bangla
  $(function () {
    /*-------------------------------------
    jQuery Marquee
    -------------------------------------*/
    $('.marquee').marquee({
        pauseOnHover: true,
        duration: 20000
    });

    $('.marquee-breaking').marquee({
        pauseOnHover: true,
        duration: 25000
    });

    });
//to move active class
    $('#home').addClass('active')
</script>



</body>

</html>
