@extends('layout.backend')
@section('title', $user->exists ? 'Editar '.__('user.label_one').': ' .$user->name : 'Novo '.__('user.label_one'))

@section('scripts')
@parent
<script src="{{ mix('/js/create-users.js') }}"></script>
<script>
    var rolesTypes = @json($rolesTypes);
	var functionsTypes = @json($functionsTypes);
	var hlcUsers = @json($hlcUsers);
	var pvgUsers = @json($pvgUsers);
</script>
@endsection

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
	<x-form.header.button-back :route="route('users.index')"/>
</x-form.header.button-bar>

<x-form.body :title="($user->exists ? 'Editar ' : 'Novo ' ) . __('user.Label_one')" icon="fa-user" 
	:form-action="$user->exists ? route('users.update', ['user' => $user->id]) : route('users.store')"
	:form-method="$user->exists ? 'PUT' : 'POST'"
	:item="$user ?? null" > 

	{{-- Hidden fields -- ver se precisa e para que --}}
    <input type="hidden" name="id" value="{{ $user->id }}">

	<x-form.section margins="mt-2 mb-2" heading="Dados Pessoais" />

    <div class="col-12 col-sm mb-0">
        <div class="row">
            {{-- Personal and Contact Data --}}
            <x-form.text name="name" :value="$user->name" required
                class="col-sm-12 col-lg-8">
                {{__('user.fields.name')}}
            </x-form.text>
            <x-form.select name="region_id" :items="$regions" :value="$user->region_id" required
                class="col-sm-12 col-md-4 col-lg-4">
                {{__('address.region_id')}}
            </x-form.select>

            <x-form.select name="congregation_id" :items="$congregations" :value="$user->congregation_id"
                class="col-sm-12 col-md-8 col-lg-5">
                {{__('user.fields.congregation')}}
            </x-form.select>
            
            <x-form.text name="email" :value="$user->email" required
                class="col-sm-12 col-md-6 col-lg-4"
				tooltip="endreço de email pessoal (não jwpub) que será usado para fazer login no sistema, preferencialmente @gmail.com, @outlook.com ou @yahoo.com"
				:help-text="($user->exists && $user->username && $user->username != $user->email) ? 'Login: ' . $user->username : null">
                {{__('user.fields.email')}}
            </x-form.text>

            <x-form.text name="phone_primary" :value="$user->phone_primary" mask="phone" required
                class="col-sm-12 col-md-6 col-lg-3">
                {{__('user.fields.phone_primary')}}
            </x-form.text>

			<x-form.control-group color="warning" class="col-12 px-2 py-0 mx-1 mt-2 mt-md-1 mb-1 pt-1 pb-2">
				<x-form.select name="role_id" :items="$roles" :value="$user->role_id" required
					class="col-12"
					tooltip="Identifique o nível de permissões de acesso que o usuário terá ao acessar o sistema. Conceda sempre o nível mínimo necessário para a função">
					{{__('user.fields.role')}}
				</x-form.select>
			</x-form.control-group>

		</div>
    </div>
	<div class="col-12 col-sm-auto mt-2 mt-md-4 ml-md-3 mb-0">
		{{-- imagem - 2a coluna --}}
		<x-form.profile-photo :photo="$user->profilePhoto" />
    </div>
	
	<div class="w-100"></div>
	<x-form.select name="new_functions" :items="$functions" multiple required
		:value="$userFunctions ?? null"
		placeholder="Escolha as funções"
		tooltip="Marque todas as designações do membro. Se não tiver designações específicas, use <em>Membro da Colih</em> (ou GVP)"
		:data-initial-selection="json_encode($user->functions->pluck('id'))"
		class="col-sm-12">
		{{__('user.fields.functions')}}
	</x-form.select>

	<x-form.checkbox-group class="col-sm-12 col-md-12 mt-2 mb-3" title="Privilégios" >
		@foreach($privileges as $privilege)
			<div class="form-check form-check-inline col-12 col-md-auto">
				<input class="form-check-input" type="checkbox"
					   name="privileges[]"
					   id="chkPriv-{{ Str::slug($privilege->privilege) }}"
					   value="{{ $privilege->id }}"
					   @if($privilege->hasPriv ?? false) checked @endif>
				<label class="form-check-label" for="chkPriv-{{ Str::slug($privilege->privilege) }}">{!! $privilege->privilege !!}</label>
			</div>
		@endforeach
	</x-form.checkbox-group>

	<x-form.control-group color="info" title="Adicional"
		class="col-12 px-2 py-0 mx-1 mt-2 mb-2">

			<x-form.text name="occupation" :value="$user->occupation"
				class="col-sm-12 col-md-12 col-lg-5">
				{{__('user.fields.occupation')}}
			</x-form.text>

			<x-form.text name="phone_secondary" :value="$user->phone_secondary" mask="phone"
				class="col-sm-6 col-lg-3">
				{{__('user.fields.phone_secondary')}}
			</x-form.text>

			<x-form.text name="email_jwpub" :value="$user->email_jwpub"
				class="col-sm-6 col-lg-4">
				{{__('user.fields.email_jwpub')}}
			</x-form.text>

			<x-form.date name="birth" :value="$user->birth ?? ''"
				class="col-sm-6 col-lg-3">
				{{__('user.fields.birth')}}
			</x-form.date>

			<x-form.checkbox name="is_risk_group" :value="$user->is_risk_group" no-label
				tooltip="Pessoa idosa ou com restrições de saúde"
				class="col-sm-5 col-lg-4 mt-sm-4 pt-sm-2 ml-sm-2">
				{{__('user.fields.is_risk_group')}}
			</x-form.checkbox>

			<div id="oncall-wrapper" class="col-sm-12 col-md-6 col-lg-4 mt-2 mt-md-0 mt-md-2 mt-lg-4 pt-lg-2 ml-lg-2" style="display: none;">
				<x-form.checkbox name="oncall" :value="$user->oncall" no-label
					tooltip="Indica se membro será incluído na programação de plantão">
					{{__('user.fields.oncall')}}
				</x-form.checkbox>
			</div>

	</x-form.control-group>

	<x-form.control-group color="secondary" id="divSpeciality"
		class="col-12 px-2 py-0 mx-1 mt-2 mb-1">
			<x-form.select name="new_specialities" :items="$specialities" multiple required 
					:value="$userSpecialities ?? null" 
					placeholder="Escolha as especialidades"
					tooltip="Permite que a pessoa seja designada para determinadas especialidades médicas. Opcional." 
					class="col-12">
							{{__('doctor.fields.specialities')}}
							<br><small class="text-muted">
								Áreas atribuídas ao membro (opcional)
							</small>
			</x-form.select>
	</x-form.control-group>

	{{-- Treiamento (apenas membros Colih/GVP) --}}
	<div id="divTraining" class="form-row px-0 mx-0 w-100">
		<x-form.section id="treinamento" heading="Treinamento <div class='badge badge-warning ml-2'>Restrito</div>" />

		<x-form.date name="date_assignment" :value="$user->date_assignment" :disabled="!Auth::user()->can('user-confidential')"
			tooltip="Data do início da designação"
			class="col-sm-6 col-md-4 col-xl-3">
			Designado <span id="lblAssignment">Colih/GVP</span> em
		</x-form.date>

		@can('user-confidential')
			<x-form.checkbox name="gvp_training" :value="$user->gvp_training" no-label
				id="chkGVPTraining"
				tooltip="Membro concluiu o programa de treinamento no GVP"
				class="col-sm col-md-auto mt-2 mt-md-4 pt-2 ml-md-2 mr-md-3">
				{{__('user.fields.gvp_training')}}
			</x-form.checkbox>

			<x-form.checkbox name="colih_training" :value="$user->colih_training" no-label
				id="chkColihTraining"
				tooltip="Membro concluiu o <em>hlc-35</em> na Colih"
				class="col-sm col-md-auto mt-2 mt-sm-4 pt-2 ml-md-2 mr-md-3">
				{{__('user.fields.colih_training')}}
			</x-form.checkbox>

			<x-form.date name="date_trainingcomplete" :value="$user->date_trainingcomplete ?? ''"
				past-only
				id="dateTrainingComplete"
				tooltip="Data em que o membro concluiu o treinamento"
				class="col-sm-6 col-md col-lg-4 col-xl-2">
				{{__('user.fields.dateTrainingComplete')}}
			</x-form.date>
		@endcan
		@if(! (empty($user->coach_id) && !Auth::user()->can('user-confidential'))) 
		<x-form.select name="coach_id" :items="[]" :value="$user->coach_id" :disabled="!Auth::user()->can('user-confidential')"
			:items="($user->exists ? ($user->role->is_hlc_member ? $hlcUsers : $pvgUsers) : [])"
			id="selectCoach"
			tooltip="Membro experiente designado para acompanhar e dar treinamento"
			class="col-sm-12 col-md col-lg-4 col-xl-3">
			{{__('user.fields.coach_id')}}
		</x-form.select>
		@endif

		<div class="w-100"></div>
		<x-form.checkbox name="visit_card" :value="$user->visit_card" no-label
			tooltip="Possui estoque de cartões de visita atualizados"
			class="col-sm-12 col-md-6 col-lg-4 mt-2 mt-md-0 mt-md-2 mt-xl-2 pt-xl-0 ml-xl-0">
			{{__('user.fields.visit_card')}}
		</x-form.checkbox>

	</div>


	{{-- Endereço --}}
	<x-form.section heading="Endereço"/>
	<x-form.address-fields
		:zipcode="$user->zipcode"
		:address="$user->address"
		:number="$user->number"
		:complement="$user->complement"
		:district="$user->district"
		:state-id="$user->state_id"
		:city-id="$user->city_id"
		:states="$states"
		:cities="$cities"
		{{-- :regions="$regions"
		:region-id="$user->region_id" --}}
		

	/>

	{{-- Disponibilidade para visitas. Só posso ver se tiver user-availability ou for meu proprio user --}}
	@if( Gate::allows('user-availability') || Auth::user()->id == $user->id )
		<x-form.section heading="Disponibilidade"/>
		<x-users.availability-edit :user="$user" />
	@endif

	<x-form.section heading="Comentários"/>
	<x-form.textarea name="observations" :value="$user->observations"
		class="col-sm-12 mt-3">
		{{__('user.fields.observations')}}
	</x-form.textarea>

	@can('user-confidential')
		<x-form.textarea name="confidential_notes" :value="$user->confidential_notes" confidential
			class="col-sm-12 mt-3">
			{{__('user.fields.confidential_notes')}}
		</x-form.textarea>
	@endcan

</x-form.body>
@endsection