@extends('layout.backend')

@section('title', 'Instituições')

@section('styles')
@parent
	<link href="/css/bootstrap-datepicker3.min.css" rel="stylesheet">
	{{-- EXCLUIR --}}<link href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css" rel="stylesheet">
@endsection

@section('scripts')
	@parent
	<script type="text/javascript" src="/js/plugins/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="/js/plugins/bootstrap-datepicker.pt-BR.min.js"></script>
	<script type="text/javascript" src="/js/common-filters.js"></script>
	<script type="text/javascript" src="/js/common-index.js"></script>

@endsection

@section('content',null)

{{--AÇÕES --}}
<div class='row mb-3'>
	<div class="col-12">
            
	<x-form.header.button-new label="Nova Instituição" tooltip="Cria um novo hospital ou Instituição de ensino"
		:route="route('hospitals.create')" :can-any="['create-hospitals']"/>
        
	<div class="btn-group dropdown" >
		<button type="button" class="btn btn-sm btn-secondary dropdown-toggle ml-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
			<i class="fa fa-bars" aria-hidden="true"></i>
		</button>
		<div class="dropdown-menu">

			<a class="dropdown-item text-secondary" href="https://cnes.datasus.gov.br/pages/estabelecimentos/consulta.jsp" target="_blank">
				<i class="fas fa-search mr-1"></i>
				Consulta CNES
			</a>
			@can('create-hospitals')
				<a class="dropdown-item text-secondary" href="{!! route('hospitals.import') !!}">
					<i class="fas fa-file-import mr-1"></i>
					Importar Instituições
				</a>
			@endcan
		</div>
	</div>

	<x-form.header.button-export label="__('common.export')" tooltip="Exporta a lista de Instituições em formato Excel"
		:route="url('panel/hospitals/export?type=xls&'.$query)" :can-any="['view-hospitals']"/>
            
	<x-form.header.button-export-pdf label="Exportar PDF" tooltip="Exporta a lista de Instituições em formato PDF"
		:route="url('panel/hospitals/export?type=pdf&'.$query)" :can-any="['view-hospitals']"/>
            

	<x-form.header.button-report label="Designações" tooltip="Relação de membros designados por instituição"
		:route="route('hospitals.digest')" :can-any="['view-hospitals']"/>
	
	</div>
</div>

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

{{--FILTROS --}}
{!! Form::open(['id' => 'form-filter-index', 'url' => route('hospitals.index'), 'autocomplete' => 'off']) !!}
@method('GET')
{!! Form::hidden('currentRoute', route('hospitals.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-bs-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 Instituições
		</h6>
    </a>
    <div class="collapse show" id="filterBox">
		<div class="card-body pt-2 input-group input-group-sm">

            <div class="col-12 col-sm-5 col-xl-3 mt-1">
                <label for="" class="col-12 p-0 mb-0 col-form-label-sm">Nome</label>
                <div class="col-12 p-0">
                    {!! Form::text('name', $data['name'] ?? null, ['placeholder' => 'digite o nome do hospital ou escola', 'id' => 'name', 'class' => 'form-control form-control-sm']) !!}
                </div>
            </div>

            <div class="col-5 col-sm-4 col-md-3 col-lg-3 col-xl-2 mt-1">
                <label for="" class="col-12 p-0 mb-0 col-form-label-sm">Tipo</label>
                <div class="col-12 p-0">
                    {!! Form::select('type', $types, $data['type'] ?? null, ['class' => 'form-control']) !!}
                </div>
            </div>

            <div class="col-3 col-sm-3 col-md-auto col-lg-2 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="Atende pelo SUS?">SUS</label>
                <div class="col-12 p-0">
                    {!! Form::select('sus', $yesNoAll, $data['sus'] ?? 'All', ['class' => 'form-control-sm bg-white text-dark disableSelect2  w-100']) !!}
                </div>
            </div>

			<div class="col-4 col-sm-auto col-lg-2 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="Instituição atende emergências (Pronto Atendimento/Pronto Socorro)?">Emergências</label>
                <div class="col-12 p-0">
					{!! Form::select('emergency', $yesNoAll, $data['emergency'] ?? 'All', ['class' => 'form-control-sm bg-white text-dark disableSelect2  w-100']) !!}
                </div>
            </div>

			<div class="col-auto col-lg-2 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="Instituição faz internação?">Internação</label>
                <div class="col-12 p-0">
                    {!! Form::select('can_commit', $yesNoAll, $data['can_commit'] ?? 'All', ['class' => 'form-control-sm bg-white text-dark disableSelect2 w-100']) !!}
                </div>
            </div>

			<div class="col-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="Instituição é considerada prioridade para a Colih?">Prioritário Colih</label>
                <div class="col-12 p-0">
                    {!! Form::select('hlc_priority', $yesNoAll, $data['hlc_priority'] ?? 'All', ['class' => 'form-control-sm bg-white text-dark disableSelect2 w-100']) !!}
                </div>
            </div>

			<div class="col 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'], ['class' => 'form-control','id'=>'fieldWhere']) !!}
				</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'], ['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'], ['class' => 'form-control']) !!}
				</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">{{__('common.filterbtn')}}</span>
				</button>
			</div>
		</div>
	</div>
</div>


{{-- CORPO --}}
@if($hospitals->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 m-0 pt-1 font-weight-bold text-primary text-uppercase">
				<i class="fas fa-hospital pr-1 " aria-hidden="true"></i>Instituições
			</div>
			<div class="col px-3 m-0">
			</div>
			<div class="col-auto m-0 text-primary">
				{!! Form::select("sortOrder", ['name'=>'por&nbsp;nome','region'=>'por&nbsp;região','priority'=>'por&nbsp;prioridade'], $data['sortOrder'], ['class' => 'form-control select-compact disableSelect2 text-primary', 'id' => 'sortOrder']) !!}
			</div>
			<div class="col-auto h6 pt-1 m-0 pr-0 text-primary float-right">
				(Total {{ $hospitals->total() }})
			</div>

		</div>
	</div>
	{!! Form::close() !!}

	<div class="card-body pt-1 mb-0 pb-0">
		<div class= "row mb-3">
			@foreach($hospitals as $hospital)
				<div id="tr{{ $hospital->id }}" class="col-12 col-lg-6 px-1 my-1">
					<div id="tr{{ $hospital->id }}" class="row mx-1 py-2 px-2 mt-1 mb-1 shadow  h-100
					border-left-{{ $hospital->cooperation_level_bg_color }}
					">

						<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 text-dark"> {{-- nome hospital --}}
									<a href="{!! route('hospitals.show', ['hospital' => $hospital->id]) !!}" class="text-dark" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Ver detalhes da instituição">
										@if($hospital->nickname)
											{{ $hospital->nickname }}<i class="fas fa-eye text-info pl-2"></i>
											<br/>
											<div class="small text-secondary">{{ $hospital->name }}</div> 
										@else
											{{ $hospital->name }}<i class="fas fa-eye text-info pl-2"></i>
										@endif
									</a>
								</div>

								<div class="w-100"></div>
								{{-- cidade hospital --}}
								@if( $hospital->city)
									<div class="col-auto p-0 pb-1 pr-4"> 
										<i class="fas fa-location-dot text-secondary pl-0"></i>
										{{ $hospital->city ? $hospital->city->city : '' }} 
										{{ $hospital->state ? '(' . $hospital->state->uf . ')': '' }}
									</div>
								@endif
								{{-- região --}}
								@if($hospital->region)
									<div class="col-auto pl-0 pt-0 pb-0 "> 
										<div class="badge badge-primary ml-0">{{$hospital->region->name}}</div>
									</div>
								@endif
								{{-- CNES --}}
								@if($hospital->cnes)
									<div class="col d-none d-sm-block"></div>
									<div class="col-auto pl-0 pt-0 pb-0 float-right"> 
										@if(isset($hospital->city->cnes))
										<a target="_blank" rel="noopener noreferrer" href="http://cnes.datasus.gov.br/pages/estabelecimentos/ficha/index.jsp?coUnidade={!! $hospital->city->cnes !!}{!! substr("0000000{$hospital->cnes}", -7) !!}">
										@endif
											<div class="badge badge-info ml-0 " data-placement="top" data-tooltip="tooltip" data-delay=500 title="Consultar no site do CNES">
												CNES <i class='fa-solid fa-up-right-from-square fa-xs ml-1'></i>
											</div>
										</a>
									</div>
									<div class="col-auto"></div>
								@endif

								{{-- badges --}}
								@if($hospital->hlc_priority || $hospital->sus || $hospital->can_commit || $hospital->emergency )
									<div class="w-100 d-none d-sm-block"></div>
								@endif
								<div class="col-auto pl-0 pt-0 pb-0 "> 
									@if($hospital->hlc_priority)
										<div class="badge badge-danger" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Prioritário para a Colih">P</div>
									@endif 

									@if($hospital->sus)
										<div class="badge badge-info" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Atende SUS">SUS</div>
									@endif 
									@if($hospital->can_commit)
											<div class="badge badge-primary"><i class="fa fa-bed" aria-hidden="true" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Aceita internação"></i></div>
									@endif 
									@if($hospital->emergency)
										<div class="badge badge-warning"><i class="fa fa-ambulance mr-1" aria-hidden="true" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Possui pronto atendimento ou pronto socorro"></i>PA</div>
									@endif 
								</div>

								<div class="col-12 col-sm pr-2"></div>
								@if($hospital->cooperation_level!='Desconhecido')
									<div class="col-auto pl-0 mt-1">
										<i class="fas fa-circle-info text-{{$hospital->cooperation_level_bg_color}}" data-placement="top" data-tooltip="tooltip" data-delay=500 title="
											@if ($hospital->cooperation_level=='Médio')
												{{ $hospital->termstatus_id == 1 ? "Termo não favorável. " :"" }}
												{{ $hospital->obsstatus_id == 2 ? "Aceita Observações" :"" }}
											@elseif ($hospital->cooperation_level=='Favorável')
													Termo Favorável
											@elseif  ($hospital->cooperation_level=='Desfavorável')
													Termo desfavorável, não aceita observações.
											@endif  
										"></i>
									</div>
								@endif
					
								{{-- medicos --}}
								@if(isset($hospital->doctors))
									<div class="col-auto pl-1 pt-0 pb-0 mt-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Médicos nesta instituição"> 
										@canany(['view-doctor','edit-doctor'])
											@if($hospital->doctors->count()>0)
											<a href="{!! route('doctors.index', ['hospitals' => $hospital->id]) !!}" class="text-secondary">
											@endif
										@endcan
											<i class="fa fa-stethoscope" aria-hidden="true"></i>
											{{isset($hospital->doctors) ? $hospital->doctors->count() : ''}}
										</a>
									</div>
								@endif
								
								{{-- facilitadores --}}
								@if(isset($hospital->easers))
									<div class="col-auto pl-1 mr-1 pt-0 pb-0  mt-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Facilitadores nesta instituição"> 
										@canany(['view-easers','edit-easers'])
											@if($hospital->easers->count()>0)
											<a href="{!! route('hospitals.show', ['hospital' => $hospital->id, "#infoFacilitator"]) !!}" class="text-secondary">
											@endif
										@endcan
											<i class="fa fa-user-nurse" aria-hidden="true"></i>
											{{isset($hospital->easers) ? $hospital->easers->count() : ''}}
										</a>
									</div>
								@endif
                              
								{{-- leitos --}}
								@if($hospital->beds)
									<div class="col-auto p-0 pb-1 pr-3 mt-1" data-placement="top" data-tooltip="tooltip" data-delay=500 title="Total de leitos"> 
										<i class="fa fa-bed" aria-hidden="true"></i>
										{{ $hospital->beds ? $hospital->beds : ' ? ' }}
									</div>
								@endif
								<div class="col-auto"></div>


							</div>
						</div>

						{{-- ACTIONS --}}
						<div class="col-auto p-0 m-0"> 
							<div class="col-auto float-right mr-0 pr-1" > 
								<div class="d-flex flex-nowrap">
									@if(Gate::allows('edit-hospitals') || (Gate::allows('hospital-edit-mine') && ((auth()->user()->hospital_id ?? 0 )== $hospital->id ) ) )
										<a href="{!! route('hospitals.edit', ['hospital' => $hospital->id]) !!}" class="btn btn-info btn-sm ml-1" data-placement="top" title="Editar">
											<i class="fas fa-pen-to-square"></i>
										</a>
									@endif
									@can('delete-hospital')
										<a href="#deleteItemModal" data-item-id="{!! $hospital->id !!}" data-item-descr="{{ $hospital->name }}" class="btn btn-danger btn-sm ml-1 delete-item" data-bs-toggle="modal" data-placement="top" title="Excluir">
											<i class="fas fa-trash"></i>
										</a>
									@endcan

								</div>
							</div>
						{{-- EoActions --}}
						</div>


				
					</div>
				</div>
			@endforeach
		</div>

		{!! $hospitals->appends($data)->render() !!}
	</div>
</div>

@else
<div class="alert alert-info">
    <strong>Atenção: </strong> Nenhuma instituição disponível para visualização
</div>
@endif

<x-form.delete-modal/>

@endsection