@extends('layout.backend')
@section('title', 'Checklist de Médicos')

@section('styles')
	@parent
	<style>
		#checklistTable {
			table-layout: fixed;
			width: 100%;
		}
		#checklistTable th,
		#checklistTable td {
			vertical-align: top;
			word-wrap: break-word;
			overflow-wrap: break-word;
		}
		#checklistTable > tbody > tr > td {
			height: 100px;
		}
		#checklistTable .hlc37-content {
			max-height: 100px;
			overflow-y: auto;
			line-height: 1.3;
		}
		#checklistTable .hlc37-content p {
			margin-bottom: 0.25rem;
		}
		#checklistTable .checklist-scroll {
			max-height: 120px;
			overflow-y: auto;
			line-height: 1.3;
		}
	</style>
@endsection

@section('scripts')
	@parent
	@vite(['resources/js/common-index.js'])
@endsection


@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
	<a href="{!! route('doctors.index') !!}" class="btn btn-sm btn-secondary btn-icon-split ml-1">
		<span class="icon text-white-50"><i class="fas fa-arrow-left"></i></span>
		<span class="text">Voltar</span>
	</a>
</x-form.header.button-bar>

{{-- ALERTAS --}}
@include('components.widget.alerts')

{{-- FILTROS --}}
<x-filter.area label="checklist de médicos" filter-code="doctors">
	<x-filter.select class="col-12 col-sm-6 col-md-4 col-lg-3"
					 name='cooperationLevel' :items="$cooperationLevels" :value="$data['cooperationLevel']"
					 :can-any="['doctor-colih']">
		{{__('common.filter.cooperationLevel')}}
	</x-filter.select>

	<x-filter.where :where-value="$data['where']"
		:region-items="$regions" :region-value="$data['region']"
		:city-items="$cities" :city-value="$data['city']"
		class-where='col-6 col-sm-6 col-md' class-region='col-6 col-sm col-md'
		class-city='col-6 col-sm col-md' />

	<x-filter.more-button :expanded="$data['moreFilters'] ?? false"/>

	<x-filter.more-area :expanded="$data['moreFilters'] ?? false">
		<x-filter.text class="col-12 col-sm-6 col-lg"
					   name='name' :value="$data['name']" placeholder='digite o nome ou CRM do médico'>
			{{__('common.filter.name')}} ou CRM
		</x-filter.text>

		<x-filter.select class="col-12 col-sm-auto col-lg-auto"
						 name='priority' :items="$priorities ?? [''=>'Todos', 0=>'Não prioridade', 1=>'Prioridade']" :value="$data['priority'] ?? null">
			{{__('common.filter.visitPriority')}}
		</x-filter.select>

		<x-filter.select class="col-12 col-sm col-lg"
						 name='user' :items="$users ?? [''=>'Todos']" :value="$data['user'] ?? null">
			{{__('common.filter.responsible')}}
		</x-filter.select>
	</x-filter.more-area>
</x-filter.area>

{{-- CORPO --}}
@if(!$hasFilter)
<div class="alert alert-info">
    <strong>Atenção: </strong>Selecione os filtros acima e clique em Filtrar para exibir os resultados.
</div>
@else
<div class="card shadow mb-4">
	<div class="card-header py-3 d-flex">
		<h6 class="m-0 font-weight-bold text-primary">
			<i class="fas fa-clipboard-list mr-1"></i>{{ $doctors->count() }} médico(s)
		</h6>
	</div>
	<div class="card-body p-0">
		<div class="table-responsive">
			<table class="table table-sm table-hover mb-0" id="checklistTable">
				<thead class="thead-light">
					<tr>
						<th style="width: 40%">Médico</th>
						<th style="width: 30%">hlc-37</th>
						<th style="width: 30%">Última Visita/ Obs</th>
					</tr>
				</thead>
				<tbody>
				@foreach($doctors as $doctor)
					@php
						$hlc37 = $doctor->hlc37->first();
						$lastVisit = $doctor->visits->first();
						$assistant = $lastVisit?->assistant;
						$responsible = $lastVisit?->responsible;
					@endphp
					<tr>
						{{-- Coluna 1: Médico, Membro e Assistente --}}
						<td>
							<a href="{!! route('doctors.show', ['doctor' => $doctor->id]) !!}" target="_blank" class="font-weight-bold text-dark" title="Ver cadastro do médico">
								{{ $doctor->short_name }}
							</a>
							@if($doctor->jw)<span class="badge badge-pill badge-purple ml-1" title="Testemunha de Jeová">JW</span>@endif
							@if($hlc37 || $doctor->hlc_37)<i class="fas fa-check-circle text-success ml-1" title="Hlc-37 enviado"></i>@else<i class="fas fa-times-circle text-danger ml-1" title="Sem hlc-37"></i>@endif
							@can('doctor-colih')
								<div class="small mt-1">
									<span class="badge {!! $doctor->cooperationLevelColor !!}">{{ $doctor->cooperation_level_string }}</span>
								</div>
							@endcan
							<div class="small mt-1">
								<span class="text-muted"><i class="fas fa-user-md mr-1"></i>Membro Responsável:</span>
								@if($doctor->user)
									<a href="{!! route('users.show', ['user' => $doctor->user->id]) !!}" target="_blank"
									   @class(['text-danger font-italic' => $doctor->user->trashed(), 'text-info' => !$doctor->user->trashed()])
									   title="Ver cadastro do membro">
										@if($doctor->user->trashed())<s>@endif
										{{ $doctor->user->shortName }}
										@if($doctor->user->trashed())</s>@endif
									</a>
								@else
									<span class="text-danger font-italic">Não designado</span>
								@endif
							</div>
							<div class="small">
								<span class="text-muted"><i class="fas fa-user-nurse mr-1"></i>Assistente Resp.:</span>
								@if($assistant)
									<a href="{!! route('users.show', ['user' => $assistant->id]) !!}" target="_blank"
									   @class(['text-danger font-italic' => $assistant->trashed(), 'text-info' => !$assistant->trashed()])
									   title="Ver cadastro do assistente">
										@if($assistant->trashed())<s>@endif
										{{ $assistant->shortName }}
										@if($assistant->trashed())</s>@endif
									</a>
								@else
									<span class="text-muted">—</span>
								@endif
							</div>
						</td>

						{{-- Coluna 2: Hlc-37 --}}
						<td class="small">
							@if($hlc37)
								<i class="fas fa-check-circle mr-1 text-success" title="Hlc-37 cadastrado no portal"></i>
								@if($hlc37->date)
									<strong>{{ $hlc37->date }}</strong>
								@else
									<span class="text-muted font-italic">Sem data</span>
								@endif
								@if($hlc37->name)
									<div class="text-muted text-truncate" title="{{ $hlc37->name }}"><i class="fas fa-signature mr-1"></i>{{ $hlc37->name }}</div>
								@endif
							@if($hlc37->file_path)
								<div class="text-truncate" title="{{ $hlc37->name }}">
									<i class="fas fa-paperclip mr-1 text-success"></i>
									@if($hlc37->name)
										<span class="text-success">{{ \Illuminate\Support\Str::limit($hlc37->name, 50) }}</span>
									@else
										<span class="text-success">Com anexo</span>
									@endif
								</div>
							@endif
								@php
									$content = $hlc37->content ?? '';
								@endphp
								@if($content)
									<div class="text-muted mt-1 font-italic hlc37-content">{!! $content !!}</div>
								@endif
							@elseif($doctor->hlc_37)
								<span class="text-success"><i class="fas fa-check-circle mr-1" title="Enviado fora do site"></i>Enviado fora do site</span>
							@else
								<span class="text-danger"><i class="fas fa-times-circle mr-1" title="Sem hlc-37"></i>Sem hlc-37</span>
							@endif
						</td>

						{{-- Coluna 3: Última visita + observações --}}
						<td class="small">
							@if($lastVisit)
								<div>
									<i class="fas fa-calendar-check mr-1 text-info"></i>
									<strong>{{ \App\Helpers\AppHelper::convertDateToCarbon($lastVisit->date)->format('d/m/Y') }}</strong>
									@if($lastVisit->status == 2)
										<span class="badge badge-info ml-1">Finalizada</span>
									@elseif($lastVisit->status == 1)
										<span class="badge badge-success ml-1">Em aberto</span>
									@elseif($lastVisit->status == 3)
										<span class="badge badge-danger ml-1">Cancelada</span>
									@endif
								</div>
								@if($responsible)
									<div class="text-muted">
										<i class="fas fa-user mr-1"></i>Membro:
										<a href="{!! route('users.show', ['user' => $responsible->id]) !!}" target="_blank"
										   @class(['text-danger font-italic' => $responsible->trashed(), 'text-info' => !$responsible->trashed()])
										   title="Ver cadastro do membro">
											@if($responsible->trashed())<s>@endif
											{{ $responsible->shortName }}
											@if($responsible->trashed())</s>@endif
										</a>
									</div>
								@endif
								@if(!empty($lastVisit->annotations_after))
									<div class="text-muted mt-1 checklist-scroll"><i class="fas fa-sticky-note mr-1"></i>{!! nl2br(e($lastVisit->annotations_after)) !!}</div>
								@endif
							@else
								<div class="text-danger"><i class="fas fa-calendar-times mr-1"></i>Não visitado</div>
							@endif

							@if($doctor->observations)
								<div class="mt-1 pt-1 border-top">
									<span class="text-muted"><i class="fas fa-info-circle mr-1"></i>Obs. do cadastro:</span>
									<div class="text-dark checklist-scroll">{!! nl2br(e($doctor->observations)) !!}</div>
								</div>
							@endif
						</td>
					</tr>
				@endforeach
				@if($doctors->isEmpty())
					<tr>
						<td colspan="3" class="text-center text-muted py-4">
							<i class="fas fa-search mr-1"></i>Nenhum médico encontrado com os filtros selecionados.
						</td>
					</tr>
				@endif
				</tbody>
			</table>
		</div>
	</div>
</div>
@endif

@push('endBodyScripts')
	<script>
		$(document).ready(function() {
			$('#checklistTable').on('click', 'tr', function() {
				$(this).toggleClass('table-active');
			});
		});
	</script>
@endpush

@endsection