@if(Auth::user())
    @include('theme.home.partials.modal-add-card-info')
@else
    @include('theme.home.modal-sign-in')
    @include('theme.home.modal-sign-up')
@endif
<header id="main-header" class="landing__header">
    <!-- humburger button -->
    <button id="main_toggle" class="toggle hamburger hamburger--spring" type="button" aria-label="Menu" aria-controls="navigation">
        <span class="hamburger-box">
            <span class="hamburger-inner"></span>
        </span>
    </button>
    <!-- end button -->
    <a href="/" id="site-logo" class="logo @if(session('my_locale') == 'ar') arabic @endif"></a>
    <!-- nav -->
    <div id="primary_nav" class="main__nav">
        <ul>
            <li class="{{ Request::is('about-us') ? 'active' : '' }}">
                <a href="/about-us">{{ trans('front_pages.header.about_us') }}</a>
            </li>
            <li class="{{ Request::is('features') ? 'active' : '' }}">
                <a href="/features">{{ trans('front_pages.header.features') }}</a>
            </li>
            <li class="{{ Request::is('pricing') ? 'active' : '' }}">
                <a href="/pricing">{{ trans('front_pages.header.pricing') }}</a>
            </li>
            <li class="{{ Request::is('blog') ? 'active' : '' }}">
                <a href="/blog">Blog</a>
            </li>
        </ul>
        @if(Auth::check())
            <div class="land_btn_wrapper">
                <button class="tu-btn transparent pink" onclick="location.href='/home-page'">{{ trans('front_pages.header.dashboard') }}</button>
                <button class="tu-btn pink" onclick="location.href='/logout'">{{ trans('front_pages.header.sign_out') }}</button>
            </div>
        @else
            <div class="land_btn_wrapper">
                <button class="tu-btn transparent pink" data-toggle="modal" data-target="#signIn">{{ trans('front_pages.header.sign_in') }}</button>
                <button ng-click="freeTrial()" class="tu-btn pink" ng-disabled="signupvalidate">{{ trans('front_pages.header.free_trial') }}</button>
                {{--
                    <button class="tu-btn pink" data-toggle="modal" data-target="#signUp" >{{ trans('front_pages.header.free_trial') }}</button>
                --}}
            </div>
        @endif
    </div>
    <!-- end nav -->
    <div class="language-controls">
        <a class="{{ session('my_locale') != 'ar' ? 'active' : '' }}" href="/language/en">English</a> | <a class="{{ session('my_locale') == 'ar' ? 'active' : '' }}" href="/language/ar">عربي</a>
    </div>
</header>