<div class="header-lower">
    <div class="auto-container clearfix">
        <div class="logo-outer">
            <div class="logo">
                <a href="{{ route('home') }}" title="NCU LTD">
                    <img src="{{ asset('images/logo.png') }}"
                         width="200"
                         height="53"
                         alt="ncultd">
                </a>
            </div>
        </div>

        <div class="nav-outer clearfix">
            <div class="mobile-nav-toggler">
                <span class="icon flaticon-menu-1"></span>
            </div>

            <nav class="main-menu navbar-expand-md navbar-light">
                <div class="navbar-header">
                    <button class="navbar-toggler" type="button"
                        data-toggle="collapse"
                        data-target="#navbarSupportedContent"
                        aria-controls="navbarSupportedContent"
                        aria-expanded="false"
                        aria-label="Toggle navigation">
                        <span class="icon flaticon-menu-button"></span>
                    </button>
                </div>

                <div class="collapse navbar-collapse clearfix" id="navbarSupportedContent">
                    <ul class="navigation clearfix">
                        <li class="current">
                            <a href="{{ route('home') }}" title="Home">Home</a>
                        </li>

                        <li class="dropdown">
                            <a href="#" title="Corporate">Corporate</a>
                            <ul>
                                <li><a href="{{ route('about') }}" title="About Us">About Us</a></li>
                                <li><a href="{{ route('mission.vision') }}" title="Vision - Mission">Vision - Mission</a></li>
                                <li><a href="{{ route('certificates') }}" title="Our Certificates">Our Certificates</a></li>
                                <li><a href="{{ route('team') }}" title="Our Team">Our Team</a></li>
                                <li><a href="{{ route('partners') }}" title="Partners">Partners</a></li>
                                <li><a href="{{ route('assets') }}" title="Assets">Assets</a></li>
                            </ul>
                        </li>

                        <li class="dropdown" title="Products">
                            <a href="#">Target groups</a>
                            <div class="megamenu">
                                <div class="row">

                                    <div class="col-md-3 col-sm-6 col-xs-12 column">
                                        <div class="inner-column">
                                            <figure class="image">
                                                <a href="{{ route('cotton.farming') }}" title="Cotton Farming">
                                                    <img src="{{ asset('upload/category/ncu-cotton.png') }}" alt="Cotton Farming">
                                                </a>
                                            </figure>
                                            <a class="submenu-title" href="{{ route('cotton.farming') }}">Cotton Farming</a>
                                        </div>
                                    </div>

                                    <div class="col-md-3 col-sm-6 col-xs-12 column">
                                        <div class="inner-column">
                                            <figure class="image">
                                                <a href="{{ route('mixed.farming') }}" title="Mixed Farming">
                                                    <img src="{{ asset('upload/category/ncu-mixed-farming.png') }}" alt="Mixed Farming">
                                                </a>
                                            </figure>
                                            <a class="submenu-title" href="{{ route('mixed.farming') }}">Mixed Farming</a>
                                        </div>
                                    </div>

                                    <div class="col-md-3 col-sm-6 col-xs-12 column">
                                        <div class="inner-column">
                                            <figure class="image">
                                                <a href="{{ route('fish.farming') }}" title="Fish Farming">
                                                    <img src="{{ asset('upload/category/ncu-fish-farming.png') }}" alt="Fish Farming">
                                                </a>
                                            </figure>
                                            <a class="submenu-title" href="{{ route('fish.farming') }}">Fish Farming</a>
                                        </div>
                                    </div>

                                    <div class="col-md-3 col-sm-6 col-xs-12 column">
                                        <div class="inner-column">
                                            <figure class="image">
                                                <a href="{{ route('cattle.farming') }}" title="Cattle Farming">
                                                    <img src="{{ asset('upload/category/ncu-cattle.png') }}" alt="Cattle Farming">
                                                </a>
                                            </figure>
                                            <a class="submenu-title" href="{{ route('cattle.farming') }}">Cattle Farming</a>
                                        </div>
                                    </div>

                                    <div class="col-md-3 col-sm-6 col-xs-12 column">
                                        <div class="inner-column">
                                            <figure class="image">
                                                <a href="{{ route('factory.processing') }}" title="Factory Processing">
                                                    <img src="{{ asset('upload/category/ncu-factory.png') }}" alt="Factory Processing">
                                                </a>
                                            </figure>
                                            <a class="submenu-title" href="{{ route('factory.processing') }}">Factory Processing</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </li>

                        <li class="dropdown">
                            <a href="#" title="Services">Services</a>
                            <ul>
                                <li><a href="{{ route('farming.inputs') }}">Providing farming inputs</a></li>
                                <li><a href="{{ route('oversight.assets') }}">Oversight of Union assets</a></li>
                                <li><a href="{{ route('member.economy') }}">Improve member's economy</a></li>
                                <li><a href="{{ route('crop.value') }}">Adding value of member's major crops</a></li>
                            </ul>
                        </li>

                        <li>
                            <a href="{{ route('contact') }}" title="Contact">Contact</a>
                        </li>

                        <li>
                            <a href="{{ route('downloads') }}" title="Downloads">Downloads</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</div>
