{{-----------------------------------------------------
**  Websites.Includes.Elements.Footer
-----------------------------------------------------}}

<footer>
    <div class="back">
        <button type="button" class="link">
            <svg>
                <use href="{{asset('storage/sprite.svg#icon-top')}}" />
            </svg>
            Retour haut de page
        </button>
    </div>
    <div class="bottom">
        <nav>
            <a href="{{ route('show_journal_home') }}" title="{{$journal_title}}">
                {{ $journal_title }}
            </a>
            <a href="{{ route('show_contact_form') }}" title="Nous contacter">
                Nous contacter
            </a>
            <a href="{{ route('show_mentions_legal') }}" title="Mentions légales">
                Mentions légales
            </a>
        </nav>
        @if($commons->journal->issn != "" || $commons->journal->eissn != "")
        <nav>
            <a href="#" onclick="event.preventDefault(); return false;" class="issn-wrapper">ISSN : {{ $commons->journal->eissn ?? $commons->journal->issn ?? 'En cours' }}</a>
            <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" style="vertical-align: middle;"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" title="Cette oeuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Pas d'utilisation commerciale - Pas de modification 4.0 International"></a>
        </nav>
        @else
        <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/" target="_blank" style="vertical-align: middle;"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" title="Cette oeuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Pas d'utilisation commerciale - Pas de modification 4.0 International"></a>
        @endif
    </div>
</footer>
<style>
    .issn-wrapper {
        transition: none;
        color: #000 !important;
    }

    .issn-wrapper:hover {
        transition: none;
        cursor: default;
        color: #000 !important;
    }

    .issn-wrapper+img {
        display: inline-block;
        vertical-align: middle;
    }
</style>