@extends('layouts.app')

@section('title', __('titles.windows.user_dashboard'))

@section('content')
<section class="section" style="min-height:80vh;">
	@if(session()->has('permission_error'))
	@include('includes.shared.auto_dismiss_toast', ['message_kind' => 'error', 'message' => session('permission_error')])
	@endif
	<div class="container" id="user_dashboard_container">
		<nav class="level block">
			<div class="level-left">
				<div class="level-item">
					<figure class="image is-64x64 mx-auto">
						<img src="{{ asset($user->avatar()) }}" alt="" class="is-rounded" style="border: 1px solid #ccc;height:64px;">
					</figure>
				</div>
				<div class="level-item" style="display:inline-flex;flex-direction:column;align-items:flex-start;">
					<h1 class="title is-3">
						{{ __('titles.pages.user_dashboard', ['firstname' => $user->firstname]) }}
					</h1>
					<br>
					<p class="is-small" id="journal_title_wrapper">
						@if(session()->has('journal_id') && isset($journal))
						{{ __('messages.journal_picked_root') }}
						@endif
						<a id="journal_dashboard_link" href="{{ route('journals.dashboard.show') }}">{{ $journal->title ?? '' }}</a>
					</p>
				</div>
			</div>
			<div class="level-right" id="open_modal_button_container" @if(!$can_manage_journals) style="display:none;" @endif>
				<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>
							@if(session()->has('journal_id'))
							{{ __('actions.change_journal') }}
							@else
							{{ __('actions.pick_journal') }}
							@endif
						</span>
					</a>
				</div>
			</div>
		</nav>
		<div class="tabs is-fullwidth is-toggle">
			<ul>
				<li>
					<a href="{{ route('call_for_papers.index.running') }}" id="link_to_open_calls">{{ __('links.view_open_calls') }}</a>
				</li>
				@if($can_manage_call_for_papers)
				<li>
					<a href="{{ route('call_for_papers.index') }}" id="link_to_user_calls">{{ __('links.manage_calls') }}</a>
				</li>
				@endif
				@if($can_manage_journals)
				<li>
					<a href="{{ route('journals.dashboard.show') }}" id="link_to_user_journals">{{ __('links.manage_journals') }}</a>
				</li>
				@endif
				<li>
					<a href="{{ route('users.edit') }}" id="link_to_profile">{{ __('links.edit_profile') }}</a>
				</li>
				<li>
					<a href="{{ route('users.history.index') }}" id="link_to_user_history">{{ __('links.user_history') }}</a>
				</li>
				<li>
					<a href="{{ route('emails.create') }}" id="link_to_mail_service">{{ __('links.mail_service') }}</a>
				</li>
			</ul>
		</div>
		<h1 class="title is-3">
			{{ __('titles.tables.running_tasks') }}
		</h1>
		<div class="box" id="user_running_tasks_table_container">
			@include('dashboards.includes.user_running_tasks_table')
		</div>
		<h1 class="title is-3">
			{{ __('titles.tables.done_tasks') }}
		</h1>
		<div class="box" id="user_done_tasks_table_container">
			@include('dashboards.includes.user_done_tasks_table')
		</div>
		<div id="modal_container"></div>
	</div>
</section>
<script src="{{ url('/js/modules/userDashboard.js') }}"></script>
<script src="{{ url('/js/modules/pickJournalForm.js') }}"></script>
<script src="{{ url('/js/modules/taskTable.js') }}"></script>
@endsection