@extends('layout.backend')

@section('title', 'Casos Colih')

@section('styles')
	@parent
@endsection

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

@endsection

@section('content')

{{--AÇÕES --}}
<div class='row mb-3'>
	<div class="col-12">
		@canany(['view-hlccase-all','create-hlccase'])
			<a href="{!! route('triggers-colih.create') !!}" class="btn btn-primary btn-sm btn-icon-split  mr-2" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.add_tt')}}">
				<span class="icon text-white-50">
					<i class="fas fa-circle-plus"></i>
				</span>
				<span class="text">{{__('triggercolih.add')}}</span>
			</a>
			<a href="{!! route('triggers-colih.import') !!}" class="btn btn-primary btn-sm btn-icon-split" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.import_tt')}}">
				<span class="icon text-white-50">
					<i class="fas fa-file-import"></i>
				</span>
				<span class="text">{{__('triggercolih.import')}}</span>
			</a>
		@endcan

		@canany(['view-hlccase-all'])
			<a href="{!! url('panel/triggers-colih/export?type=xls&'.$query) !!}" class="btn btn-success btn-sm btn-icon-split mb-2 mb-sm-0 float-right">
				<span class="icon text-white-50" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.export_tt')}}">
					<i class="fas fa-file-excel"></i>
				</span>
				<span class="text d-none d-md-block">{{__('triggercolih.export')}}</span>
			</a>

			<a href="{{ route('metrics.hlccases') }}" class="btn btn-warning btn-sm btn-icon-split mb-2 mb-sm-0 float-right mr-2">
				<span class="icon text-white-50" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.report_tt')}}">
					<i class="fas fa-chart-bar"></i>
				</span>
				<span class="text d-none d-md-block">{{__('triggercolih.report')}}</span>
			</a>

			@can('view-cases')
			<a href="{!! route('case-summaries.index') !!}" class="btn btn-info btn-sm btn-icon-split mb-2 mb-sm-0 float-right mr-2" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Resumo de casos">
				<span class="icon text-white-50">
					<i class="fas fa-file-medical"></i>
				</span>
				<span class="text d-none d-md-block">Resumo de casos</span>
			</a>
			@endcan
		@endcan
	</div>
</div>

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

{{--FILTROS --}}
{!! Form::open(['id' => 'form-filter-index', 'url' => route('triggers-colih.index'), 'method' => 'GET', 'autocomplete' => 'off']) !!}
{!! Form::hidden('currentRoute', route('triggers-colih.index') , ['id' => 'currentRoute']) !!}

<div class="card shadow mb-3 bg-light">
    <a href="#filterBox" class="d-block bg-info card-header pt-2 pb-3 " data-toggle="collapse" role="button" aria-expanded="true" aria-controls="filterBox">
        <h6 class="pt-1 m-0 font-weight-bold text-white">
			<i class="fas fa-filter"></i>&nbsp;Filtrar {{__('triggercolih.Label_many')}}
		</h6>
    </a>
    <div class="collapse show" id="filterBox">

		<div class="card-body pt-2 input-group input-group-sm">
			@if($can_view_all_cases)
			<div class="col-sm-12 col-md-4 col-xl mt-1" >
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.patient')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::text('name', $data['name'] ?? null, ['placeholder' => 'digite o nome', 'id' => 'name', 'class' => 'form-control form-control-sm']) !!}
				</div>
			</div>
			@endif
			<div class="col-sm-12 col-md-4 col-xl mt-1">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.member')}}</label>
				<div class="col-12 p-0 divMemberGroup">
					{!! Form::select("iduser", $users, $data['iduser'], ['class' => 'form-control', 'id' => 'choose-user']) !!}
				</div>
			</div>

			<div class="col-sm-6 col-md-4 col-xl-auto mt-1">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.when')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('when', $when, $data['when'] ?? 6, ['class' => 'form-control','id'=>'fieldWhen']) !!}
				</div>
			</div>

			<div id='divOtherPeriodStart' class="col-sm-6 col-md-4 col-xl-auto my-1" style="display: none;"> 
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm" >{{__('common.filter.start')}}</label>
				<div class="col-12 p-0">
					{!! Form::date("date_start", $data['date_start'], 
							['class' => "form-control-sm bg-white", 'id'=> 'datePickerStart', 'max' => \Carbon\Carbon::now()->format('Y-m-d')]) !!}
				</div>
			</div>
			<div id='divOtherPeriodEnd' class="col-sm-6 col-md-4  col-xl-auto my-1" style="display: none;">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.end')}}</label>
				<div class="col-12 p-0">
					{!! Form::date("date_end", $data['date_end'], 
							['class' => "form-control-sm bg-white", 'id'=> 'datePickerEnd', 'max' => \Carbon\Carbon::now()->addDay()->format('Y-m-d')]) !!}
				</div>
			</div>

			<div class="col-sm-6 col-md col-xl-auto mt-1" >
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.where')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('where', $where, $data['where'] ?? 'All', ['class' => 'form-control','id'=>'fieldWhere']) !!}
				</div>
			</div>

			<div id="whereContextSelect" class="col-sm-12 col-md-9 col-lg-4 col-xl-2 mt-1" style="display: none;">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Define se o filtro de região/cidade é pelo membro responsável ou pela congregação do paciente">Por</label>
				<div class="col-12 p-0 ">
					{!! Form::select('where_context', $whereContext, $data['where_context'] ?? 'member', ['class' => 'form-control','id'=>'fieldWhereContext']) !!}
				</div>
			</div>

			<div id="regionSelect" class="col-sm-12 col-md-9 col-lg-4 col-xl-2 mt-1" style="display: none;">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.region')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('region', $regions, $data['region'] ?? 0, ['class' => 'form-control']) !!}
				</div>
			</div>

			<div id="citySelect" class="col-sm-12 col-md-9 col-lg-4 col-xl-2 mt-1" style="display: none;">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.city')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('city', $cities, $data['city'] ?? 0, ['class' => 'form-control']) !!}
				</div>
			</div>

			<div id="hospitalSelect" class="col-sm-12 col-md-9 col-lg-4 col-xl-2 mt-1" style="display: none;">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.hospital')}}</label>
				<div class="col-12 p-0 ">
					{!! Form::select('hospital', $hospitals, $data['hospital'] ?? 0, ['class' => 'form-control']) !!}
				</div>
			</div>

			<div class="col-auto mx-0 pl-0 pr-1 mt-1">
				<label class="col-12 p-0 mb-0 col-form-label-sm">&nbsp;</label>
				<div class="col-12 p-0 mx-0">
					<button type="button" class="btn btn-sm btn-secondary" id="btnMoreFilters" @if($data['moreFilters'] ?? false) style="display: none;" @endif title="Mais filtros" data-placement="top" data-tooltip="tooltip" data-delay=500><i class="fa fa-plus"></i></button>
				</div>
			</div>

			<div id="divMoreFilters" class="col-12 ml-0 px-1" @if(!($data['moreFilters'] ?? false)) style="display: none;" @endif>
				<div class="alert-secondary alert mt-2 ml-1 mx-1 mb-0 pt-0 px-3">
					<div class="form-row p-0">
						<div class="col-auto mx-0 pl-0 pr-1 mt-1">
							<label class="col-12 p-0 mb-0 col-form-label-sm">&nbsp;</label>
							<div class="col-12 p-0 mx-0">
								<button type="button" class="btn btn-sm btn-secondary" id="btnLessFilters" title="Menos filtros" data-placement="top" data-tooltip="tooltip" data-delay=500><i class="fa fa-minus"></i></button>
							</div>
						</div>
			<div class="col-6 col-sm-6 col-md col-xl-1 mt-1">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm">{{__('common.filter.status')}}</label>
				<div class="col-12 p-0">
					{!! Form::select('case_status', $case_statuses, $data['case_status'], ['class' => 'form-control']) !!}
				</div>
			</div>
			<div class="col-6 col-sm-6 col-md-auto col-lg col-xl-1 mt-1">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.type_tt')}}">{{__('triggercolih.type')}}</label>
				<div class="col-12 p-0">
					{!! Form::select("type", ['All'=>'Todos',0=>'Eletivo',1=>'Urgência',2=>'Emergência'], $data['type'], ['class' => 'form-control', 'id' => 'type']) !!}
				</div>
			</div>
		<div class="col-6 col-sm col-md-auto col-lg col-xl-auto mt-1">
			<label for="" class="col-12 p-0 mb-0 col-form-label-sm" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.transfusion_tt')}}">{{__('triggercolih.transfusion')}}</label>
			<div class="col-12 p-0">
				{!! Form::select("transfusion", ['All'=>'Todos',0=>'Não',1=>'Sim'], $data['transfusion'], ['class' => 'form-control', 'id' => 'transfusion']) !!}
			</div>
		</div>
		<div class="col-6 col-sm col-md-auto col-lg col-xl-auto mt-1">
			<label for="" class="col-12 p-0 mb-0 col-form-label-sm" data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{__('triggercolih.refusal_tt')}}">{{__('triggercolih.refusal')}}</label>
			<div class="col-12 p-0">
				{!! Form::select("refusal", ['All'=>'Todos',0=>'Não',1=>'Sim'], $data['refusal'], ['class' => 'form-control', 'id' => 'refusal']) !!}
			</div>
		</div>
			<div class="col-6 col-sm col-md-auto col-lg col-xl-auto mt-1">
				<label for="" class="col-12 p-0 mb-0 col-form-label-sm" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Filtra se é membro de tempo integral">Tempo integral</label>
				<div class="col-12 p-0">
					{!! Form::select("full_time_member", ['All'=>'Todos',0=>'Não',1=>'Sim'], $data['full_time_member'], ['class' => 'form-control', 'id' => 'full_time_member']) !!}
				</div>
			</div>
					</div>
				</div>
			</div>
			<div class="col-auto mt-3 pr-4 row justify-content-end">
				<label for="" class="col-12 p-0 mb-2 col-form-label-sm"> </label>
				<button type="submit" class="btn btn-sm btn-info btn-icon-split pr-1 mt-1 ml-2">
					<span class="icon text-white-50">
						<i class="fas fa-filter"></i>
					</span>
					<span class="text">{{__('triggercolih.filterbtn')}}</span>
				</button>
			</div>
		</div>
	</div>
</div>

{{--CASOS --}}
@if($triggers->count() > 0)
<div class="card shadow mb-4">
    <div class="card-header py-3">
		<div class="row  input-group input-group-sm">
			<div class="col-auto h6 pt-1 m-0 font-weight-bold text-primary text-uppercase">
				<i class="fas fa-truck-medical mr-1"></i>{{__('triggercolih.Label_many')}} 
			</div>
			<div class="col px-3 m-0">
			</div>
			<div class="col-auto m-0 text-primary">
				{!! Form::select("sortOrder", $sortOrders, $data['sortOrder'], ['class' => 'form-control select-compact disableSelect2 text-primary', 'id' => 'sortOrder']) !!}
			</div>
			<div class="col-auto h6 m-0 pt-1 pr-0 text-primary float-right">
				(Total {{ $triggers->total() }})
			</div>
        </div>
	</div>

	{!! Form::close() !!}
	<div class="card-body pt-1">
		<div class= "row">
			@foreach($triggers as $trigger)
				<div id="tr{{ $trigger->id }}" class="col-12 col-lg-6 px-1 my-1">

					<div id="tr{{ $trigger->id }}" class="row mx-1 py-2 px-2 mt-1 mb-1 shadow  h-100
				@if($trigger->isClosed())
					border-left-dark
					bg-gray-300		
				@elseif ($trigger->isUnderReview() )
					border-left-primary
				@elseif ($trigger->isPending() )
					border-left-dark
				@elseif ($trigger->type == 2 ) {{-- emergencia--}}
					border-left-danger
				@elseif( $trigger->transfusion == 1 )
					border-left-danger
				@elseif ($trigger->type == 1 ) {{-- urgencia--}}
					border-left-warning
				@endif
					">

						<div class="col p-0 m-0"> {{-- conteúdo --}}
							<div class="row p-0 m-0"> 
								<div class="col-auto p-0 pb-1 pr-4"> {{-- nome paciente --}}
									@if( $trigger->members->pluck('id')->contains($userLoggedId) || $can_view_all_cases || $user->isAdminMaster())
										<a href="{!! route('triggers-colih.edit', ['triggers_colih' => $trigger->id]) !!}" class="text-dark" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Clique para editar">
											<span class="fw-bolder">{{ $trigger->name }}</span><i class="fas fa-pen-to-square text-info pl-1"></i>
										</a>
									@else
										<span class="text-dark fw-bolder">{{ $trigger->acronym('name') }}</span>
									@endif
								</div>
								<div class="col p-0 "> {{-- icones --}}
									@if( $trigger->type == 1 )
										<label class="badge badge-warning text-nowrap" data-tooltip="tooltip" data-delay=500 title="Urgência"><small><i class="fas fa-person-running"></i><span class="">&nbsp;Urgência</span></small></label>
									@elseif( $trigger->type == 2 )
										<label class="badge badge-danger text-nowrap" data-tooltip="tooltip" data-delay=500 title="Emergência médica"><small><i class="fas fa-truck-medical"></i><span class="">&nbsp;Emergência</span></small></label>
									@endif
								@if( $trigger->refusal == 1 )
									<label class="badge badge-dark text-nowrap" data-tooltip="tooltip" data-delay=500 title="Recusa administrativa"><small><i class="fas fa-ban"></i><span class="">&nbsp;Recusa</span></small></label>
								@endif
								@if( $trigger->transfusion == 1 )
									<label class="badge badge-danger text-nowrap" data-tooltip="tooltip" data-delay=500 title="Paciente transfundido"><small><i class="fas fa-droplet"></i><span class="">&nbsp;Transfusão</span></small></label>
								@endif
									@if( $trigger->transfer == 1 )
										<label class="badge badge-secondary text-nowrap" data-tooltip="tooltip" data-delay=500 title="Transferência"><small><i class="fas fa-arrow-right-arrow-left"></i><span class="">&nbsp;Transferência</span></small></label>
									@endif
									
								</div>
			
			
								<div class="col-auto p-0 pr-2"> {{-- icones atualizacao --}}
									@if( $trigger->isClosed())
										<label class="badge badge-info text-nowrap" data-tooltip="tooltip" data-delay=500 title="Caso finalizado"><i class="fas fa-circle-check"></i>&nbsp;Finalizado</label>
									@elseif ($trigger->isUnderReview() )
										<label class="badge badge-primary text-nowrap" data-tooltip="tooltip" data-delay=500 title="Em revisão"><small><i class="fas fa-pen-to-square"></i>&nbsp;Em revisão</small></label>
									@elseif ($trigger->isPending() )
										<label class="badge badge-secondary text-nowrap" data-tooltip="tooltip" data-delay=500 title="Aguardando"><small><i class="fas fa-clock"></i>&nbsp;Aguardando</small></label>
									@else
										@if($trigger->updated_at && !$trigger->date_reminder)
											{!! $trigger->updatedDaysBadge(); !!}
										@endif
									@endif
			
									@if($trigger->date_reminder && !$trigger->isClosed())
										{!! $trigger->reminderBadge() !!}
									@endif
								</div>

								<div class="w-100"></div>
								@if($trigger->hospital_id || $trigger->hospital_name) {{-- Hospital --}}
									<div class="col-auto p-0">
										<i class="fas fa-circle-h"></i>
										@if($trigger->hospital_id)
											<span class='
												@if($trigger->hospitalWithTrashed->trashed())
													text-danger font-italic
												@endif
											'>
												{!! $trigger->hospitalwithTrashed->nickname ?? $trigger->hospitalWithTrashed->name !!}
											</span>
										@elseif($trigger->hospital_name)
											{{$trigger->hospital_name}}
										@endif
									</div>
								@endif

								<div class="w-100"></div>
								<div class="col px-0 pt-1 pb-0 "> {{-- membros --}}
									<small>
										@php $allMembers = $trigger->members; @endphp
										@foreach($allMembers as $idx => $member)
											<span class="text-nowrap" data-tooltip="tooltip" data-delay=500
												@if($idx === 0) title="Membro responsável" @else title="Ver membro {{ $idx + 1 }}" @endif>
												<label class="badge @if($idx === 0) badge-warning @else badge-info @endif pt-1">
													{{ $idx + 1 }}
													@if($idx === 0)<span class="small font-weight-bold"> resp.</span>@endif
												</label> 
												<a href="{{ route('users.show', ['user' => $member->id]) }}" class="pr-2 text-dark
													@if($member->trashed())
														text-danger font-italic
													@endif
													">
													{{ $member->shortName }}
												</a>
											</span>
										@endforeach
										@if($allMembers->isEmpty())
											<span class="text-nowrap" style="color:red">Não informado</span>
										@endif
									</small>
								</div>
								<div class="col-auto pb-0 pl-1 pt-2 pr-2 small float-right text-right" data-tooltip="tooltip" data-delay=500 title="Data de abertura"> {{-- abertura --}}
									@if($trigger->date_contact)
									<i class="fas fa-clock pr-1"></i>{!! $trigger->date_contact->format('d/m/Y') !!}
									@endif
								</div>
							</div>
						</div>
						<div class="col-auto p-0 m-0"> {{-- ACTIONS --}}
							<div class="col-auto float-right mr-0 pr-1" > 
								<div class="d-flex flex-nowrap">
									<a href="{!! route('triggers-colih.pdf', ['id' => $trigger->id]) !!}" class="btn btn-warning btn-sm ml-1" data-placement="top" data-tooltip="tooltip" title="Imprimir hlc-7" data-delay=500 target='_blank'>
										<i class="fas fa-print"></i>
									</a>
									@canany(['view-hlccase-all'])
										<a href="#deleteItemModal" data-item-id="{!! $trigger->id !!}" data-item-descr="{{ $trigger->acronym('name') }}" class="btn btn-danger btn-sm ml-1 delete-item" data-toggle="modal" data-placement="top" data-tooltip="tooltip" data-delay=500  title="Excluir">
											<i class="fas fa-trash"></i>
										</a>
									@endcan
								</div>
							</div>
						{{-- EoActions --}}
						</div>
					
					</div>
				</div>
			@endforeach
		</div>
		<div class="mt-3 mb-0">{!! $triggers->appends($data)->render() !!}</div>
	</div>
</div>



@else
	<div class="alert alert-warning">
		<strong><i class="fas fa-triangle-exclamation"></i>
			Atenção: </strong> Nenhum caso foi encontrado usando estes filtros.
	</div>
@endif

<x-form.delete-modal description="caso"></x-form.delete-modal>
@endsection