@if ($page_title ?? 0)
    <div class="titlebar titlebar-sm scheme-light text-center" data-parallax="true"
        data-parallax-options='{ "parallaxBG": true }'
        style="background-image: url({{ $page_cover ?? 'https://avehtml.liquid-themes.com/assets/demo/bg/bg-53.jpg' }}); background-position: 50%">
@endif
<header class="main-header">
    @if (
        !isCurrent('realisations-projet') &&
            !isCurrent('client.espace_collaboration.esquisse') &&
            !isCurrent('client.espace_collaboration.lancer_conception') &&
            !isCurrent('client.espace_collaboration.conception') &&
            !isCurrent('client.espace_collaboration.shopping'))
        <div class="btn-mobile">
            <div>
                <a href="{{ route('nouveauprojet') }}"
                    class="btn btnCallToAction btn-action semi-round font-weight-semibold"
                    style="line-height: 0 !important;">
                    {!! lang('Démarrer mon projet') !!}
                </a>
            </div>
        </div>
    @endif
    <div class="toggle-menu-mobile">
        <i class="fa fa-bars"></i>
        <i class="close-menu hidden"></i>
    </div>
    <div class="mainbar-wrap {{ $isStuck ?? 0 ? 'black' : '' }}">

        <div class="container-fluid mainbar-container" style="margin-bottom: 35px">

            <div class="mainbar">
                <div class="row mainbar-row">
                    <div class="col-5">
                        <div>
                            <ul class=" nav pull-right">
                                <li class="show-mobile">
                                    <a href="{{ route('home') }}" rel="home">
                                        <img class="logo-default logo-black" style="height: 30px"
                                            src="{{ asset('img/picto.png') }}" alt="Pipcke">
                                    </a>
                                </li>
                                @if (!isCurrent('nouveauprojet'))
                                    <li class="show-mobile-header" style="margin: 7px 10px 7px 0px;">
                                        <a href="{{ route('nouveauprojet') }}" style=""
                                            class="btnCallToAction font-weight-semibold btnMobile">
                                            {!! lang('Démarrer mon projet') !!}
                                        </a>
                                    </li>
                                @endif
                                <li>
                                    <a href="{{ route('concept') }}">{!! lang('Concept') !!}</a>
                                </li>
                                <li>
                                    <a href="{{ route('offres') }}">{!! lang('Offres') !!}</a>
                                </li>

                                <li>
                                    <a href="{{ route('realisations-pipcke') }}">{!! lang('Réalisations') !!}</a>
                                </li>
                                {{-- <li>
										<a  href="{{ route('offrir-pipcke') }}">{!! lang('Offrir Pipcke') !!}</a>
									</li> --}}
                                <li>
                                    <a href="{{ route('designers') }}">{!! lang('Designers') !!}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col">
                        <div class="logo">
                            <a href="{{ route('home') }}" rel="home">
                                <img class="logo-default logo-black" style="height: 30px"
                                    src="{{ asset('img/logo-black.svg') }}" alt="Pipcke">
                                <img class="logo-default logo-white" style="height: 30px"
                                    src="{{ asset('img/logo-pipcke.svg') }}" alt="Pipcke">
                            </a>
                            <button type="button" class="navbar-toggle collapsed nav-trigger style-mobile"
                                data-toggle="collapse" data-target="#main-header-collapse" aria-expanded="false"
                                data-changeclassnames="{ &quot;html&quot;: &quot;mobile-nav-activated overflow-hidden&quot; }">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="bars">
                                    <span class="bar"></span>
                                    <span class="bar"></span>
                                    <span class="bar"></span>
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="col-5">

                        <ul class="nav pull-left">

                            <li>
                                <a href="{{ route('professionnels') }}">{!! lang('Pipcke Pro') !!}</a>
                            </li>
                            @if (!Auth::check())
                                <li>
                                    <a href="https://pipcke.fr/idees-deco" target="_blank">{!! lang('Idées déco') !!}</a>
                                </li>
                            @endif

                            @if (Auth::check())

                                @if (Auth::user()->type == 'client')
                                    <li>
                                        <a href="{{ route('client.dashboard', auth()->user()->prenom) }}">
                                            Mon espace
                                        </a>
                                    </li>
                                @endif

                                @if (Auth::user()->type == 'designer')
                                    <li>
                                        <a href="{{ route('designer.dashboard') }}">
                                            Mon espace
                                        </a>
                                    </li>
                                @endif

                                @if (Auth::user()->type == 'admin')
                                    <li>
                                        <a href="{{ route('admin.dashboard') }}">
                                            Mon espace
                                        </a>
                                    </li>
                                @endif
                                @if (Auth::user()->type == 'super-designer')
                                    <li>
                                        <a href="{{ route('super-designer.dashboard') }}">
                                            Mon espace
                                        </a>
                                    </li>
                                @endif
                                @if (Auth::user()->type == 'contributor')
                                    <li>
                                        <a href="{{ route('contributor.dashboard') }}">
                                            Mon espace
                                        </a>
                                    </li>
                                @endif
                            @endif

                            @include('partials.rightmenu')
                        </ul>

                        @if (Auth::check())
                            <ul class="nav pull-right">
                            </ul>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
    @yield('sub-menu')
</header>
@if ($page_title ?? 0)
    <div class="titlebar-inner">
        <div class="container titlebar-container">
            <div class="titlebar-container">
                <div class="titlebar-col">
                    <h1>{{ $page_title }}</h1>
                    @if (!($hide_nav_down ?? 0))
                        <a class="titlebar-scroll-link" href="#content" data-localscroll="true"><i
                                class="fa fa-angle-down"></i></a>
                    @endif
                </div>
            </div>
        </div>
    </div>
    </div>
@endif
@if (session()->has('success'))
    <div class="flash">
        <div class="alert text-center">
            {!! session('success') !!}
        </div>
    </div>
@endif