@extends('layout.backend')
@section('title', 'Resumos de Casos')

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

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
    <x-form.header.button-new :label="__('Adicionar Caso')" :tooltip="__('Adicionar novo caso')"
                              :route="route('case-summaries.create')" :can-any="['create-cases']"/>
</x-form.header.button-bar>

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

{{-- FILTROS --}}
<x-filter.area label="resumos de casos" filter-code="case-summaries">
    <x-filter.select class="col-12 col-sm-6 col-md-4 col-lg-3"
                     name='doctors' :items="$doctors" :value="$data['doctors'] ?? null">
		{{__('Médico')}}
    </x-filter.select>

    <x-filter.select class="col-12 col-sm-6 col-md-4 col-lg-3"
                     name='user_id' :items="$users" :value="$data['user_id'] ?? null">
		{{__('Membro responsável')}}
    </x-filter.select>
</x-filter.area>

{{-- CORPO --}}
<x-form.index.results icon="fa-file-medical" label-one="resumo de caso" label-many="Resumos de Casos" label-gender="m"
                      :request-data="$data"
                      :items="$cases"
                      :sortOrderOptions="$sortOptions"
                      :sortOrder="$data['sortOrder'] ?? 'dt_desc'">

    @foreach($cases as $case)
		<x-form.index.item :item="$case">

			{{-- médico --}}
			<div class="col p-0 pb-0 pr-3 text-dark">
				<a href="{!! route('doctors.show', ['doctor' => $case->doctor_id]) !!}"
				class="text-dark text-decoration-none hover-no-underline" data-placement="top" target="_blank"
				data-tooltip="tooltip" data-delay=500
				title="Detalhes de {{$case->doctor->name ?? 'N/D'}}">
					{{ $case->doctor->name ?? 'N/D' }}
					<i class="fas fa-eye text-info pl-2"></i>
				</a>
			</div>

			{{-- data --}}
			<div class="col-auto p-0 pb-0 text-dark">
				@if($case->closed_at)
					<small class="text-secondary">{{ $case->closed_at->format('d/m/Y') }}</small>
				@else
					<small class="text-danger">Em andamento</small>
				@endif
			</div>

			{{-- segunda linha --}}
			<div class="w-100"></div>

			{{-- iniciais do paciente --}}
			<div class="col-auto p-0 pb-1 pr-2">
				<strong>{{ $case->patient_initials }}</strong>
			</div>

			{{-- problema de saúde --}}
			@if($case->health_issue)
			<div class="col-auto p-0 pb-1 pr-2 small text-secondary">
				{{ $case->health_issue }}
			</div>
			@endif

			{{-- resultado (resumo) --}}
			@if($case->result)
			<div class="col-12 p-0 pb-1 small text-muted" data-placement="top" data-delay=500 data-html="true" data-tooltip="tooltip"
				title="{{ nl2br(e($case->result)) }}">
				{{ Str::limit($case->result, 80) }}
			</div>
			@endif

			{{-- flags --}}
			<div class="col-12 p-0 pb-1">
				@if($case->public_healthcare)<div class="badge badge-info mr-0">SUS</div>@endif
				@if($case->insurance_healthcare)<div class="badge badge-info mr-0">Convênio</div>@endif
				@if($case->private_healthcare)<div class="badge badge-info mr-0"><i class="fa fa-sack-dollar" aria-hidden="true"></i> Particular</div>@endif
				@if($case->transfusion)<div class="badge badge-warning mr-0">Transfusão</div>@endif
				@if($case->minor)<div class="badge badge-secondary mr-0">Menor</div>@endif
			</div>

			<x-slot name="lastRowSlot">
				<div class="col ml-0 pl-0 mt-1 small text-secondary">
					<i class="fas fa-user mr-1"
						@if($case->member) data-placement="top" data-tooltip="tooltip" data-delay=500 title="Membro responsável"
						@endif></i>
					{{ $case->member->name ?? 'Não designado' }}
				</div>
			</x-slot>

			{{-- ações --}}
			<x-slot name="actionSlot">
				@if (Gate::allows('view-cases'))
					<x-form.index.item-action-button icon="fa-eye"
						tooltip="Ver caso" class="info"
						target="{!! route('case-summaries.show', ['case_summary' => $case->id]) !!}"/>
				@endif
				@if (Gate::allows('edit-cases'))
					<x-form.index.item-action-button icon="fa-pen-to-square"
						tooltip="Editar caso" class="info"
						target="{!! route('case-summaries.edit', ['case_summary' => $case->id]) !!}"/>
				@endif
				@if (Gate::allows('delete-cases'))
					<x-form.index.item-delete-button
						:can-any="['delete-cases']"
						:id="$case->id"
						:descr="$case->patient_initials"/>
				@endif
			</x-slot>

		</x-form.index.item>
	@endforeach
</x-form.index.results>

{{-- DELETE MODAL --}}
<x-form.delete-modal description="resumo de caso"/>

@endsection