@empty($hide_footer)
    <footer class="bg-light border-top">

        <div class="container">
            <div class="row py-2 py-md-4 justify-content-center">
                <div class="col-md-4 d-none d-md-block">
                    <a class="link-dark text-decoration-none footer-logo" href="{{ route('home') }}">
                        Secretic
                    </a>
                    {{-- <small class="text-secondary">v{{ config('app.version') }}</small> --}}
                    <div class="text-secondary mb-4">
                        <small>Secret notes that will self-destruct after being read.</small>
                    </div>
                </div>
                <div class="col-md-5">
                    <ul class="nav justify-content-md-end">

                        <li class="nav-item d-md-none">
                            <a href="{{ route('home') }}" class="nav-link ps-0 pe-2 px-md-2">
                                Secretic
                            </a>
                        </li>

                        <li class="nav-item d-none d-md-block">
                            <a href="{{ route('home') }}" class="nav-link link-secondary ps-0 pe-2 px-md-2">
                                Home
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="{{ route('page.note.new') }}" class="nav-link link-secondary px-2">
                                New note
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="{{ route('home').'#about' }}" class="nav-link link-secondary px-2">
                                About
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="https://github.com/gomzyakov/secretic" class="nav-link link-secondary px-2" target="_blank">
                                <i class="bi bi-github"></i> GitHub
                            </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </footer>
@endempty

