@extends('layout.backend')
@section('title', 'hlc-37 Dr'.(($doctor->gender ?? 'M') == 'M' ?'. ' : 'a. ' ).$doctor->short_name) 

@section('scripts')
@parent
<script type="text/javascript" src="{{mix('/js/hlc37.js')}}"></script>

<script>
// Eventos para o livewire modal de cadastro de email
function showDoctorEmailModal() {
	// Show the modal by adding the 'show' class and setting display:block
	var modal = document.querySelector('#doctor-email-modal-persistent .modal');
	if(modal) {
		modal.classList.add('show');
		modal.style.display = 'block';
		modal.style.background = 'rgba(0,0,0,0.5)';
	}
}
// Listen for close-modal event to hide the modal
window.addEventListener('close-modal', function() {
	var modal = document.querySelector('#doctor-email-modal-persistent .modal');
	if(modal) {
		modal.classList.remove('show');
		modal.style.display = 'none';
	}
});

window.addEventListener('emailSaved', function() {
	// recarrega a pagina e avisa q é pra ir direto pra preview
	const url = new URL(window.location.href);
	url.searchParams.set('view', 1);
	window.location.replace(url.pathname + url.search);
});
</script>
@endsection

@section('content')
<x-form.header.button-bar>
	<x-form.header.button-back :route="route(($hlc37->date ? 'doctors.show' : 'doctors.hlc37'), [($hlc37->date ? 'doctor' : 'id')=>$doctor->id])" />
</x-form.header.button-bar>

@if( empty($emails ))
	{{-- Modal de cadastro de email (livewire) --}}
	<div id="doctor-email-modal-persistent">
		@livewire('doctor.doctor-email', ['doctorId' => $doctor->id], key('doctor-email-'.$doctor->id))
	</div>
@endif

<div class="card shadow mb-4">
	<a href="#infoDoctor" class="d-block card-header py-3" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="infoDoctor">
		<i class="fas fa-stethoscope fa-3x text-primary float-left mr-3 "></i>
		<h4 class="m-0 font-weight-bold text-primary">
			@if(($doctor->gender ?? 'M') == 'M')
			Dr. 
			@else
			Dra. 
			@endif
			{!!$doctor->name!!}
			@if($doctor->jw) <div class='badge badge-pill badge-purple ml-2' title="É Testemunha de Jeová">JW</div>@endif
		</h4>
		<h6 class="m-0 mt-1 font-weight-bold text-primary">Carta de Acompanhamento (hlc-37)</h6>
	</a>

	<div class="collapse show" id="infoHlc37">
		<div class="card-body p-1">
			{{-- Apenas visualizar o que ja foi enviado --}}
			@if($hlc37->date)

				<div class="row">
					<div class="mt-3 col-12">
						<label for="" class="col-12 h5">Enviado em <strong>{{ $hlc37->date }}</strong>
							@if($hlc37->email) para <strong>{{$hlc37->email}}</strong>@endif
							@if($hlc37->user_id) por {{$hlc37->user->short_name}}@endif 

						</label>
					</div>
					@if($hlc37->name)
						<div class="mt-2 col-12">
							<a href="{{ route('doctors.fileGet', ['iddoctor' => $hlc37->doctor_id]) }}" 
								target="_blank" 
								class="btn btn-light border-secondary ml-2">
									<i class="fas fa-eye mt-1 mr-1"></i>		
									Anexo: {{ \Illuminate\Support\Str::substr($hlc37->name, 11) }}
							</a>
						</div>
					@endif                
				</div>
			@else
				<div class="col-12 mt-2">
					<div class="alert alert-warning alert-dismissable small" role="alert">
						<i class="fa fa-exclamation-triangle mr-1" aria-hidden="true"></i>
						<strong>ATENÇÃO!</strong> Revise cuidadosamente o texto da carta, o endereço de destino e o novo grau de cooperação antes de clicar em Salvar. 
						<button type="button" class="close" data-bs-dismiss="alert" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
				</div>

				<form id="form-hlc37" method="post" action="{!! route('doctors.hlc37',['id'=>$doctor->id]) !!}">
				@csrf

					<div class="form-row mx-2">

						<input id='cooperation_level_before' type='hidden' name='cooperation_level_before' value = "{{$doctor->cooperation_level}}">
						{{-- Campos de controle de operação --}}
						<input id="email" type="hidden" name="email" value="" />
						<input id="send" type="hidden" name="send" value="" />
						<x-form.select  name="cooperation_level" 
								tooltip="Novo grau de cooperação"
								:items="$cooperationLevels"
								:value="($doctor->cooperation_level < 4 ? 4 : $doctor->cooperation_level)"
								class="col-md-6 col-xl-3">
							Novo grau de cooperação
						</x-form.select>

						@if( !empty($emails ))
							{{-- tem email cadastrado - mostrar select --}}
							<x-form.select name="doctor_email" 
									tooltip="email usado para enviar a carta"
									:items="$emails"
									:value="$selectedEmail"
									class="col-md-6 col-xl-3"
									control-class="disableSelect2">
								Enviar para
							</x-form.select>

							<x-form.button inline 
								tooltip="Confirma o texto atual e envia automaticamente por email para o endereço selecionado"
								id="btnEmail"
								icon="fa-at"
								:disabled="$selectedEmail=='none'">Salvar e enviar
							</x-form.button>

						@else
						{{-- sem email cadastrado --}}
						<div class="my-1 form-group col-auto">
								<label for="" class="col-12 p-0 mb-0 col-form-label"></label>
								<button type="button" class="btn btn-icon-split btn-danger" id='btnNewEmail' onclick="showDoctorEmailModal()">
									<span class="icon text-white-50">
										<i class="fas fa-circle-plus"></i>
									</span>
									<span class="text">
										Cadastrar endereço de email
									</span>
								</button>
							</div>
						@endif

						<div class="col-auto mx-3  pr-2 mt-4 pt-2 font-weight-bold">
							ou
						</div>
						<x-form.button inline
							tooltip="Confirma o texto atual e salva para envio manual (por exemplo, via WhatsApp)"
							id="btnSend"
							class="btn-secondary"
							icon="fa-walking">Salvar, vou enviar manualmente
						</x-form.button>
					</div>
				</form>

				<div class="row">
					@if($hlc37->name)
						<div class="col-12 mt-1">
							@if($viewattach)
								<input type="hidden" id="iddoctor" value="{{$hlc37->doctor_id}}" name="iddoctor">
								<div class="mt-2 col-12" id="btnViewAttach">
									<button type="button" id="btnAttach"
										class="btn btn-light border-secondary ml-1">
											<i class="fas fa-eye mt-1 mr-1"></i>	
											Anexo: {{ \Illuminate\Support\Str::substr($hlc37->name, 11) }}
								</button>
								</div>
							@else
								<div class="col-12 col-6">
									{{$hlc37->name}}
								</div>
							@endif
						</div>
					@endif                
				</div>
			@endif
			<div class="w-100"></div>
			<div class="row mt-3">
				<div class="d-flex justify-content-center w-100 p-1 mx-3">
					<embed src="{{ route('doctors.hlc37print', ['id' => $hlc37->doctor_id]) }}"
						class="w-100 border rounded"
						style="min-height: 800px;"
						frameborder="0"
					/>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection