{{-- Widget mostrando visitas em aberto para o usuario logado. Usado em dashboard.php--}}
@section('scripts')
@parent
<script type="text/javascript" src="/js/widget-visits.js"></script>
@endsection

@section('styles')
@parent
<style>
    .hover-effect:hover {
        background-color: #f8f9fa;
        color: #007bff;
		cursor: pointer;
    }
	.table td.min-space, .table th.min-space {
    white-space: nowrap;
    width: 1%;
}

</style>
@endsection

@can('view-visits')
{!! Form::hidden('routeOncallVisit', route('visits.edit-visit',['visit'=>'0']) , ['id' => 'routeOncallVisit']) !!}

<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-4 mb-1 p-1">
    <div class="card border-secondary border-bottom-secondary shadow-lg h-100 py-2">
        <div class="row py-0 pl-4 pr-2 " >
            <div class="col mb-1 pl-2 mt-2">
                <div class="font-weight-bold text-info text-uppercase mb-1">Minhas visitas
                    <span class="h6 text-secondary ml-1 mb-1 pt-1">{{ $visits->total() > 0 ? '('.$visits->total().')':'' }}</span>
                </div>
            </div>
            <div class="col-auto mr-3">
                <a href="{!! route('visits.index') !!}">
                    <i class="fas fa-calendar fa-2x text-gray-300"></i>
                </a>
            </div>
        </div>

        {{-- BODY --}}
        <div class="card-body pl-1 py-0 pb-1 pr-2 ">

			@if($visits->count() > 0 && $data['overdueVisits'])
				<div class="col-12 m-0 mt-1 mb-1 p-0 pl-2">
					<div class="alert alert-warning mt-1 mr-3 pl-2 pr-0 small">
						<i class="fa fa-exclamation-triangle  mr-1" aria-hidden="true"></i>
						Você tem visitas atrasadas. Atualize assim que possível.
					</div>
				</div>
			@endif


			{{-- Tabela com resumo de visitas do usuário --}}
			<div class="col-12 px-3 m-0 mt-2 mb-0 pb-0">
				<table class="table table-sm" id="dataTable" width="100%" cellspacing="0">
					<thead>
						<tr>
							<th class="text-right small text-info p-0 px-2 min-space">Mês</th>
							@for($m=1;$m<=12;$m++)
							<th class="text-center small text-info p-0" data-bs-toggle="tooltip" data-bs-placement="top" title="Mês">
								{!! $m < 10 ? "&ensp;".$m : $m !!}
							</th>
							@endfor
						</tr>
					</thead>
					<tbody>
						<tr>
							<td class="text-right small p-0 px-2 text-danger">Abertas</td>
							@for($m=1;$m<=12;$m++)
							<td class="text-center small p-0" data-bs-toggle="tooltip" data-bs-placement="top" title="Marcadas para {{$months[$m]}}">
								@if($visitDigest[$m]['opened']>0)
									<a href="{!! route('visits.index', ['members' => $user->id, 'status'=>'1']) !!}" target="_blank">
								@endif
									<span class="text-danger">
										{{ $visitDigest[$m]['opened']}}
									</span>
									</a>
							</td>
							@endfor
						</tr>
						<tr>
							<td class="text-right small p-0 px-2 text-success">Fechadas</td>
							@for($m=1;$m<=12;$m++)
							<td class="text-center small p-0" data-bs-toggle="tooltip" data-bs-placement="top" title="Finalizada ou cancelada em {{$months[$m]}}">
								@if($visitDigest[$m]['ended']>0)
									<a href="{!! route('visits.index', ['members' => $user->id, 'status'=>'2']) !!}" target="_blank">
								@endif
								<span class="text-success">
									{{ $visitDigest[$m]['ended'] }}
								</span>
								</a>
							</td>
							@endfor
						</tr>
					</tbody>
				</table>
			</div>
		
			{{-- Lista de visitas --}}
			@if($visits->count() > 0)
			<div class="col-12 m-0 mt-1 mb-1">

				@foreach($visits as $visit)
				@php
				$visitDate = \App\Helpers\AppHelper::convertDateToCarbon($visit->date);
				$isPast = $visitDate->isPast();
				@endphp
				<div class="row hover-effect mr-3 py-1 visit-row" data-item-id="{{ $visit->id }}">

					<div class="col-12 col-sm-auto col-md-4 col-lg-auto ml-2 ml-sm-0 mr-1 pt-1 pr-0 small  {{ $isPast ? 'text-danger' : '' }}">
						{{ $visitDate->format('d/m H:i') }}
						@if( $isPast)
						<i class="ml-1 fas fa-exclamation-triangle text-danger" data-placement="top" data-tooltip="tooltip" title="Visita atrasada!" data-delay=500></i>
						@else
						<i class="ml-1 fas fa-fw"></i> <!-- Blank space reserved for icon -->
						@endif
					</div>
					<div class="col ml-2 ml-sm-0">
						<i class="fas mr-1 {{($visit->doctor) ? "fa-stethoscope" : ($visit->hospital ? "fa-hospital" : '')}}" aria-hidden="true"></i>
						{{ ($visit->doctor) ? $visit->doctor->shortName : ($visit->hospital ? ($visit->hospital->nickname ? $visit->hospital->nickname : $visit->hospital->name) : '') }}

						@if ($visit->doctor && Gate::allows('view-doctor') ) 
						<a href="{!! route('doctors.show',['doctor'=>$visit->doctor_id]) !!}" target="_blank" class="visit-docdetails"
							data-placement="top" data-tooltip="tooltip" title="Ver detalhes do médico" data-delay=500>
							<i class="fa-solid fa-up-right-from-square text-primary fa-xs ml-1"></i>
						</a>
						@elseif ($visit->hospital && Gate::allows('view-hospitals'))
						<a href="{!! route('hospitals.show',['hospital'=>$visit->hospital_id]) !!}" target="_blank"  class="visit-docdetails" 
							data-placement="top" data-tooltip="tooltip" title="Ver detalhes do hospital" data-delay=500>
							<i class="fa-solid fa-up-right-from-square text-primary fa-xs ml-1"></i>
						</a>
						@endif
					</div>
				</div>
				@endforeach
			</div>
			@if( $visits->total() > 5 )
				<div class="col-12 mt-0 mb-1">
					<a href="{{ route('visits.index', ['idUser'=>auth()->user()->id]) }}" title="Todas as visitas">
						<div class="mb-0 mr-1 font-weight-bold text-right">
							<i class="fas fa-calendar mr-0 small"></i>
							<span class="small mx-1">
								Ver mais...
							</span>
						</div>
					</a>
				</div>
			@endif
			@else 
				<div class="col-12 text-secondary mt-2 mb-4 ml-1 small">
					Você não tem visitas designadas.
				</div>
			@endif

        </div>
    </div>
</div>
@endcan