@extends('layout.backend')
@section('title', $speciality->name . ' — Especialidade')

@section('scripts')
@parent
@vite(['resources/js/whatsapp.js'])
@vite(['resources/js/componentes-specialities-show.js'])
@endsection

@section('content')

{{-- ===== Barra de botões ===== --}}
<x-form.header.button-bar>
    <x-form.header.button-back :route="route('specialities.index')" />
    @can('edit-specialities')
    <x-form.header.button
        :route="route('specialities.edit', ['speciality' => $speciality->id])"
        icon="fa-user-edit">
        Editar
    </x-form.header.button>
    @endcan
</x-form.header.button-bar>

{{-- ===== Card: Informações da Especialidade ===== --}}
<div class="card shadow mb-4">
    <a href="#infoSpeciality" class="d-block card-header py-3" data-toggle="collapse"
       role="button" aria-expanded="true" aria-controls="infoSpeciality">
        <h3 class="m-0 font-weight-bold text-primary">{{ $speciality->name }}</h3>
        <h6 class="m-0 font-weight-bold text-primary mt-1">ESPECIALIDADE</h6>
    </a>

    <div class="collapse show" id="infoSpeciality">
        <div class="card-body p-0">
            <dl class="mb-0">

                @if(!empty($speciality->specialities?->name))
                <div class="row mx-0 py-2 px-3 border-bottom">
                    <dt class="col-12 col-md-4 col-lg-4 text-muted font-weight-normal small pt-1">Especialidade referência de Betel</dt>
                    <dd class="col-12 col-md-8 col-lg-6 mb-0 font-weight-bold">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->name) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->report_name) && $speciality->specialities->report_name !== $speciality->specialities->name)
                <div class="row mx-0 py-2 px-3 border-bottom bg-light">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Nome no relatório anual</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->report_name) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->description))
                <div class="row mx-0 py-2 px-3 border-bottom">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Descrição</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->description) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->conditions))
                <div class="row mx-0 py-2 px-3 border-bottom bg-light">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Quadro Clínico</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->conditions) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->procedures))
                <div class="row mx-0 py-2 px-3 border-bottom">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Procedimentos</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->procedures) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->strategies))
                <div class="row mx-0 py-2 px-3 border-bottom bg-light">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Estratégias</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! str_replace("\r\n", '<br>', $speciality->specialities->strategies) !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->hlc9_location))
                <div class="row mx-0 py-2 px-3 border-bottom">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Parágrafos <em>hlc-9</em></dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        {!! $speciality->specialities->hlc9_location !!}
                    </dd>
                </div>
                @endif

                @if(!empty($speciality->specialities?->jwmedical_url))
                <div class="row mx-0 py-2 px-3">
                    <dt class="col-12 col-md-3 col-lg-2 text-muted font-weight-normal small pt-1">Biblioteca Médica</dt>
                    <dd class="col-12 col-md-9 col-lg-10 mb-0">
                        <a href="{{ $speciality->specialities->jwmedical_url }}"
                           target="_blank" rel="noopener noreferrer">
                            <i class="fas fa-external-link-alt fa-xs mr-1"></i>{{ $speciality->specialities->jwmedical_url }}
                        </a>
                    </dd>
                </div>
                @endif

            </dl>
        </div>
    </div>
</div>

{{-- ===== Card: Médicos ===== --}}
@can('view-doctor')
@php
    $hiddenDoctors = $specialityDoctors->where('cooperation_level', '<=', 3);
@endphp
<div class="card shadow mb-4">
    <a href="#infoDoctors" class="d-block card-header py-3" data-toggle="collapse"
       role="button" aria-expanded="true" aria-controls="infoDoctors">
        <i class="fas fa-stethoscope text-primary float-left mr-3 mt-1"></i>
        <h6 class="m-0 font-weight-bold text-primary">
            MÉDICOS DESTA ESPECIALIDADE
            @if($specialityDoctors->count() > 0)
                <span class="badge badge-primary ml-1">{{ $specialityDoctors->count() }}</span>
            @endif
        </h6>
    </a>
    <div class="collapse show" id="infoDoctors">
        <div class="card-body p-1">
            @if($specialityDoctors->count() > 0)
            <div class="row mx-0">
                @foreach($specialityDoctors as $doctor)
                    <x-form.index.item :item="$doctor"
                        class="{{ $doctor->cooperation_level <= 3 ? ' text-muted' : '' }}"
                        containerClass="{{ $doctor->cooperation_level <= 3 ? ' low-cooperation d-none' : '' }}">

                        <div class="col p-0 pb-0 pr-3 text-dark">
                            <a href="{{ route('doctors.show', ['doctor' => $doctor->id]) }}" class="text-dark font-weight-bold">
                                {{ $doctor->gender ? ($doctor->gender === 'M' ? 'Dr.' : 'Dra.') : '' }} {{ $doctor->name }}
                            </a>
                            @if($doctor->jw)
                                <span class="badge badge-pill badge-purple ml-1" title="Testemunha de Jeová">JW</span>
                            @endif
                        </div>

                        <div class="col-auto p-0 pb-0 text-dark">
                            <span class="badge {{ $doctor->cooperation_level_color }}">
                                {{ $doctor->cooperation_level_string }}
                            </span>
                        </div>

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

						@if($doctor->addresses->count() > 0)
						<div class="col p-0 pb-1 pr-1 text-secondary">
                            @foreach($doctor->addresses as $address)
                            <i class="fas fa-location-dot text-secondary pl-0 pr-1"></i>
							{{ $loop->first ? '' : ', ' }}{{ $address->city->city ?? '' }}
                            @endforeach
                        </div>
						@endif

                        <div class="col-auto p-0 pb-1 pr-1">
                            @if($doctor->has_sus)
                                <span class="badge badge-info mr-1">SUS</span>
                            @endif
                            @if($doctor->surgeon)
                                <span class="badge badge-danger">Cirurgião</span>
                            @endif
                        </div>

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

            @if($hiddenDoctors->count() > 0)
            <div class="card-footer py-2 mr-0 text-right">
                <button type="button" class="btn btn-sm btn-outline-secondary mr-0" id="toggleLowCoopBtn">
                    <i class="fas fa-eye mr-1"></i>
                    <span id="toggleLowCoopLabel"
                          data-original="Mostrar {{ $hiddenDoctors->count() }} médico(s) sem cooperação">
                        Mostrar {{ $hiddenDoctors->count() }} médico(s) sem cooperação
                    </span>
                </button>
            </div>
            @endif

            @else
            <div class="alert alert-warning m-3 mb-0">
                Não há médicos cadastrados nesta especialidade.
            </div>
            @endif
        </div>
    </div>
</div>
@endcan

{{-- ===== Cards: Membros (COLIH + Assistentes lado a lado) ===== --}}
@can('view-users')
@php
    $hlcUsers    = $speciality->users->filter(fn($u) => $u->inHlc())->sortBy(fn($u) => ($u->region->name ?? '') . $u->name);
    $assistUsers = $speciality->users->filter(fn($u) => $u->inAssistant())->sortBy(fn($u) => ($u->region->name ?? '') . $u->name);
@endphp

<div class="row">

    {{-- COLIH --}}
    <div class="col-12 col-lg-6">
        <div class="card shadow mb-4">
            <a href="#infoUsersHlc" class="d-block card-header py-3" data-toggle="collapse"
               role="button" aria-expanded="true" aria-controls="infoUsersHlc">
                <i class="fas fa-user-tie text-primary float-left mr-3 mt-1"></i>
                <h6 class="m-0 font-weight-bold text-primary">
                    MEMBROS COLIH
                    @if($hlcUsers->count() > 0)
                        <span class="badge badge-primary ml-1">{{ $hlcUsers->count() }}</span>
                    @endif
                </h6>
            </a>
            <div class="collapse show" id="infoUsersHlc">
                <div class="card-body p-1">
                    @if($hlcUsers->count() > 0)
                    <div class="row mx-0">
                        @foreach($hlcUsers as $user)
                        <x-form.index.item :item="$user" class="border-left-primary">
                            <div class="col p-0 pb-0 pr-3 text-dark">
                                <i class="fas fa-user-tie mr-1 text-primary"></i>
                                <a href="{{ route('users.show', ['user' => $user->id]) }}" class="text-dark font-weight-bold">
                                    {{ $user->short_name }}
                                </a>
                            </div>
                            <div class="w-100"></div>
                            <div class="col p-0 pb-1 pr-1 text-secondary small">
                                <i class="fas fa-location-dot pr-1"></i>
                                {{ $user->city->city ?? '—' }}
                                @if($user->region)
                                    <span class="badge badge-primary ml-1">{{ $user->region->name }}</span>
                                @endif
                            </div>
                        </x-form.index.item>
                        @endforeach
                    </div>
                    @else
                    <div class="alert alert-warning m-3 mb-0">
                        Não há membros Colih designados.
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

    {{-- Assistentes --}}
    <div class="col-12 col-lg-6">
        <div class="card shadow mb-4">
            <a href="#infoUsersAssist" class="d-block card-header py-3" data-toggle="collapse"
               role="button" aria-expanded="true" aria-controls="infoUsersAssist">
                <i class="fas fa-headset text-success float-left mr-3 mt-1"></i>
                <h6 class="m-0 font-weight-bold text-success">
                    ASSISTENTES
                    @if($assistUsers->count() > 0)
                        <span class="badge badge-success ml-1">{{ $assistUsers->count() }}</span>
                    @endif
                </h6>
            </a>
            <div class="collapse show" id="infoUsersAssist">
                <div class="card-body p-1">
                    @if($assistUsers->count() > 0)
                    <div class="row mx-0">
                        @foreach($assistUsers as $user)
                        <x-form.index.item :item="$user" class="border-left-success">
                            <div class="col p-0 pb-0 pr-3 text-dark">
                                <i class="fas fa-headset mr-1 text-success"></i>
                                <a href="{{ route('users.show', ['user' => $user->id]) }}" class="text-dark font-weight-bold">
                                    {{ $user->short_name }}
                                </a>
                            </div>
                            <div class="w-100"></div>
                            <div class="col p-0 pb-1 pr-1 text-secondary small">
                                <i class="fas fa-location-dot pr-1"></i>
                                {{ $user->city->city ?? '—' }}
                                @if($user->region)
                                    <span class="badge badge-success ml-1">{{ $user->region->name }}</span>
                                @endif
                            </div>
                        </x-form.index.item>
                        @endforeach
                    </div>
                    @else
                    <div class="alert alert-warning m-3 mb-0">
                        Não há assistentes designados.
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

</div>
@endcan

@endsection