@extends('layout.backend')

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

@section('content')

<x-form.header.button-bar>

    <x-form.header.button-new label="Novo Facilitador" tooltip="Adiciona um facilitador"
                              :route="route('easers.create')" :can-any="['create-easers']"/>

    <x-form.header.button-export :label="__('common.export')" :tooltip="__('common.export_tt')"
        :route="url('panel/easers/export?type=xls&'.$query)" :can-any="['view-easers']"/>
    <x-form.header.button-export-pdf :label="__('common.exportPDF')" :tooltip="__('common.exportPDF_tt')"
        :route="url('panel/easers/export?type=pdf&'.$query)" :can-any="['view-easers']"/>
</x-form.header.button-bar>

@if(session()->has('alert-success'))
<div class="alert alert-success">
    {!! session()->get('alert-success') !!}
</div>
@endif

<x-filter.area label="facilitadores" filter-code="easers">
    <x-filter.text class="col-12 col-sm-6 col-md-4 col-xl-4"
        name='name' :value="$data['name'] ?? ''" placeholder='digite o nome ou observação'>
        Nome/Observações
    </x-filter.text>

    <x-filter.select class="col-12 col-sm-6 col-md-4 col-xl-3"
        name='trashed' :items="$trashed_options" :value="$data['trashed'] ?? null">
        Status
    </x-filter.select>

    <x-filter.where :where-value="$data['where']"
        :region-items="$regions" :region-value="$data['region']"
        :city-items="$cities" :city-value="$data['city']"
        :hospital-items="$hospitals" :hospital-value="$data['hospital']" />

    <x-filter.more-button :expanded="$moreFilters"/>

    <x-filter.more-area :expanded="$moreFilters">
        <x-filter.select class="col-12 col-sm-6 col-md-4"
            name='occupation_id' :items="$occupations" :value="$data['occupation_id'] ?? null">
            Profissão
        </x-filter.select>

        <x-filter.select class="col-12 col-sm-6 col-md-4"
            name='field_id' :items="$fields" :value="$data['field_id'] ?? null">
            Área de atuação
        </x-filter.select>

    </x-filter.more-area>
</x-filter.area>

<x-form.index.results icon="fa-user-tie" label-one="facilitador" label-many="facilitadores" label-gender="m"
	:route="route('easers.index')"
	:request-data="$data"
	:items="$easers"
	:sort-order="$data['sortOrder'] ?? 'nm'"
	:sort-order-options="['nm'=>'Alfabético', 'pf'=>'Profissão', 'rg'=>'Região']">

    @foreach($easers as $easer)
        <x-form.index.item :item="$easer" class="{{ $easer->trashed() ? 'border-left-dark bg-gray-300' : 'border-left-info' }}">
            <div class="col p-0 pb-1 pr-3 text-dark">
                @if(isset($easer->occupation->icon_class))
                    <i class="fas fa-{!!$easer->occupation->icon_class!!} fa-fw mr-1 text-gray-500" data-placement="top" data-tooltip="tooltip" title="{{$easer->occupation->name}}"></i>
                @endif
                <a href="{!! route('easers.show', ['easer' => $easer->id]) !!}" class="text-dark text-decoration-none hover-no-underline" data-placement="top" data-tooltip="tooltip" title="Ver detalhes">
                    @if($easer->trashed())<s class='fst-italic text-danger'>@endif
                    {{ $easer->short_name }}
                    @if($easer->trashed())</s>@endif
                    @if($easer->jw == 1)<x-form.badge-jw /> @endif
                    <i class="fas fa-eye text-info pl-2"></i>
                </a>
            </div>

            {{-- Cooperação --}}
            <div class="col-auto p-0 pb-0 text-dark">
                @php
                    $coopLabels = [6 => 'Total', 5 => 'Caso a caso', 4 => 'Interessado'];
                    $coopColors = [6 => 'badge-success', 5 => 'badge-info', 4 => 'badge-warning'];
                    $coopLabel = $coopLabels[$easer->cooperation_level] ?? '';
                    $coopColor = $coopColors[$easer->cooperation_level] ?? 'badge-secondary';
                @endphp
                @if($coopLabel)
                    <div class="badge {{ $coopColor }}">
                        {{ $coopLabel }}
                    </div>
                @endif
            </div>

            <div class="w-100"></div>

            <div class="col p-0 pb-1 pr-1 small text-primary">
                @if($easer->occupation_id)<b>{!! $easer->occupation->name !!}</b>@endif
                @if($easer->field_id) &nbsp;&nbsp;&nbsp;&nbsp;{!! $easer->field->name !!} @endif
            </div>

            {{-- Ultima avaliação --}}
            <div class="col-auto pl-0 pb-1 pr-0 text-secondary d-flex flex-nowrap">
                @if($easer->eval_date)
                    @php
                        $daysDiff = $easer->eval_date->diffInDays(now());
                    @endphp
                    <div class="text-{{ $daysDiff > 180 ? 'danger' : 'secondary'}} ml-0">
                        <span data-placement="top" data-delay=500 data-html="true" data-tooltip="tooltip" title="Última avaliação: {{ $easer->eval_date->format('d/m/Y') }}">
                            <i class="fas fa-calendar-check mr-0"></i>
                            <span class="small">{{ $easer->eval_date->locale('pt_BR')->isoFormat('MMM/YY') }}</span>
                        </span>
                    </div>
                @else
                    <div class="text-danger small ml-0"><i class="fas fa-calendar-times mr-1"></i>Não avaliado</div>
                @endif
            </div>

            <div class="w-100"></div>

            <div class="col-12 p-0 pb-1 pr-1 text-secondary">
                @if($easer->city)
                    <i class="fas fa-location-dot text-secondary pl-0 pr-2" ></i>
                    {{ $easer->city->city }}
                    {!! $easer->city->state ? '('.$easer->city->state->uf.')' : '' !!}
                    &nbsp;
                @endif
                @if($easer->region)
                    <div class="badge badge-primary ml-0">{{$easer->region->name}}</div>
                @endif
            </div>

            <div class="w-100"></div>

            <div class="col-12 p-0 pb-1 pr-1 text-secondary">
                @if($easer->hospitals->count() > 0)
                    <i class="fas fa-circle-h mt-1 mr-1" data-placement="top" data-tooltip="tooltip" title="Instituições"></i>
                    {{ $easer->hospitals->map(fn($eh) => $eh->hospital->nameOrNickname)->implode(', ') }}
                @endif
            </div>

            <x-slot name="lastRowSlot">
                @if($easer->email)
                <div class="col-auto p-0 mt-2">
                    <a href='{!! AppHelper::linkToMail($easer->email,$easer->name)!!}'>
                        <i class='fa fa-envelope' aria-hidden='true' data-placement="top" data-tooltip="tooltip" title="{{$easer->email}}"></i>
                    </a>
                </div>
                @endif
                @if($easer->phone)
                <div class="col-auto ml-2 mt-2 p-0 pb-1 pr-1 text-secondary small">
                    {!! AppHelper::urlPhone($easer->phone, TRUE) !!}
                </div>
                @endif
            </x-slot>

            <x-slot name="actionSlot">
                @can('edit-easers')
                    <x-form.index.item-action-button icon="fa-pen-to-square" tooltip="Editar facilitador" class="info" target="{!! route('easers.edit', ['easer' => $easer->id]) !!}"/>
                @endcan
                @if(!$easer->trashed())
                    <x-form.index.item-delete-button :id="$easer->id" :descr="$easer->name" :can-any="['delete-easers']"/>
                @endif
            </x-slot>
        </x-form.index.item>
    @endforeach
</x-form.index.results>

<x-form.delete-modal description="facilitador" />

@endsection