{{-- resources/views/chamados/partials/chamado_card.blade.php --}}
@php
    $urgencyClass = '';
    if ($chamado->urgencia >= 9) {
        $urgencyClass = 'urgency-critical'; // Ex: Para 9-10
    } elseif ($chamado->urgencia >= 6) {
        $urgencyClass = 'urgency-high';     // Ex: Para 6-8
    } elseif ($chamado->urgencia >= 3) {
        $urgencyClass = 'urgency-medium';   // Ex: Para 3-5
    } else { // Urgencia 0-2
        $urgencyClass = 'urgency-low';      // Ex: Para 0-2 (azul)
    }
    $resolvedClass = $chamado->resolved_at ? 'is-resolved' : '';

    $chamado->created_at->setLocale('pt_BR');

    $urgencia = '';
    if (isset($chamado->resolved_at)) {
        $urgencia = '✓';
    } else {
        $urgencia = 'U:' . $chamado->urgencia;
    }

    $btnResolverReabrir = isset($chamado->resolved_at) ? 'Reabrir' : 'Resolver';

    $chamadoJsonData = [
        'id' => $chamado->id,
        'urgencia' => $chamado->urgencia,
        'nome_solicitante' => $chamado->nome_solicitante,
        'id_local' => $chamado->id_local,
        'id_responsavel' => $chamado->id_responsavel,
        'descricao' => $chamado->descricao,
        'comentario' => $chamado->comentario,
        'local_nome' => $chamado->local->nome ?? 'N/A',
        'local_ramal' => $chamado->local->ramal ?? 'N/A',
        'created_at_diff' => $chamado->created_at->diffForHumans(),
        'resolved_at' => $chamado->resolved_at ? $chamado->resolved_at->format('d/m/Y H:i') : null,
        'status_nome' => $chamado->status->nome ?? 'N/A',
        'responsavel_name' => $chamado->responsavel->name ?? 'Não Atribuído',
        'solicitante_name' => $chamado->solicitante->name ?? $chamado->nome_solicitante,
    ];
@endphp

<div class="chamado-card {{ $urgencyClass }} {{ $resolvedClass }} p-3 rounded-md mb-2 border cursor-grab"
     draggable="true"
     data-chamado-id="{{ $chamado->id }}"
     data-urgencia="{{ $chamado->urgencia }}"
     data-responsavel-id="{{ $chamado->id_responsavel ?? 'unassigned' }}"
     draggable="true"
     data-chamado-data="{{ json_encode($chamadoJsonData) }}">
    <div class="div-titulo flex items-center justify-between mb-1">
        <span class="span-titulo font-semibold text-gray-900">#{{ $chamado->id }} - {{ $chamado->nome_solicitante }}</span>
        {{-- <span class="urgencia px-2 py-0.5 text-xs font-bold rounded-full {{ ($chamado->urgencia >= 8) ? 'bg-red-500 text-white' : 'bg-gray-200 text-gray-700' }}"
            data-urgencia="{{ $chamado->urgencia }}"></span>
        @if (!empty($chamado->comentario))
            <img class="tem-notas-icon" src="{{asset('assets/icons/o-chat-bubble-oval-left-ellipsis.svg')}}" alt="">
        @endif --}}
        <div class="flex items-center gap-1">
            <span class="urgencia px-2 py-0.5 text-xs font-bold rounded-full {{ ($chamado->urgencia >= 8) ? 'bg-red-500 text-white' : 'bg-gray-200 text-gray-700' }}"
                data-urgencia="{{ $chamado->urgencia }}">
            </span>
            {{-- ÍCONE DE COMENTÁRIO --}}
            <img class="tem-notas-icon {{ empty($chamado->comentario) ? 'hidden' : '' }}"
                src="{{ asset('assets/icons/o-chat-bubble-oval-left-ellipsis.svg') }}" 
                alt="Tem Comentário"
                data-chamado-id="{{ $chamado->id }}">
        </div>
    </div>

    <p class="text-sm text-gray-700 mb-2 truncate">{{ Str::limit($chamado->descricao, 50) }}</p>

    {{-- Ícones e informações adicionais para o modo expandido/detalhes --}}
    <div class="chamado-detalhes hidden text-xs text-gray-600 mt-2">
        <p><strong>Local:</strong> {{ $chamado->local->nome ?? 'N/A' }} (Ramal: {{ $chamado->local->ramal ?? 'N/A' }})</p>
        <p><strong>Aberto há:</strong> {{ $chamado->created_at->diffForHumans() }}</p>
        {{-- Outros detalhes que aparecerão na expansão da coluna/card --}}
    </div>

    {{-- Ações (serão visíveis em modo expandido ou por JS) --}}
    <div class="chamado-acoes hidden flex justify-end gap-2 mt-2">
        <button class="btn-detalhes text-blue-600 hover:text-blue-800 text-xs font-semibold" data-chamado-id="{{ $chamado->id }}">Detalhes</button>
        <button onclick="toggleChamadoResolvido(event)" class="text-green-600 hover:text-green-800 text-xs font-semibold" data-chamado-id="{{ $chamado->id }}">{{ $btnResolverReabrir }}</button>
    </div>
</div>