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

@php
    // Determinar el estado para Influenza
    $estadoInfluenza = null;
    $iconoEstado = '❌';
    $textoEstado = 'No subido';
    $claseEstado = 'text-muted';
    
    if ($vaccine && $vaccine['preview'] !== null) {
        if ($tipo === 'Influenza' && isset($vaccine['date'])) {
            try {
                $fechaVacuna = \Carbon\Carbon::parse($vaccine['date']);
                $lastYearJanuary1 = \Carbon\Carbon::create(now()->year - 1, 1, 1);
                $currentYearMarch31 = \Carbon\Carbon::create(now()->year, 3, 31);
                
                // Si la fecha es posterior al 1 de enero del año pasado 
                // Y menor o igual al 31 de marzo del año actual
                if ($fechaVacuna->greaterThan($lastYearJanuary1) && $fechaVacuna->lessThanOrEqualTo($currentYearMarch31)) {
                    $estadoInfluenza = 'warning';
                    $iconoEstado = '⏰';
                    $textoEstado = 'Próx. a vencer';
                    $claseEstado = 'text-warning';
                } 
                // Si la fecha es anterior al 1 de enero del año pasado
                elseif ($fechaVacuna->lessThan($lastYearJanuary1)) {
                    $estadoInfluenza = 'expired';
                    $iconoEstado = '⚠️';
                    $textoEstado = 'Vencido';
                    $claseEstado = 'text-danger';
                } 
                // Si la fecha es posterior al 31 de marzo del año actual
                else {
                    $estadoInfluenza = 'success';
                    $iconoEstado = '✅';
                    $textoEstado = 'Vigente'; // Cambiado de "Subido" a "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']))
                    {{-- Diseño compacto para Hepatitis B con tooltip --}}
                    <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">
                            @php
                                $fecha1 = \Carbon\Carbon::parse($vaccine['fecha_3']);
                                $fecha2 = \Carbon\Carbon::parse($vaccine['fecha_2']);
                                $fecha3 = \Carbon\Carbon::parse($vaccine['date']);
                            @endphp
                            
                            {{-- Mostrar solo la última fecha con ícono --}}
                            <span class="me-1">{{ $fecha3->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>
                @elseif ($tipo === 'Influenza')
                    {{-- Para Influenza, mostrar fecha con indicador de estado --}}
                    <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="{{ $claseEstado }}">{{ $fechaFormateada }}</span>
                        
                        {{-- Mostrar estado adicional para Influenza --}}
                        @if ($estadoInfluenza === 'expired')
                            <small class="text-danger" style="font-size: 0.65rem;">Vencida</small>
                        @endif
                    </div>
                @else
                    {{-- Para Covid y Fotografía --}}
                    @php
                        try {
                            $fechaFormateada = \Carbon\Carbon::parse($vaccine['date'])->format('d/m/Y');
                        } catch (\Exception $e) {
                            $fechaFormateada = 'Fecha inválida';
                        }
                    @endphp
                    <span>{{ $fechaFormateada }}</span>
                    
                    {{-- Indicador para fotografía --}}
                    @if ($tipo === 'Fotografía')
                        <small class="text-muted d-block" style="font-size: 0.65rem;">Foto</small>
                    @endif
                @endif
            </div>
        @endif
    </div>
@endif

{{-- Script para inicializar tooltips --}}
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Inicializar tooltips
    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