@guest('web')
    <!--login form popup-->
    <div class="login-wrapper" id="login-content">
        <div class="login-content">
            <a href="#" class="close">x</a>
            <h3>@lang('Login')</h3>
            <form method="post" action="{{ route('login') }}">@csrf

                {{--            <div class="row">--}}
                {{--                <label for="username">--}}
                {{--                    Username:--}}
                {{--                    <input type="text" name="username" id="username" placeholder="Hugh Jackman" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}

                {{--            <div class="row">--}}
                {{--                <label for="password">--}}
                {{--                    Password:--}}
                {{--                    <input type="password" name="password" id="password" placeholder="******" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}
                <div class="row">
                    <label for="email">
                        @lang('Email'):
                        <x-input.input type="email" name="email" id="email" :placeholder="__('Email')" required>
                            <x-slot name="error">@error('email')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                <div class="row">
                    <label for="password">
                        @lang('Password'):
                        <x-input.input type="password" name="password" id="password" :placeholder="__('Password')" required>
                            <x-slot name="error">@error('password')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                <div class="row">
                    <div class="remember">
                        <div>
                            <input type="checkbox" name="remember_me" value="Remember me"><span>@lang('Remember me')</span>
                        </div>
                        <a href="#">@lang('Forget password ?')</a>
                    </div>
                </div>
                <div class="row">
                    <button type="submit">@lang('Login')</button>
                </div>
            </form>
            <div class="row">
                <p>Or via social</p>
                <div class="social-btn-2">
                    <a class="fb" href="#"><i class="ion-social-facebook"></i>Facebook</a>
                    <a class="tw" href="#"><i class="ion-social-twitter"></i>twitter</a>
                </div>
            </div>
        </div>
    </div>
    <!--end of login form popup-->

    <!--signup form popup-->
    <div class="login-wrapper"  id="signup-content">
        <div class="login-content">
            <a href="#" class="close">x</a>
            <h3>sign up</h3>
            <form method="post" action="{{ route('register') }}">@csrf
                <div class="row">
                    <label for="name">
                        @lang('Name'):
                        <x-input.input type="text" name="name" id="name" :placeholder="__('Name')" required>
                            <x-slot name="error">@error('name')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                <div class="row">
                    <label for="email_register">
                        @lang('Email'):
                        <x-input.input type="email" name="email" id="email_register" :placeholder="__('Email')" required>
                            <x-slot name="error">@error('email')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                <div class="row">
                    <label for="password_register">
                        @lang('Password'):
                        <x-input.input type="password" name="password" id="password_register" :placeholder="__('Password')" required>
                            <x-slot name="error">@error('password')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                <div class="row">
                    <label for="password_confirmation">
                        @lang('Password Confirmation'):
                        <x-input.input type="password" name="password_confirmation" id="password_confirmation" :placeholder="__('Password Confirmation')" required>
                            <x-slot name="error">@error('password_confirmation')<small style="color: red">{{ $message }}</small>@enderror</x-slot>
                        </x-input.input>
                    </label>
                </div>
                {{--            <div class="row">--}}
                {{--                <label for="username-2">--}}
                {{--                    Username:--}}
                {{--                    <input type="text" name="username" id="username-2" placeholder="Hugh Jackman" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}

                {{--            <div class="row">--}}
                {{--                <label for="email-2">--}}
                {{--                    your email:--}}
                {{--                    <input type="password" name="email" id="email-2" placeholder="" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}
                {{--            <div class="row">--}}
                {{--                <label for="password-2">--}}
                {{--                    Password:--}}
                {{--                    <input type="password" name="password" id="password-2" placeholder="" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}
                {{--            <div class="row">--}}
                {{--                <label for="repassword-2">--}}
                {{--                    re-type Password:--}}
                {{--                    <input type="password" name="password" id="repassword-2" placeholder="" pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$" required="required" />--}}
                {{--                </label>--}}
                {{--            </div>--}}
                <div class="row">
                    <button type="submit">@lang('sign up')</button>
                </div>
            </form>
        </div>
    </div>
    <!--end of signup form popup-->
@endguest
<!-- BEGIN | Header -->
<header class="ht-header">
    <div class="container">
        <nav class="navbar navbar-default navbar-custom">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header logo">
                <div class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <div id="nav-icon1">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <a href="#"><img class="logo" src="{{ asset('assets/images/logo.png') }}" alt="" width="119"
                                 height="58"></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse flex-parent" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav flex-child-menu menu-left">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>

                    <li class="first">
                        <a class="btn btn-default" href="{{ route('home') }}">
                            @lang('Home')
                        </a>
                    </li>

                    <li class="dropdown first">

                        <a class="btn btn-default dropdown-toggle lv1" data-toggle="dropdown" data-hover="dropdown">
                            @lang('content')<i class="fa fa-angle-down" aria-hidden="true"></i>
                        </a>

                        <ul class="dropdown-menu level1">
                            @forelse (categoriesCached()->whereNull('parent_id')->take(5) as $c)
                                <li class="dropdown">
                                    <a href="{{ route('movies',['category'=>$c]) }}">{{ $c->getLang('name') }}</a>
                                </li>
                            @empty

                            @endforelse
                        </ul>
                    </li>

                    <li class="first">
                        <a class="btn btn-default" href="{{ route('about') }}">
                            @lang('main.who_we_are')
                        </a>
                    </li>
                    <li class="first">
                        <a class="btn btn-default" href="{{ route('career') }}">
                            @lang('carrer')
                        </a>
                    </li>
                    <li class="first">
                        <a class="btn btn-default" href="{{ route('clients') }}">
                            @lang('clients')
                        </a>
                    </li>
                    <li class="first">
                        <a class="btn btn-default" href="{{ route('contact') }}">
                            @lang('contact us')
                        </a>
                    </li>
                </ul>
                <ul class="nav navbar-nav flex-child-menu menu-right">
                    @auth('web')
                        <li class="dropdown first">
                            <a class="btn btn-default dropdown-toggle lv1" data-toggle="dropdown" data-hover="dropdown">
                                {{auth()->user()->name}}<i class="fa fa-toggle-down" aria-hidden="true"></i>
                            </a>
                            <ul class="dropdown-menu level1">
                                <li class="btn"><a href="{{asset('user/profile')}}">@lang('main.profile')</a></li>
                                <li class="btn"><a href="{{asset('user/profile/favorite')}}">@lang('main.favorites')</a>
                                </li>
                                <li class="btn">
                                    <a href="#" onclick="$('#logout').submit()">@lang('main.logout')</a>
                                </li>
                                <form action="{{route('logout')}}" id="logout" method="post" hidden> @csrf</form>
                            </ul>
                        </li>
                    @else
                        <li class="loginLink"><a href="{{ route('login') }}">@lang('login')</a></li>
                        <li class="btn signupLink"><a href="{{ route('register') }}">@lang('sign up')</a></li>
                    @endauth
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </nav>

        <!-- top search form -->
    </div>
</header>
<!-- END | Header -->