@props(['vaccine', 'tipo', 'rut'])

@php
    $estadoDocumento = null;
    $iconoEstado = '❌';
    $textoEstado = 'No subido';
    $claseEstado = 'text-muted';

    if ($vaccine && $vaccine['preview'] !== null) {
        if (in_array($tipo, ['Influenza', 'Covid']) && isset($vaccine['date'])) {
            try {
                $fechaVacuna = \Carbon\Carbon::parse($vaccine['date']);
                $now = now();

                // Lógica Influenza
                if ($tipo === 'Influenza') {
                    $currentMarch = \Carbon\Carbon::create($now->year, 3, 1)->startOfDay();
                    $lastMarch = \Carbon\Carbon::create($now->year - 1, 3, 1)->startOfDay();
                    $currentApril = \Carbon\Carbon::create($now->year, 4, 30)->endOfDay();

                    if ($fechaVacuna->greaterThanOrEqualTo($currentMarch)) {
                        $estadoDocumento = 'valid';
                    } elseif ($fechaVacuna->greaterThanOrEqualTo($lastMarch) && $now->lessThanOrEqualTo($currentApril)) {
                        $estadoDocumento = 'expiring';
                    } else {
                        $estadoDocumento = 'expired';
                    }
                }
                // Lógica Covid
                elseif ($tipo === 'Covid') {
                    $elevenMonthsAgo = $now->copy()->subMonths(11)->startOfDay();
                    $twelveMonthsAgo = $now->copy()->subMonths(12)->startOfDay();

                    if ($fechaVacuna->lessThanOrEqualTo($elevenMonthsAgo) && $fechaVacuna->greaterThan($twelveMonthsAgo)) {
                        $estadoDocumento = 'expiring';
                    } elseif ($fechaVacuna->year === $now->year || $fechaVacuna->greaterThan($twelveMonthsAgo)) {
                        $estadoDocumento = 'valid';
                    } else {
                        $estadoDocumento = 'expired';
                    }
                }

                // Asignación de diseño
                if ($estadoDocumento === 'expiring') {
                    $iconoEstado = '⏰';
                    $textoEstado = 'Próx. a vencer';
                    $claseEstado = 'text-warning';
                } elseif ($estadoDocumento === 'expired') {
                    $iconoEstado = '⚠️';
                    $textoEstado = 'Vencido';
                    $claseEstado = 'text-danger';
                } else {
                    $iconoEstado = '✅';
                    $textoEstado = 'Vigente';
                    $claseEstado = 'text-success';
                }

            } catch (\Exception $e) {
                $iconoEstado = '✅';
                $textoEstado = 'Subido';
                $claseEstado = 'text-success';
            }
        } else {
            $iconoEstado = '✅';
            $textoEstado = 'Subido';
            $claseEstado = 'text-success';
        }
    }
@endphp

@if (!$vaccine || $vaccine['preview'] === null)
    <div class="d-flex flex-column align-items-center justify-content-center text-center small p-1" style="gap:.15rem;">
        <div class="fs-6 mb-0">❌</div>
        <div class="small text-muted mb-0">No subido</div>
        <div class="btn-group btn-group-sm mt-1">
            <button type="button" class="btn btn-success btn-sm px-2 py-1 upload-btn" data-bs-toggle="modal"
                data-bs-target="#modalSubirDocumento" data-tipo="{{ $tipo }}" data-rut="{{ $rut }}"
                data-obligatorio="1">
                <i class="bi bi-cloud-arrow-up me-1"></i> Subir
            </button>
        </div>
        <span class="small text-muted mb-0">S/I</span>
    </div>
@else
    <div class="d-flex flex-column align-items-center justify-content-start text-center small p-1" style="gap:.15rem;">
        {{-- Icono de estado --}}
        <div class="fs-6 mb-0 mt-0 {{ $claseEstado }}">{{ $iconoEstado }}</div>
        <div class="small {{ $claseEstado }} mb-0">{{ $textoEstado }}</div>

        {{-- Botones --}}
        <div class="btn-group btn-group-sm mt-1">
            @if ($vaccine['preview'])
                <a href="{{ asset('storage/' . $vaccine['preview']) }}"
                    class="btn btn-primary btn-sm px-2 py-1 upload-btn-style" target="_blank" rel="noopener noreferrer"
                    onclick="return abrirPDF(this.href);">
                    <i class="fas fa-eye me-1"></i>
                    <span>Ver</span>
                </a>

                <button type="button" class="btn btn-warning btn-sm text-white px-2 py-1 upload-btn"
                    data-bs-toggle="modal" data-bs-target="#modalSubirDocumento" data-tipo="{{ $tipo }}"
                    data-rut="{{ $rut }}" data-obligatorio="1">
                    <i class="bi bi-arrow-clockwise me-1"></i> Actualizar
                </button>
            @endif
        </div>

        {{-- Mostrar fechas según el tipo --}}
        @if (isset($vaccine['date']))
            <div class="small text-muted mb-0 mt-1">
                @if ($tipo === 'Hepatitis B' && isset($vaccine['fecha_2']) && isset($vaccine['fecha_3']))
                    <span class="d-inline-block" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="top"
                        title="<div class='text-start'>
                            <div><strong>Hepatitis B</strong></div>
                            <div class='mt-1'><small>1ª Dosis: {{ \Carbon\Carbon::parse($vaccine['fecha_3'])->format('d/m/Y') }}</small></div>
                            <div><small>2ª Dosis: {{ \Carbon\Carbon::parse($vaccine['fecha_2'])->format('d/m/Y') }}</small></div>
                            <div><small>3ª Dosis: {{ \Carbon\Carbon::parse($vaccine['date'])->format('d/m/Y') }}</small></div>
                        </div>">
                        <div class="d-flex align-items-center">
                            <span class="me-1">{{ \Carbon\Carbon::parse($vaccine['date'])->format('d/m/Y') }}</span>
                            <i class="bi bi-info-circle" style="font-size: 0.7rem;"></i>
                        </div>
                        <small class="text-muted d-block" style="font-size: 0.65rem; line-height: 1;">(3 dosis)</small>
                    </span>
                @else
                    {{-- Fechas Covid, Influenza y Fotografía --}}
                    <div class="d-flex flex-column">
                        @php
                            try {
                                $fechaFormateada = \Carbon\Carbon::parse($vaccine['date'])->format('d/m/Y');
                            } catch (\Exception $e) {
                                $fechaFormateada = 'Fecha inválida';
                            }
                        @endphp
                        <span class="{{ in_array($tipo, ['Influenza', 'Covid']) ? $claseEstado : '' }}">{{ $fechaFormateada }}</span>

                        {{-- Mostrar estado adicional para Influenza y Covid --}}
                        @if (in_array($tipo, ['Influenza', 'Covid']))
                            @if ($estadoDocumento === 'expired')
                                <small class="text-danger" style="font-size: 0.65rem;">Vencida</small>
                            @elseif ($estadoDocumento === 'expiring')
                                <small class="text-warning" style="font-size: 0.65rem;">Por vencer</small>
                            @endif
                        @elseif ($tipo === 'Fotografía')
                            <small class="text-muted d-block" style="font-size: 0.65rem;">Foto</small>
                        @endif
                    </div>
                @endif
            </div>
        @endif
    </div>
@endif

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl, { trigger: 'hover' });
            });
        });
    </script>
@endpush