@extends('layout.backend')
@section('title', 'Especialidades - Designações')

@section('content')

{{-- BARRA DE BOTÕES --}}
<x-form.header.button-bar>
    <x-form.header.button-back :route="route('specialities.index')"/>
    <x-form.header.button-export :can-any="['view-specialities']" :route="route('specialities.digest', array_merge($data, ['type' => 'xls']))" />
    <x-form.header.button-export-pdf :can-any="['view-specialities']" :route="route('specialities.digest', array_merge($data, ['type' => 'pdf']))" />
    <button type="button" class="btn btn-outline-secondary btn-sm" id="btnExpandAll">
        <i class="fas fa-expand-alt"></i> Expandir todos
    </button>
    <button type="button" class="btn btn-outline-secondary btn-sm" id="btnCollapseAll">
        <i class="fas fa-compress-alt"></i> Recolher todos
    </button>
</x-form.header.button-bar>

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

{{-- FILTRO --}}
<x-filter.area label="especialidades" :route="route('specialities.digest')" filter-code="specialitiesdigest">
    <x-filter.where :where-value="$data['where'] ?? 'All'"
        :region-items="$regions" :region-value="$data['region'] ?? 'All'"
        :city-items="$cities" :city-value="$data['city'] ?? null" />
</x-filter.area>

@if(!$hasFilter)
<div class="alert alert-info">
    <strong>Atenção: </strong>Selecione os filtros acima e clique em Filtrar para exibir os resultados.
</div>
@elseif($specialities->count() > 0)

@php
    $canSeeCooperation = Auth::user()->can('doctor-colih') || Auth::user()->can('doctor-confidential');
    $totalMedicos = $specialities->sum(fn($s) => $s->doctors->filter(fn($sd) => $sd->doctor)->count());
@endphp

<div class="alert alert-info py-2 mb-4">
    <i class="fas fa-user-md pr-1"></i> Total de médicos vinculados: <strong>{{ $totalMedicos }}</strong>
</div>

<div class="row">

    @foreach($specialities as $speciality)
    @php
        $id = Str::slug($speciality->name, '_');
        $regionFilter = ($data['region'] ?? 'All') != 'All' ? (int)$data['region'] : null;
        $hlcUsers    = $speciality->users->filter(fn($u) => $u->inHlc()       && (!$regionFilter || (int)$u->region_id === $regionFilter));
        $assistUsers = $speciality->users->filter(fn($u) => $u->inAssistant() && (!$regionFilter || (int)$u->region_id === $regionFilter));
        $specialityDoctors = $speciality->doctors
            ->filter(fn($sd) => $sd->doctor)
            ->sortBy(fn($sd) => $sd->doctor->name);
    @endphp

    <div class="col-12 col-xl-6 mb-4">
        <div class="card h-100 shadow-sm">
            <div class="card-header py-3 d-flex justify-content-between align-items-center"
                 data-toggle="collapse" data-target="#collapse_{{ $id }}"
                 style="cursor:pointer; user-select:none;">
                <h5 class="font-weight-bold text-primary mb-0">
                    <i class="fas fa-stethoscope pr-2"></i>{{ $speciality->name }}
                </h5>
                <span>
                    <span class="badge badge-secondary badge-pill mr-2">{{ $specialityDoctors->count() }} médico(s)</span>
                    <i class="fas fa-chevron-down collapse-icon"></i>
                </span>
            </div>

            <div id="collapse_{{ $id }}" class="collapse">
                <div class="card-body p-3">

                    {{-- Membro da Colih e Assistente --}}
                    <div class="mb-3">
                        <div class="mb-1">
                            <span class="text-uppercase font-weight-bold text-secondary" style="font-size:.75rem;">
                                <i class="fas fa-user-tie pr-1"></i>Membro da Colih:
                            </span>
                            @if($hlcUsers->isEmpty())
                                <span class="text-muted"><em>Sem designação</em></span>
                            @else
                                @foreach($hlcUsers as $user)
                                    <span class="text-dark">{{ $user->name }}</span>{{ !$loop->last ? ',' : '' }}
                                @endforeach
                            @endif
                        </div>
                        <div>
                            <span class="text-uppercase font-weight-bold text-secondary" style="font-size:.75rem;">
                                <i class="fas fa-user-group pr-1"></i>Assistentes:
                            </span>
                            @if($assistUsers->isEmpty())
                                <span class="text-muted"><em>Sem designação</em></span>
                            @else
                                @foreach($assistUsers as $user)
                                    <span class="text-dark">{{ $user->name }}</span>{{ !$loop->last ? ',' : '' }}
                                @endforeach
                            @endif
                        </div>
                    </div>

                    {{-- Tabela de médicos --}}
                    @if($specialityDoctors->count() > 0)
                    <div class="table-responsive" style="max-height:400px; overflow-y:auto;">
                        <table class="table table-sm table-bordered table-striped mb-0">
                            <thead class="thead-light">
                                <tr>
                                    <th>Nome do médico</th>
                                    @if($canSeeCooperation)
                                    <th class="text-center" style="width:140px;">Cooperação</th>
                                    @endif
                                    <th class="text-center" style="width:120px;">Última Visita</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($specialityDoctors as $specialityDoctor)
                                @php $doctor = $specialityDoctor->doctor; @endphp
                                <tr>
                                    <td>
                                        @canany(['view-doctor','edit-doctor'])
                                            <a href="{{ route('doctors.show', ['doctor' => $doctor->id]) }}">
                                                {{ $doctor->gender ? ($doctor->gender == 'male' ? 'Dr.' : 'Dra.') : '' }} {{ $doctor->name }}
                                            </a>
                                        @else
                                            {{ $doctor->name }}
                                        @endcanany
                                    </td>
                                    @if($canSeeCooperation)
                                    <td class="text-center">
                                        <span class="badge {{ $doctor->cooperation_level_color }}">
                                            {{ $doctor->cooperation_level_string }}
                                        </span>
                                    </td>
                                    @endif
                                    <td class="text-center">
                                        @if($doctor->last_date_visit)
                                            {{ $doctor->last_date_visit->format('d/m/Y') }}
                                        @else
                                            <span class="text-muted"><em>—</em></span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    @else
                    <div class="text-muted"><em>Nenhum médico vinculado a esta especialidade.</em></div>
                    @endif

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

</div>

@section('scripts')
@parent
<script>
(function() {
    document.querySelectorAll('.collapse:not(#filterBox)').forEach(function(el) {
        el.classList.remove('show');
    });

    document.querySelectorAll('[data-toggle="collapse"]').forEach(function(header) {
        header.addEventListener('click', function() {
            var icon = this.querySelector('.collapse-icon');
            if (icon) {
                icon.classList.toggle('fa-chevron-down');
                icon.classList.toggle('fa-chevron-up');
            }
        });
    });

    document.getElementById('btnExpandAll').addEventListener('click', function() {
        document.querySelectorAll('.collapse').forEach(function(el) {
            $(el).collapse('show');
        });
        document.querySelectorAll('.collapse-icon').forEach(function(icon) {
            icon.classList.remove('fa-chevron-down');
            icon.classList.add('fa-chevron-up');
        });
    });

    document.getElementById('btnCollapseAll').addEventListener('click', function() {
        document.querySelectorAll('.collapse').forEach(function(el) {
            $(el).collapse('hide');
        });
        document.querySelectorAll('.collapse-icon').forEach(function(icon) {
            icon.classList.remove('fa-chevron-up');
            icon.classList.add('fa-chevron-down');
        });
    });
})();
</script>
@endsection

@else
<div class="alert alert-info">
    <strong>Atenção: </strong>Nenhuma especialidade encontrada.
</div>
@endif

@endsection