<header>
    <div class="container">
        <div class="row header-top">
            <div class="col-sm-6 col-xs-7 left">
                <div class="pull-left hidden-md hidden-sm hidden-lg">
                    <a class="mobile-menu pull-left" href="">
                        <!-- <img src="/media/images/site/menu/mobile-menu.png"> -->
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="pull-left hidden-xs">
                    <a class="mobile-menucust pull-left" href="">
                        <!-- <img src="/media/images/site/menu/mobile-menu.png"> -->
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="wrap-search pull-left" align="left">
				@if(isset($searchnew))
                    @include('site.partials.site.searchnew', ['button_id' => 'header_searchnew', 'input_id' => 'header_search_contentnew'])
				@else
					@include('site.partials.site.search', ['button_id' => 'header_search', 'input_id' => 'header_search_content'])
				@endif
                </div>
            </div>
            <div class="col-sm-6 col-xs-5 right">
                <div class="header-top-buttons">
                    <!--a class="btn btn-danger login-btn bg-3 font-firasans" href="/login">Log In</a-->
                    <a class="btn btn-danger subscribe-btn bg-2 font-firasans" href="/subscribe">SUBSCRIBE NOW</a>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <div class="row">
                <div class="col-sm-3 hidden-xs">

                </div>
                <div class="col-sm-6 col-xs-12 logo-wrapper" align="right" style="padding-top: 15px;">
                    <a href="/" class="logo">
                        <img src="{{ asset('img/marexlogo2019.jpg') }}" class="img-responsive hidden-xs" alt="Maritime Executive Logo">
                        <img src="{{ asset('img/marexlogo2019.jpg') }}" class="img-responsive hidden-sm hidden-md hidden-lg" alt="Maritime Executive Logo">
                    </a>
                </div>
                <div class="col-sm-3 hidden-xs">

                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-xs-8">
                    <div class="todays-date header-bottom-text-section font-roboto">
                        @php
                        print date("l, F d, Y");
                        @endphp
                    </div>
                </div>
                
                <div class="col-sm-6 col-xs-4">
                    <div class="media-kit-link header-bottom-text-section text-right font-roboto bold">
                        <a href=" http://mediakit.maritime-executive.com" target="_blank" >Media Kit</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ribbon @if (isset($add_ads))add_adsss @endif">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <nav class="main-navigation">
                        <ul>
                            <li>
                                <a href="/">news</a>
                            </li>
                            <li >
                                <a href="/features" class="{{ (request()->is('features')) ? 'active' : '' }}">features</a>
                            </li>
                            <li>
                                <a href="/podcast" class="{{ (request()->is('podcast')) ? 'active' : '' }}" >Podcasts</a>
                            </li>
                            <li>
                                <a href="/magazine" class="{{ (request()->is('magazine')) ? 'active' : '' }}" >magazine</a>
                            </li>
                            <li>
                                <a href="/newsletter" class="{{ (request()->is('newsletter')) ? 'active' : '' }}" >newsletter</a>
                            </li>
                            <li>
                                <a href="/blog" class="{{ (request()->is('blog')) ? 'active' : '' }}" >blogs</a>
                            </li>
                            <li>
                                <a href="/directory" class="{{ (request()->is('directory')) ? 'active' : '' }}" >directory</a>
                            </li>
                            <li>
                                <a href="/jobs" class="{{ (request()->is('jobs')) ? 'active' : '' }}" >Jobs</a>
                            </li>
                            <li>
                                <a href="http://mediakit.maritime-executive.com/2020/" >advertise</a>
                            </li>
                            <li>
                                <a href="/subscribe" class="{{ (request()->is('subscribe')) ? 'active' : '' }}" >subscribe</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>
<div class="custom_sidebar">
 <div class="main-navigation">
                        <ul>
                            <li>
                                <a href="/">news</a>
                            </li>
                            <li >
                                <a href="/features" class="{{ (request()->is('features')) ? 'active' : '' }}">features</a>
                            </li>
                            <li>
                                <a href="/podcast" class="{{ (request()->is('podcast')) ? 'active' : '' }}" >Podcasts</a>
                            </li>
                            <li>
                                <a href="/magazine" class="{{ (request()->is('magazine')) ? 'active' : '' }}" >magazine</a>
                            </li>
                            <li>
                                <a href="/newsletter" class="{{ (request()->is('newsletter')) ? 'active' : '' }}" >newsletter</a>
                            </li>
                            <li>
                                <a href="/blog" class="{{ (request()->is('blog')) ? 'active' : '' }}" >blogs</a>
                            </li>
                            <li>
                                <a href="/directory" class="{{ (request()->is('directory')) ? 'active' : '' }}" >directory</a>
                            </li>
                            <li>
                                <a href="/jobs" class="{{ (request()->is('jobs')) ? 'active' : '' }}" >Jobs</a>
                            </li>
                            <li>
                                <a href="http://mediakit.maritime-executive.com/2020/" >advertise</a>
                            </li>
                            <li>
                                <a href="/subscribe" class="{{ (request()->is('subscribe')) ? 'active' : '' }}" >subscribe</a>
                            </li>
                        </ul>
                    </div>
</div>
@push('scripts')
<script>
    $(function() {
        /* $('#header_search_content').keyup(function() {
            $('#header_search').attr('href', '/search?key=' + $(this).val());
        })
        $('#header_search_content').keypress(function(e) {
            if (e.which == 13) {
                window.location.href = $('#header_search').attr('href');
            }
        });  */
		$('#header_search_contentnew').keyup(function() {
            $('#header_searchnew').attr('href', '/searchnew?key=' + $(this).val());
        })
        $('#header_search_contentnew').keypress(function(e) {
            if (e.which == 13) {
                window.location.href = $('#header_searchnew').attr('href');
            }
        });
    });
	$(document).ready(function(){
	  $("#custom_search").click(function(){
		$(".search_section").toggle();
		$(".header-bottom").toggleClass("custom_setting");
	  });
	});
</script>
@endpush