<div class="navs-container">
    <!--start top nav-->
    <div class="top-nav">
        <div class="container-fluid">
            <div class="row">
                <div class="col-3 pr-0">
                    <div class="social-links">
                        <a target="_blank" href="{{settings('facebook')}}">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a target="_blank" href="{{settings('twitter')}}">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a target="_blank" href="{{settings('instagram')}}">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </div>
                </div>
                <div class="col-4">
                    <div class="account-links">
                        @auth()
                            <a href="{{route('user.profile')}}">
                                <img src="{{asset('assets/web/images/nav/nav-icon-1.svg')}}" alt="">
                                {{auth()->user()->name}}
                            </a>
                        @endauth
                        @guest()
                            <a href="{{route('user.login')}}">
                                <img src="{{asset('assets/web/images/nav/nav-icon-1.svg')}}" alt="">
                                {{__('main.login')}}
                            </a>
                            <a href="{{route('user.register')}}">
                                {{__('main.register')}}
                            </a>
                        @endguest
                    </div>
                </div>
                <div class="col-5">
                    <div class="contact-links">
                        <a href="mailto:{{settings('site_email')}}">
                            <img src="{{asset('assets/web/images/nav/nav-icon-mail.svg')}}" alt="">
                            {{settings('site_email')}}
                        </a>
                        <a href="tel:{{settings('site_phone')}}">
                            <img src="{{asset('assets/web/images/nav/nav-icon-phone.svg')}}" alt="">
                            {{settings('site_phone')}}
                        </a>
                        <ul class="navbar-nav">
                            <li class="nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <i class="fas fa-globe-europe"></i> {{__('main.language')}}
                                </a>
                                <div class="dropdown-menu " aria-labelledby="navbarDropdown1">
                                    @foreach(LaravelLocalization::getSupportedLocales() as $local => $name)
                                        <div class="dropdown-item">
                                            <a href="{{LaravelLocalization::getLocalizedURL($local, null, [], true)}}">{{$name['name']}}</a>
                                        </div>
                                    @endforeach
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--start main nav-->
    <nav class="main-nav navbar-expand-lg">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-6 col-xs-6 pr-0">
                    <div class="logo-container text-center w-100">
                        <a class="navbar-brand" href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">
                            <img src="{{asset('assets/web/images/logo.png')}}" alt="logo image">
                        </a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-6 col-xs-6">
                    <div class="collapse-main-nav">
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="navbarSupportedContent">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item ">
                                    <a class="nav-link active"  href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}<span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{{route('aboutUs.index')}}">{{__('main.about_us')}}</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        {{__('main.courses')}}
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
                                        @foreach(categories() as $cat)
                                            <div class="dropdown-item">
                                                <a href="{{route('our-categories.show', $cat->category_id)}}">{{$cat->name}}</a>
                                            </div>
                                        @endforeach

                                    </div>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        {{__('main.Instructions')}}
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown3">
                                        @foreach(pages(1) as $guidPag)
                                            <div class="dropdown-item">
                                                <a href="{{route($guidPag->page_path, $guidPag->page_name)}}">{{$guidPag->title}}</a>
                                            </div>
                                        @endforeach
                                    </div>
                                </li>

                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown4" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                        {{__('main.other')}}
                                    </a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown4">
                                        @foreach(pages(2) as $otherPag)
                                            <div class="dropdown-item">
                                                <a href="{{route($otherPag->page_path, $otherPag->page_name)}}">{{$otherPag->title}}</a>
                                            </div>
                                        @endforeach
                                    </div>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), route('contactUs.index'), [], true)}}">{{__('main.contact_us')}}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-12 col-xs-12">
                    <div class="search-container">
                        <form action="{{route('our-categories.show')}}" method="get" class="form-inline my-2 my-lg-0 courses_search_form">
                            <input class="form-control" name="search" type="search" placeholder="{{__('main.search_course')}}" aria-label="Search">
                            <button class="btn btn-outline-success courses_search_button" type="submit">
                                <img src="{{asset('assets/web/images/nav/nav-icon-search.svg')}}" alt="search image">
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    @yield('breadcrumb')
</div>
