@extends('layouts.app')

@section('title', __('titles.windows.journal_dashboard', ['journal' => $journal->title]))

@section('content')
<section class="section" style="min-height:80vh;">
    <div class="container" id="journal_dashboard_container">
        <nav class="level block">
            <div class="level-left">
                <div class="level-item">
                    <figure class="image mx-auto">
                        <img src="{{ asset('storage/' . $journal->logo_img) }}" alt="Journal logo" style="height:64px;">
                    </figure>
                </div>
                <div class="level-item" style="display:inline-flex;flex-direction:column;align-items:flex-start;">
                    <h1 class="title is-3" id="journal_title">
                        {{ $journal->title }}
                    </h1>
                </div>
            </div>
            <div class="level-right" id="open_modal_button_container">
                <div class="level-item">
                    <a href="{{ route('users.dashboard.journals.index') }}" class="button is-primary" id="open_pick_journal_modal">
                        <span class="icon">
                            <i class="fas fa-archive"></i>
                        </span>
                        <span>
                            {{ __('actions.change_journal') }}
                        </span>
                    </a>
                </div>
            </div>
        </nav>
        <div class="columns">
            <div class="column">
                <article class="panel">
                    <p class="panel-heading is-size-6 has-text-centered has-plum-background">{{ __('titles.sections.journal_main_params') }}</p>
                    <a class="panel-block has-hover-primary" href="{{ route('journals.edit') }}">{{ __('links.journal_metadata') }}</a>
                    <a class="panel-block has-hover-primary" href="{{ route('journals.theme.edit') }}">{{ __('links.journal_theme_configuration') }}</a>
                    <a class="panel-block is-flex-direction-column is-align-items-flex-start has-hover-primary" href="{{ route('journals.contents.index') }}">
                        <span>{{ __('links.journal_contents') }}</span>
                        <br>
                        <span class="is-size-7">{{ __('links.journal_contents_details') }}</span>
                    </a>
                    <a href="{{ route('journal_evaluation_criteria.index') }}" class="panel-block has-hover-primary">{{ __('links.journal_evaluation_criteria') }}</a>
                </article>
            </div>
            <div class="column">
                <article class="panel">
                    <p class="panel-heading is-size-6 has-text-centered has-plum-background">{{ __('titles.sections.publishing') }}</p>
                    <a href="{{ route('call_for_papers.index') }}" class="panel-block has-hover-primary">{{ Str::ucfirst(__('entities.calls_for_paper')) }}</a>
                    <a href="{{ route('issues.index') }}" class="panel-block is-flex-direction-column is-align-items-flex-start has-hover-primary">
                        <span>{{ __('links.manage_publications') }}</span>
                        <br>
                        <span class="is-size-7">{{ __('links.issues_and_papers') }}</span>
                    </a>
                    <a href="" class="panel-block has-hover-primary">{{ __('links.journal_announcements') }}</a>
                    <a href="" class="panel-block has-hover-primary">{{ __('links.journal_statistics') }}</a>
                </article>
            </div>
            <div class="column">
                <article class="panel">
                    <p class="panel-heading is-size-6 has-text-centered has-plum-background">{{ __('titles.sections.participants') }}</p>
                    <a href="" class="panel-block has-hover-primary">{{ __('links.messaging') }}</a>
                    <a href="{{ route('users.roles.index') }}" class="panel-block has-hover-primary">{{ __('links.assign_roles') }}</a>
                    <a href="{{ route('invitations.create') }}" class="panel-block has-hover-primary">{{ __('links.invite_participants') }}</a>
                    <a href="{{ route('invitations.index') }}" class="panel-block has-hover-primary">{{ __('links.history_invitations') }}</a>
                    <a href="{{ route('committees.index') }}" class="panel-block is-flex-direction-column is-align-items-flex-start has-hover-primary">
                        <span>{{ __('links.manage_committees') }}</span>
                        <br>
                        <span class="is-size-7">{{ __('links.manage_committees') }}</span>
                    </a>
                </article>
            </div>
        </div>
        <div id="modal_container"></div>
    </div>
</section>
<script src="{{ url('/js/modules/userDashboard.js') }}"></script>
<script src="{{ url('/js/modules/pickJournalForm.js') }}"></script>
@endsection