@extends('layouts.app')

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

@section('content')
<section class="section" style="min-height:80vh;">
	@if(session()->has('success'))
	@include('includes.shared.auto_dismiss_toast', ['message_kind' => session('success.message_kind'), 'message' => session('success.message')])
	@endif
	@if(session()->has('complete_error'))
	@include('includes.shared.auto_dismiss_toast', ['message_kind' => 'error', 'message' => session('complete_error')])
	@endif
	@if(!$profileCompletion['is_complete'])
	@include('users.includes.profile_completion_warning', ['message_kind' => 'info', 'message' => 'messages.profile_completion_warning'])
	@endif
	<div class="container">
		<figure class="image is-128x128 mx-auto avatar_container">
			<img src="{{ asset($user->avatar()) }}" alt="Profile picture" class="is-rounded">
		</figure>
		<h1 class="title is-3 has-text-centered mt-4">{{ __('titles.pages.profile', ['firstname' => $user->firstname, 'lastname' => $user->lastname]) }}</h1>

		<hr>
		@if($editMode)
		<div class="columns">
			<div class="column">
				<nav class="level">
					<div class="level-left">
						<div class="level-item">
							<h3 class="title is-4">{{ __('titles.sections.identity') }}</h3>
						</div>
					</div>
				</nav>
				<div class="box">
					<form action="{{ route('users.identity.update') }}" method="POST" id="edit_core_identity" novalidate>
						@csrf
						{{ method_field('PUT') }}
						<div class="field">
							<label for="firstname" class="label is-required">
								{{ __('labels.firstname') }}
								@error('firstname')
								@include('includes.shared.context_error', ['message' => $errors->first('firstname')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:300px;">
								<input type="text" class="input" name="firstname" id="firstname" placeholder="John" value="{{ $user->firstname }}" required>
							</div>
						</div>
						<div class="field">
							<label for="lastname" class="label is-required">
								{{ __('labels.lastname') }}
								@error('lastname')
								@include('includes.shared.context_error', ['message' => $errors->first('lastname')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:300px;">
								<input type="text" class="input" name="lastname" id="lastname" placeholder="Doe" value="{{ $user->lastname }}" required>
							</div>
						</div>
						<div class="field">
							<label for="email" class="label is-required">
								{{ __('labels.email') }}
								@error('email')
								@include('includes.shared.context_error', ['message' => $errors->first('email')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:400px;">
								<input type="email" class="input" name="email" id="email" placeholder="exemple@mail.com" value="{{ $user->email }}" required>
							</div>
						</div>
						<div class="field">
							<div class="control">
								<input type="submit" class="button is-primary" value="{{ __('actions.shared.save') }}">
							</div>
						</div>
					</form>
				</div>
			</div>
			<div class="column">
				<nav class="level">
					<div class="level-left">
						<div class="level-item">
							<h3 class="title is-4">{{ __('titles.sections.password_management') }}</h3>
						</div>
					</div>
				</nav>
				<div class="box">
					<form action="{{ route('users.password.update') }}" method="POST" id="edit_password" novalidate>
						@csrf
						{{ method_field('PUT') }}
						<div class="field">
							<label for="password" class="label is-required">
								{{ __('labels.password') }}
								@error('password')
								@include('includes.shared.context_error', ['message' => $errors->first('password')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:400px;">
								<input type="password" class="input @error('password') invalid @enderror" name="password" id="password" required>
							</div>
						</div>
						<div class="field">
							<label for="new_password" class="label is-required">
								{{ __('labels.new_password') }}
								@error('new_password')
								@include('includes.shared.context_error', ['message' => $errors->first('new_password')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:400px;">
								<input type="password" class="input @error('new_password') invalid @enderror" name="new_password" id="new_password" required>
							</div>
							<ul id="password_rules" class="is-size-7 is-hidden">
								<li>{{ __('labels.password_rules.length') }}</li>
								<li>{{ __('labels.password_rules.lower') }}</li>
								<li>{{ __('labels.password_rules.upper') }}</li>
								<li>{{ __('labels.password_rules.special') }}</li>
							</ul>
						</div>
						<div class="field">
							<label for="new_password_confirmation" class="label is-required">
								{{ __('labels.confirm_new_password') }}
								@error('new_password_confirmation')
								@include('includes.shared.context_error', ['message' => $errors->first('new_password_confirmation')])
								@enderror
							</label>
							<div class="control" style="width: 30%;min-width:400px;">
								<input type="password" class="input @error('new_password_confirmation') invalid @enderror" name="new_password_confirmation" id="new_password_confirmation" required>
							</div>
						</div>
						<div class="field">
							<div class="control">
								<input type="submit" class="button is-primary" value="{{ __('actions.shared.save') }}">
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<hr>
		@endif

		<nav class="level">
			<div class="level-left">
				<div class="level-item">
					<h3 class="title is-4">{{ Str::ucfirst(__('entities.affiliations')) }}</h3>
				</div>
				@if($editMode)
				<div class="level-item">
					@addbutton(['text' => 'actions.crud.add', 'url' => route('users.affiliations.create', ['user_id' => $user->id])]) @endaddbutton
				</div>
				@endif
			</div>
		</nav>
		<div class="box" id="profile_user_affiliations_table_container">
			@include('users.includes.user_affiliations_table')
		</div>

		<hr>

		<div class="columns">
			<div class="column">
				<nav class="level">
					<div class="level-left">
						<div class="level-item">
							<h3 class="title is-4 is-inline-block">{{ Str::ucfirst(__('entities.cnu_sections')) }}</h3>
						</div>
						@if($editMode)
						<div class="level-item" id="add_user_cnu_section_button_container" data-user="{{ $user->id }}">
							@addbutton(['text' => 'actions.crud.add']) @endaddbutton
						</div>
						@endif
					</div>
				</nav>
				<div class="box" id="profile_user_cnu_sections_table_container">
					@include('users.includes.user_cnu_sections_table')
				</div>
			</div>
			<div class="column">
				<h3 class="title is-4">{{ Str::ucfirst(__('entities.tags')) }}</h3>
				<div class="box">
					@if($editMode)
					@include('includes.shared.tags_form', ['entity_type' => 'user', 'entity_id' => $user->id])
					@endif
					<div class="block">
						@include('includes.shared.tags_block', ['entity_type' => 'user', 'entity_id' => $user->id])
					</div>
				</div>
			</div>
		</div>
		<hr>

		<div class="columns">
			<div class="column">
				<nav class="level">
					<div class="level-left">
						<div class="level-item">
							<h3 class="title is-4 is-inline-block">{{ __('titles.sections.research_ids') }}</h3>
						</div>
						@if($editMode)
						<div class="level-item" id="add_user_social_network_button_container" data-user="{{ $user->id }}">
							@addbutton(['text' => 'actions.crud.add']) @endaddbutton
						</div>
						@endif
					</div>
				</nav>
				<div class="box" id="profile_user_social_network_table_container">
					@include('users.includes.user_social_networks_table')
				</div>
			</div>
			<div class="column" id="avatar_column">
				<nav class="level">
					<div class="level-left">
						<div class="level-item">
							<h3 class="title is-4 is-inline-block">
								{{ __('titles.sections.avatar') }}
							</h3>
						</div>
						<div class="level-item" id="add_user_avatar_button_container" data-user="{{ $user->id }}">
							@if($user->avatar() == '')
							@addbutton(['text' => 'actions.crud.add']) @endaddbutton
							@endif
						</div>
					</div>
				</nav>
				<div class="block">
					<figure class="image is-128x128 mx-auto avatar_container">
						<img src="{{ asset($user->avatar()) }}" alt="Profile picture" class="is-rounded">
					</figure>
				</div>
				@if($editMode)
				<div class="block">
					<div class="buttons is-centered" id="avatar_buttons_container" @if($user->avatar() == '') style="display:none;" @endif>
						<a class="icon edit_button" title="{{ __('actions.shared.edit') }}" data-user="{{ $user->id }}">
							<i class="fas fa-pen fa-lg"></i>
						</a>
						<a class="icon delete_button" title="{{ __('actions.shared.delete') }}" data-user="{{ $user->id }}">
							<i class="fas fa-trash-alt fa-lg"></i>
						</a>
					</div>
				</div>
				@endif
			</div>
		</div>

		<div id="modal_container"></div>
	</div>
</section>
<script src="{{ url('/js/modules/profile.js') }}"></script>
<script src="{{ url('/js/modules/userCnuSectionsForm.js') }}"></script>
<script src="{{ url('/js/modules/userSocialNetworkForm.js') }}"></script>
<script src="{{ url('/js/modules/userAvatarUpload.js') }}"></script>
@endsection