{{-----------------------------------------------------
**  Numero.Post
-----------------------------------------------------}}
@extends('layouts.' . $theme, [
    'model'     => $model,
    'name'      => 'paper-page',
    'current'   => 'issue'
])

@section('header')
    <header>
        <div class="head">
            <span>
                <a href="{{ route('template_show_one_issue',['issue_id'=>$content->paper->issue->id, 'issue_type'=>$content->paper->issue->issue_type, 'issue_number'=>$content->paper->issue->number, 'issue_slug'=>$content->paper->issue->issue_slug]) }}">{{ ucfirst($content->paper->issue->issue_type_prefix).$content->paper->issue->number }} / {{ html_entity_decode($content->paper->issue->issue_title) }}</a>
            </span>
            <h1>
                {{ html_entity_decode($content->paper->title) }}
            </h1>
            @if($content->paper->subtitle && ($content->paper->subtitle != 'Sous titre par défaut'))
                <h3>
                    {{ html_entity_decode($content->paper->subtitle) }}
                </h3>
            @endif
            <span>
                {{ implode(', ', array_column($content->paper->usersAsAuthors->toArray(), 'full_name')) }}
            </span>
        </div>
        @if(file_exists('storage/numerev_Files/journal_'.$config->id.'/issue_'.$content->paper->issue->id.'/paper_'.$content->paper->id.'/images/paper_'.$content->paper->id.'.jpg' ))
            <div class="image">
                <img src="{{ asset('storage/numerev_Files/journal_'.$config->id.'/issue_'.$content->paper->issue->id.'/paper_'.$content->paper->id.'/images/paper_'.$content->paper->id.'.jpg') }}" alt="{{ Str::words(html_entity_decode($content->paper->title), 10) }}">
            </div>
        @endif
    </header>
@endsection

@section('contents')
    <section class="summary">
        <div class="head" style="width: 25rem;">
            <h2 class="h3">
                Résumé
            </h2>
        </div>
        <div class="detail" style="text-align: justify;">
            <p>
                {!! html_entity_decode($content->paper->first_paper_abstract) !!}
            </p>
        </div>
    </section>
    <section class="keywords without-margin">
        <div class="head">
            <h2 class="h3">
                Mots-clés
            </h2>
        </div>
        <div class="items">
            {{-- Limit 18 --}}
            @forelse ($content->paper->tags as $tag)
                <div class="item">
                    <a class="button white" href="{{ route('show_tag_info', ['id'=>$tag->id, 'tag'=>$tag->name]) }}" title="{{ $tag->name }}">
                        {{ $tag->name }}
                    </a>
                </div>
            @empty
                <p>Aucun mot-clé n'a été défini.</p>
            @endforelse
        </div>
    </section>
    <section class="entry with-border">
        <div class="head" style="width: 25rem;">
            <h2 class="h3">
                Plan de l'article
            </h2>
            <ul class="no-bullet plan-overflow" id="plan">
                
            </ul>
            <div class="actions">
                <a class="link" href="{{ route('template_convert_to_pdf',['paper_slug'=>$content->paper->slug, 'issue_type'=>$content->paper->issue->issue_type, 'issue_number'=>$content->paper->issue->number, 'paper_id'=>$content->paper->id]) }}" title="Télécharger l'article" target="_blank">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-download') }}"/></svg>
                    Télécharger l'article
                </a>
                <!-- <a class="link" href="#" title="Ajouter à ma bibliothèque">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-star') }}"/></svg>
                    Ajouter à ma bibliothèque
                </a> -->
                <button type="button" class="link button-quote">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-quote') }}"/></svg>
                    Citer cet article
                </button>
            </div>
            <!-- <div class="social">
                <p>
                    Partager l'article sur
                </p>
                <a class="link" href="https://www.facebook.com/sharer/sharer.php?u=https://example.com" target="_blank" title="Partager sur Facebook">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-facebook') }}"/></svg>
                    Facebook
                </a>
                <a class="link" href="https://twitter.com/home?status=https://example.com " target="_blank" title="Partager sur Twitter">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-twitter') }}"/></svg>
                    Twitter
                </a>
                <a class="link" href="https://www.linkedin.com/shareArticle?mini=true&url=https://example.com" target="_blank" title="Partager sur LinkedIn">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-linkedin') }}"/></svg>
                    LinkedIn
                </a>
            </div> -->
        </div>
        <div class="detail" id="content" style="word-break: break-word; text-align: justify;" data-select>
            
            @if(isset($content->paper->storage_path) && file_exists('storage/'.$content->paper->storage_path))
                {!! html_entity_decode(file_get_contents('storage/'.$content->paper->storage_path)) !!}
            @endif
        </div>
    </section>
    <!-- matériaux -->
    
    <section class="authors with-border one-by-line">
        <div class="head">
            <h2 class="h3">
                Auteurs
            </h2>
        </div>
        <div class="items">
            {{-- @for ($i = 0; $i < 3; $i++) --}}
            @foreach ($content->paper->usersAsAuthors as $author)
                <div class="item">
                    <div>
                        <h3>
                            <a href="{{ route('show_author_page', ['id'=>$author->id]) }}" title="{{ $author->full_name }}">
                                {{ $author->full_name }}
                            </a>
                        </h3>
                        <span>
                            @if(isset($author['affiliations']) && count($author['affiliations']) > 0)
                                @if(isset($author['affiliation_in_between']) && count($author['affiliation_in_between']) > 0)
                                    {!! $author['affiliation_in_between']['position_name'] != '' ? $author['affiliation_in_between']['position_name'].html_entity_decode("<br>") : '' !!}

                                    @if($author['affiliation_in_between']['main_structure'] != '' && $author['affiliation_in_between']['secondary_structure'] != '')
                                        {!! $author['affiliation_in_between']['main_structure'].html_entity_decode("<br>") !!}
                                        {!! $author['affiliation_in_between']['secondary_structure'].html_entity_decode("<br>") !!}

                                    @elseif($author['affiliation_in_between']['main_structure'] == '' && $author['affiliation_in_between']['secondary_structure'] != '' )
                                        {!! $author['affiliation_in_between']['secondary_structure'].html_entity_decode("<br>") !!}

                                    @elseif($author['affiliation_in_between']['main_structure'] != '' && $author['affiliation_in_between']['secondary_structure'] == '' )
                                        {!! $author['affiliation_in_between']['main_structure'].html_entity_decode("<br>") !!}

                                    @elseif($author['affiliation_in_between']['main_structure'] == '' && $author['affiliation_in_between']['secondary_structure'] == '')
                                        ''
                                    @endif

                                    {!! $author['affiliation_in_between']['organization_name'] != '' ? $author['affiliation_in_between']['organization_name'].html_entity_decode("<br>") : '' !!}
                                    
                                @else
                                    @include('websites.includes.showAffiliationInList', ['data_aff'=>$author['affiliations']])
                                    
                                @endif
                            @else
                                <p></p>    
                            @endif
                        </span>
                    </div>
                    <div>
                        @if(is_numeric($author->id) && !is_null($author->email))
                            <a class="button white" href="" onclick="event.preventDefault();fetchEmail({{ $author->id}}, 3,`{{ $author->full_name }}`)">
                                <svg><use href="{{ asset('storage/sprite.svg#icon-mail') }}"/></svg>
                                Contacter l'auteur
                            </a>
                        @endif
                    </div>
                </div>
            @endforeach
        </div>
    </section>
    @if (isset($content->paper->issue->reviewing_mode_id) && $content->paper->issue->reviewing_mode_id == 3 && isset($content->paper->usersAsReviewers) && count($content->paper->usersAsReviewers) > 0)
        <section class="authors with-border one-by-line">
            <div class="head">
                <h2 class="h3">
                    Article évalué par
                </h2>
            </div>
            <div class="items">
                @foreach ($content->paper->usersAsReviewers as $reviewer)
                    <div class="item">
                        <div>
                            <h3>
                                <a href="{{ route('show_journal_committee_member', ['id'=>$reviewer->id ]) }}" title="{{ $reviewer->full_name }}">
                                    {{ $reviewer->full_name }}
                                </a>
                            </h3>
                            <span>
                                @if(isset($reviewer['affiliations']) && count($reviewer['affiliations']) > 0)
                                    @if(isset($reviewer['affiliation_in_between']) && count($reviewer['affiliation_in_between']) > 0)
                                        {!! $reviewer['affiliation_in_between']['position_name'] != '' ? $reviewer['affiliation_in_between']['position_name'].html_entity_decode("<br>") : '' !!}

                                        @if($reviewer['affiliation_in_between']['main_structure'] != '' && $reviewer['affiliation_in_between']['secondary_structure'] != '')
                                            {!! $reviewer['affiliation_in_between']['main_structure'].html_entity_decode("<br>") !!}
                                            {!! $reviewer['affiliation_in_between']['secondary_structure'].html_entity_decode("<br>") !!}

                                        @elseif($reviewer['affiliation_in_between']['main_structure'] == '' && $reviewer['affiliation_in_between']['secondary_structure'] != '' )
                                            {!! $reviewer['affiliation_in_between']['secondary_structure'].html_entity_decode("<br>") !!}

                                        @elseif($reviewer['affiliation_in_between']['main_structure'] != '' && $reviewer['affiliation_in_between']['secondary_structure'] == '' )
                                            {!! $reviewer['affiliation_in_between']['main_structure'].html_entity_decode("<br>") !!}

                                        @elseif($reviewer['affiliation_in_between']['main_structure'] == '' && $reviewer['affiliation_in_between']['secondary_structure'] == '')
                                            ''
                                        @endif

                                        {!! $reviewer['affiliation_in_between']['organization_name'] != '' ? $reviewer['affiliation_in_between']['organization_name'].html_entity_decode("<br>") : '' !!}
                                        
                                    @else
                                        @include('websites.includes.showAffiliationInList', ['data_aff'=>$reviewer['affiliations']])
                                        
                                    @endif
                                @else
                                    <p></p>    
                                @endif
                            </span>
                        </div>
                    </div>
                @endforeach
            </div>
        </section>
    @endif
    <!-- discuss -->
    
    @if ($content->paper->next_paper != [])
        <section class="next">
            <div class="head">
                <h2 class="h3">
                    Continuer la lecture avec l'article suivant du numéro
                </h2>
            </div>
            <div class="item">
                <h3>
                    {{ html_entity_decode($content->paper->next_paper->title) }}
                </h3>
                <span>
                    {{ implode(', ', array_column($content->paper->next_paper->usersAsAuthors->toArray(), 'full_name')) }}
                </span>
                <p>
                    {!! Str::words(strip_tags(html_entity_decode($content->paper->first_nextPaper_abstract)), 80) !!}
                </p>
                <a class="button green" href="{{ route('template_show_one_paper',['paper_slug'=>$content->paper->next_paper->slug, 'issue_type'=>$content->paper->next_paper->issue->issue_type, 'issue_number'=>$content->paper->next_paper->issue->issue_number, 'paper_id'=>$content->paper->next_paper->id]) }}" title="Lire la suite">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
                    Lire la suite
                </a>
            </div>
        </section>
    @endif
    <section class="numeros with-head">
        <div class="head">
            <h2>
                Du même auteur
            </h2>
            <a class="button white" href="{{ route('show_author_page', ['id'=>$content->paper->main_author_allPapers->id]) }}#authors_papers" title="Tous les articles">
                <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
                Tous les articles
            </a>
        </div>
        <div class="items">
            {{-- Limit 3 --}}
            @forelse ($content->paper->main_author_allPapers->userAsAuthor as $aut_paper)
                <div class="item">
                    @if(file_exists('storage/numerev_Files/journal_'.$config->id.'/issue_'.$aut_paper->issue_id.'/paper_'.$aut_paper->id.'/images/paper_'.$aut_paper->id.'.jpg' ))
                        <div class="image">
                            <img src="{{ asset('storage/numerev_Files/journal_'.$config->id.'/issue_'.$aut_paper->issue_id.'/paper_'.$aut_paper->id.'/images/paper_'.$aut_paper->id.'.jpg') }}" alt="{{ Str::words(html_entity_decode($content->paper->title), 10) }}">
                        </div>
                    @endif
                    <div class="metas">
                        <span>
                            {{ ucfirst($aut_paper->issue_type_prefix) . $aut_paper->issue_number }} / {{ $aut_paper->formatted_publication_date }}
                        </span>
                        <h3>
                            {{ html_entity_decode($aut_paper->title) }}
                        </h3>
                        <a class="link" href="{{ route('template_show_one_paper',['paper_slug'=>$aut_paper->slug, 'issue_type'=>$aut_paper->issue_type, 'issue_number'=>$aut_paper->issue_number, 'paper_id'=>$aut_paper->id]) }}" title="Lire la suite">
                            <svg><use href="{{ asset('storage/sprite.svg#icon-plus') }}"/></svg>
                            Lire la suite
                        </a>
                    </div>
                </div>
            @empty
                <p>Aucune autre publication à afficher.</p>
            @endforelse
        </div>
    </section>
    <!-- modal discuss -->
    <div class="modal modal-comm" style="visibility: hidden;"></div>
    <!-- modal notes -->
    
    <div class="modal modal-quote">
        <div class="box">
            <div class="head">
                <p class="h3">
                    Citer cet article
                </p>
                <button type="button" class="link button-close">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-close') }}"/></svg>
                    Fermer
                </button>
            </div>
            <div class="content">
                <p>
                    {!! QuoteFormat::format_quote($content->paper->toArray()) !!}
                </p>
                <button type="button" class="button white button-copy">
                    <svg><use href="{{ asset('storage/sprite.svg#icon-copy') }}"/></svg>
                    Copier dans votre presse-papier
                </button>
            </div>
        </div>
    </div>
    @include('websites.includes.elements.email-modal')

    <script>
        let content = document.getElementById('content');
        let plan = document.getElementById('plan');
        let li, span, a;
        let headers = document.querySelectorAll('#content h1, #content h2');
        headers = headers.length ? headers : document.querySelectorAll('#content h2');
        Array.prototype.forEach.call(headers, function (item, i) {
            let someClass = (item.tagName == 'H1') ? 'toc_h1' : 'toc_h2';
            item.dataset.index = i;
            li = document.createElement('li');
            li.dataset.index = i;
            item.id = string_to_slug(item.textContent);
            span = document.createElement('span');
            span.textContent = item.textContent;
            span.textContent = '';
            span.classList.add(someClass);
            a = document.createElement('a');
            a.href = `#${item.id}`;
            a.textContent = item.textContent;
            span.append(a);
            li.append(span);
            plan.append(li);
        });
        /*window.onload = function(){
            setTimeout(function(){
                document.querySelectorAll('.et').forEach(function(item){
                    item.remove();
                });
            }, 3000);
        }*/
    </script>
    <style>
        .plan-overflow:hover{
            max-height: 100vh;
            overflow-y: auto;
        }
        #plan li:not(:last-child){
            margin-bottom: 5px;
        }
        #plan li a{
            color: inherit;
            text-decoration: none;
        }
        .entry #content img{
            margin-left: auto;
            margin-right: auto;
        }

        .entry #content a{
            display: initial;
        }

        .entry #content a::before{
            content: "\00a0";
        }

        .entry #content.detail h1,
        .entry #content.detail h2,
        .entry #content.detail h3,
        .entry #content.detail h4,
        .entry #content.detail h5,
        .entry #content.detail h6{
            text-align: left !important;
        }

        #paper-page .entry .head > ul li span.toc_h1{
            font-weight: bold;
            font-size: 1.6rem;
        }

        #paper-page .entry .head > ul li span.toc_h2{
            font-weight: normal;
            font-size: 1.5rem;
        }
    </style>
    @push('metas')
        @include('websites.includes.article_metadata')
    @endpush
@endsection