{{-- navbar menu --}}

{{-- setting default css navbar --}}
<div class="mobile-responsive container">
    <nav>
        <ul class="mcd-menu" style="height: 0;">
            @foreach ($menus as $menu)

                {{-- level 1 --}}
                @foreach ($menu as $data)
                    <li>

                        @if($data->url)
                            <a href="{{ $data->url }}">
                                <strong>{{ $data->name }}</strong>
                            </a>
                        @else
                            <a href="{{ url($data->slug) }}">
                                <strong>{{ $data->name }}</strong>
                            </a>
                        @endif

                        {{-- level 2 --}}
                        @if(count($data->childrens) > 0)
                            <ul>
                                @foreach ($data->childrens as $children)
                                    <li>
                                        @if($children->url)
                                            <a href="{{ $children->url }}"> {{ $children->name }}</a>
                                        @else
                                            <a href="{{ url($children->slug) }}"> {{ $children->name }}</a>
                                        @endif

                                        {{-- level 3 --}}
                                        @if(count($children->childrens) > 0)
                                            <ul>
                                                @foreach ($children->childrens as $child)
                                                    <li>
                                                        @if($child->url)
                                                            <a href="{{ $child->url }}" style="margin-left: -15px !important;"> {{ $child->name }}</a>
                                                        @else
                                                            <a href="{{ url($child->slug) }}" style="margin-left: -15px !important;"> {{ $child->name }}</a>
                                                        @endif

                                                        {{-- level 4 --}}
                                                        @if($child->childrens)
                                                            <ul>
                                                                @foreach ($child->childrens as $cil)
                                                                    <li>
                                                                        @if($cil->url)
                                                                            <a href="{{ $cil->url }}" style="margin-left: -30px !important;"> {{ $cil->name }}</a>
                                                                        @else
                                                                            <a href="{{ url($cil->slug) }}" style="margin-left: -30px !important;"> {{ $cil->name }}</a>
                                                                        @endif
                                                                    </li>
                                                                @endforeach
                                                            </ul>
                                                        @endif
                                                        {{-- end level 4 --}}

                                                    </li>
                                                @endforeach
                                            </ul>
                                        @endif
                                        {{-- end level 3 --}}

                                    </li>
                                @endforeach

                            </ul>
                        @endif
                        {{-- end level 2 --}}

                    </li>
                @endforeach
                {{-- end level 1 --}}

            @endforeach

            {{-- beranda --}}
            <li>
                <a href="{{ url('/') }}">
                    <strong>@lang('menu.Beranda')</strong>
                </a>
            </li>
            {{-- end beranda --}}

        </ul>

        {{-- language switch --}}
        <ul class="mcd-menu" style="height: 0;">
            <li>
                @if (request()->segment(1) == 'search')

                    @if(request()->segment(1) != 'en')
                    <li>
                        <a style="color: #FFFFFF; background-color: #068661">
                            <strong>
                                <span class="flag-icon flag-icon-id"></span>
                                &nbsp;ID
                            </strong>
                        </a>
                        <ul>
                            <a href="{{ url('/en/' . request()->segment(1) . '/' . request()->segment(2)) }}" style="color: #FFFFFF; background-color: #068661">
                                <strong>
                                    <span class="flag-icon flag-icon-us"></span>
                                    &nbsp;ENGLISH
                                </strong>
                            </a>
                        </ul>
                    </li>
                    @else
                    <li>
                        <a style="color: #FFFFFF; background-color: #068661">
                            <strong>
                                <span class="flag-icon flag-icon-us"></span>
                                &nbsp;EN
                            </strong>
                        </a>
                        <ul>
                            <a href="{{ url('/id/' . request()->segment(1) . '/' . request()->segment(2)) }}" style="color: #FFFFFF; background-color: #068661">
                                <strong>
                                    <span class="flag-icon flag-icon-id"></span>
                                    &nbsp;INDONESIA
                                </strong>
                            </a>
                        </ul>
                    </li>
                    @endif

                @else

                    @if(request()->segment(1) != 'en')
                    <li>
                        <a style="color: #FFFFFF; background-color: #068661">
                            <strong>
                                <span class="flag-icon flag-icon-id"></span>
                                &nbsp;ID
                            </strong>
                        </a>
                        <ul>
                            <a href="{{ url('/en/' . request()->segment(2) . '/' . request()->segment(3)) }}" style="color: #FFFFFF; background-color: #068661">
                                <strong>
                                    <span class="flag-icon flag-icon-us"></span>
                                    &nbsp;ENGLISH
                                </strong>
                            </a>
                        </ul>
                    </li>
                    @else
                    <li>
                        <a style="color: #FFFFFF; background-color: #068661">
                            <strong>
                                <span class="flag-icon flag-icon-us"></span>
                                &nbsp;EN
                            </strong>
                        </a>
                        <ul>
                            <a href="{{ url('/id/' . request()->segment(2) . '/' . request()->segment(3)) }}" style="color: #FFFFFF; background-color: #068661">
                                <strong>
                                    <span class="flag-icon flag-icon-id"></span>
                                    &nbsp;INDONESIA
                                </strong>
                            </a>
                        </ul>
                    </li>
                    @endif

                @endif
            </li>
        </ul>

    </nav>
</div>
{{-- end navbar menu --}}