@extends('layouts.base')

@section('meta')
    <link href="https://fonts.googleapis.com/css?family=Lato:100,400" rel="stylesheet">
    <title>404 | Page not found</title>
@endsection

@section('content')

    <header class="main">
        <div class="content-container">
            <div class="logo">
                <a href="/@if($subNav[0]->route!='/'){{$subNav[0]->route}}@endif">
                    <img src="/img/rentman-logo.svg" alt="logo rentman">
                </a>
            </div>

            <nav>
                <ul class="secondary-nav">
                    @foreach($subNav as $item)
                        <li>
                            <a href="/@if($item->route!='/'){{$item->route}}@endif">{{$item->name}}</a>
                        </li>
                    @endforeach
                </ul>
                <div class="main-nav">
                    @include('layouts.partials.capterra')
                    <ul>
                        @foreach($mainNav as $item)
                            <li>
                                <a href="/{{$item->route}}">{{$item->name}}</a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </nav>
        </div>
    </header>

    <div class="mobile-navigation">
        <div class="bar">
            <div class="toggle-menu">
                <div class="icon">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
            <div class="logo">
                <span></span>
            </div>
        </div>
        <div class="shader"></div>

        <div class="menu">
            <nav>
                <ul>
                    @foreach($mainNav as $item)
                        <li>
                            <a href="/{{$item->route}}">{{$item->name}}
                            </a>
                        </li>
                    @endforeach
                    <li class="divide"></li>
                    @foreach($subNav as $item)
                        <li>
                            <a href="/@if($item->route!='/'){{$item->route}}@endif">{{$item->name}}
                            </a>
                        </li>
                    @endforeach
                </ul>
            </nav>

            <p class="social">
                <strong>@lang('translations.followUs')</strong>

                <span class="icons">
                <a href="{{\Config::get('business.facebook')}}"><span class="facebook"></span></a>
                <a href="{{\Config::get('business.linkedin')}}"><span class="linkedin"></span></a>
            </span>
            </p>
        </div>
    </div>


    <div class="error">
        <div class="content-container">
            <div class="box">
                <h1 class="number">404</h1>
                <h1>@lang('error.error404').</h1>

                <div class="return-home">
                    <a href="/">@lang('error.backHome')</a>
                </div>
            </div>
        </div>
    </div>
@endsection