@extends('layouts.app')

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

@section('content')
<section class="section" style="min-height:80vh;">
	<div class="columns is-centered">
		<div class="column is-half">
			<div class="icon-text has-text-primary">
				<a href="{{ route('users.edit') }}" class="link">
					<span class="icon">
						<i class="fas fa-arrow-left"></i>
					</span>
					<span>
						{{ __('links.back_to_profile') }}
					</span>
				</a>
			</div>
		</div>
	</div>
	<div class="columns is-centered">
		<div class="column is-half">
			<h1 class="title is-3 mt-4">{{ __('titles.pages.add_user_affiliation') }}</h1>
		</div>
	</div>

	<div class="columns is-centered">
		<div class="column is-half">
			<div class="block">
				<form action="{{ route('users.affiliations.store', ['user_id' => $user->id]) }}" method="POST" id="add_user_affiliation_form" novalidate>
					@csrf
					<div id="auto_complete_container">
						<label for="autoComplete" class="label is-required">{{ __('labels.organization_name') }}</label>
						<div class="field">
							<div class="control">
								<input type="text" class="input" id="autoComplete" name="autoComplete" required>
							</div>
						</div>
					</div>
					<div class="is-hidden" id="form_hidden_fields">
						<div id="organization_container" class="mb-5"></div>
						<hr>
						<div class="field">
							<label for="position_id" class="label is-required">
								{{ Str::ucfirst(__('entities.position')) }}
								@error('position_id')
								@include('includes.shared.context_error', ['message' => $errors->first('position_id')])
								@enderror
							</label>
							<div class="select">
								<select name="position_id" id="position_id" required>
									@foreach($positions as $pos)
									<option value="{{ $pos->id }}">{{ Str::ucfirst($pos->name) }}</option>
									@endforeach
								</select>
							</div>
						</div>
						<label for="new_position">
							<a href="#new_position_wrapper" class="expander">{{ __('links.position_not_found') }}</a>
							@error('new_position')
							@include('includes.shared.context_error', ['message' => $errors->first('new_position')])
							@enderror
						</label>
						<div id="new_position_wrapper" class="is-hidden mt-3">
							<div class="field has-addons">
								<div class="control is-expanded">
									<input type="text" class="input" id="new_position" name="new_position" placeholder="Professeur, ...">
								</div>
								<div class="control">
									<button class="button is-primary" type="button" id="add_position_button">
										{{ __('actions.shared.save') }}
									</button>
								</div>
							</div>
						</div>
						<hr>
						<div class="field">
							<label for="main_structure" class="label">
								{{ __('labels.main_structure') }}
								@error('main_structure')
								@include('includes.shared.context_error', ['message' => $errors->first('main_structure')])
								@enderror
							</label>
							<div class="control">
								<input type="text" class="input" id="main_structure" name="main_structure" placeholder="Département, ...">
							</div>
						</div>
						<div class="field">
							<label for="secondary_structure" class="label">
								{{ __('labels.secondary_structure') }}
								@error('secondary_structure')
								@include('includes.shared.context_error', ['message' => $errors->first('secondary_structure')])
								@enderror
							</label>
							<div class="control">
								<input type="text" class="input" id="secondary_structure" name="secondary_structure" placeholder="Laboratoire...">
							</div>
						</div>
						<div class="field">
							<label for="start_date" class="label">
								{{ __('labels.start_date') }}
								@error('start_date')
								@include('includes.shared.context_error', ['message' => $errors->first('start_date')])
								@enderror
							</label>
							<div class="control">
								<input type="text" class="input" id="start_date" name="start_date">
							</div>
						</div>
						<div class="field">
							<label for="start_date_format" class="label">
								{{ __('labels.date_format') }}
								@error('start_date_format')
								@include('includes.shared.context_error', ['message' => $errors->first('start_date_format')])
								@enderror
							</label>
							<div class="select">
								<select name="start_date_format" id="start_date_format">
									<option value="d/m/Y">{{ __('labels.full_date') }}</option>
									<option value="m/Y">{{ __('labels.month_and_year') }}</option>
									<option value="Y">{{ __('labels.year_only') }}</option>
								</select>
							</div>
						</div>
						<div class="field">
							<label for="end_date" class="label">
								{{ __('labels.end_date') }}
								@error('end_date')
								@include('includes.shared.context_error', ['message' => $errors->first('end_date')])
								@enderror
							</label>
							<div class="control">
								<input type="text" class="input" id="end_date" name="end_date">
							</div>
						</div>
						<div class="field">
							<label for="end_date_format" class="label">
								{{ __('labels.date_format') }}
								@error('end_date_format')
								@include('includes.shared.context_error', ['message' => $errors->first('end_date_format')])
								@enderror
							</label>
							<div class="select">
								<select name="end_date_format" id="end_date_format">
									<option value="d/m/Y">{{ __('labels.full_date') }}</option>
									<option value="m/Y">{{ __('labels.month_and_year') }}</option>
									<option value="Y">{{ __('labels.year_only') }}</option>
								</select>
							</div>
						</div>
						<div class="field">
							<div class="control">
								<label for="is_current" class="label checkbox">
									@error('is_current')
									@include('includes.shared.context_error', ['message' => $errors->first('is_current')])
									@enderror
									<input type="checkbox" name="is_current" id="is_current" value="1">&nbsp;{{ __('labels.still_my_job') }}</input>
								</label>
							</div>
						</div>

						<input type="hidden" name="organization_id" value="" id="organization_id" required>
						<div class="field is-grouped">
							<div class="control">
								<button class="button is-primary" id="submit_form_button" type="submit">{{ __('actions.shared.save') }}</button>
							</div>
							<div class="control">
								<a href="{{ route('users.edit') }}" class="button cancel_and_close">{{ __('actions.shared.cancel') }}</a>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div id="modal_container"></div>
</section>
<script src="{{ url('/js/autocompletes/addUserAffiliationAutocomplete.js') }}"></script>
<script src="{{ url('/js/modules/organizationForm.js') }}"></script>
<script src="{{ url('/js/modules/userAffiliationsForm.js') }}"></script>
@endsection