@php
$title = __('orcamento.view_title');
$moedaSelecionada = $orcamento->moeda ?? 'BRL';
$categoriaServico = $orcamento->tipoServico?->categoriaServico;
$observacoesPagamento = (string) ($orcamento->condicoesPagamento?->observacoes ?? '');
$parcelasVisualizacao = collect($parcelas ?? []);

if ((string) ($categoriaServico?->id) === '2') {
    $prazoEntrega = $orcamento->prazo_entrega ?: __('orcamento.automatic_delivery_deadline_missing');
    $observacoesOrcamento = __('orcamento.automatic_outsourcing_observations', ['deadline' => $prazoEntrega]);
} else {
    $prazoEntrega = $orcamento->prazo_entrega ?: __('orcamento.automatic_delivery_deadline_missing');
    $observacoesOrcamento = __('orcamento.automatic_delivery_deadline', ['deadline' => $prazoEntrega]);
}

if ($orcamento->condicoesPagamento) {
    $numeroParcelas = $orcamento->condicoesPagamento->numero_parcelas;
    $valorTotal = (float) ($orcamento->total_exibicao ?? $orcamento->total);
    $valorEntrada = (float) ($orcamento->condicoesPagamento->valor_entrada_exibicao ?? $orcamento->condicoesPagamento->valor_entrada);

    if ($numeroParcelas === 1) {
        $observacoesPagamento = __('orcamento.automatic_cash_payment', [
            'total' => \App\Helpers\MoneyHelper::formatarPorMoeda($valorTotal, $moedaSelecionada),
        ]);
    } else {
        $parcelasRegistradas = $parcelasVisualizacao
            ->where('numero_parcela', '>', 0)
            ->sortBy('numero_parcela')
            ->values();
        $valorParcela = (float) ($parcelasRegistradas->first()->valor ?? 0);
        $valorUltimaParcela = (float) ($parcelasRegistradas->last()->valor ?? $valorParcela);
        $ajusteFinal = $valorUltimaParcela - $valorParcela;
        $observacoesPagamento = __('orcamento.automatic_installment_payment', [
            'entry' => \App\Helpers\MoneyHelper::formatarPorMoeda($valorEntrada, $moedaSelecionada),
            'installments' => $numeroParcelas,
            'installment' => \App\Helpers\MoneyHelper::formatarPorMoeda($valorParcela, $moedaSelecionada),
        ]);

        if (abs($ajusteFinal) >= 0.005) {
            $observacoesPagamento .= __('orcamento.automatic_final_installment_adjustment', [
                'sign' => $ajusteFinal > 0 ? '+' : '-',
                'amount' => \App\Helpers\MoneyHelper::formatarPorMoeda(abs($ajusteFinal), $moedaSelecionada),
            ]);
        }
    }
}
@endphp

@push('styles')
<link rel="stylesheet" href="{{ asset('css/step-list.css') }}">
@endpush

<div class="container-fluid pt-1" style="margin-top: -32px;">
    <nav aria-label="breadcrumb" class="mb-2" style="margin-top: -18px;">
        <ol class="breadcrumb bg-transparent px-0 py-1 mb-1" style="font-size: 0.98rem;">
            <li class="breadcrumb-item"><a href="/" class="text-decoration-none text-secondary">{{ __('orcamento.breadcrumb_home') }}</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}?moeda={{ urlencode($moedaSelecionada) }}`)" class="text-decoration-none text-secondary">{{ __('orcamento.menu') }}</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">{{ __('orcamento.view_title') }}</li>
        </ol>
    </nav>
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="fw-bold mb-0" style="font-size:2.1rem; letter-spacing:1px;">
                <i class="bi bi-eye me-2 text-primary"></i>{{ __('orcamento.label_details') }}
            </h1>
            <span class="text-muted small">{{ __('orcamento.subtitle_view') }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-arrow-left me-2"></i>{{ __('orcamento.button_back') }}
            </button>

            <!-- Botões baseados no status inteligente -->
            @if($orcamento->status == 'Aguardando Cliente')
            <button type="button" class="btn btn-sm btn-success me-2" onclick="aprovarDiretamente(`{{ $orcamento->id }}`)">
                <i class="bi bi-check2-circle me-2"></i>{{ __('orcamento.button_approve') }}
            </button>
            <button type="button" class="btn btn-sm btn-primary me-2" onclick="enviarParaAprovacao(`{{ $orcamento->id }}`)">
                <i class="bi bi-envelope-plus me-2"></i>{{ __('orcamento.button_send') }}
            </button>
            <button type="button" class="btn btn-sm btn-danger me-2" onclick="cancelarOrcamento(`{{ $orcamento->id }}`)">
                <i class="bi bi-x-circle me-2"></i>{{ __('orcamento.button_reject') }}
            </button>
            @elseif($orcamento->status == 'Convertido em Venda')
            @if($orcamento->vendas && is_object($orcamento->vendas) && $orcamento->vendas->count() > 0)
            @php $venda = $orcamento->vendas->first(); @endphp
            <button type="button" class="btn btn-sm btn-outline-success me-2" onclick="carregarConteudo(`{{ route('operacoes.vendas.visualizar', $venda->id) }}`)">
                <i class="bi bi-cart me-2"></i>{{ __('orcamento.button_view') }}
            </button>
            @endif
            @endif

            <button type="button" class="btn btn-sm btn-outline-info me-2" onclick="imprimirOrcamento(`{{ $orcamento->id }}`, '{{ $moedaSelecionada }}')">
                <i class="bi bi-printer me-2"></i>{{ __('orcamento.button_print') }}
            </button>

            <!-- Botão editar baseado no novo fluxo -->
            @if($orcamento->status !== 'Convertido em Venda')
            <button type="button" class="btn btn-sm btn-primary" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-pencil-square me-2"></i>{{ __('orcamento.button_edit') }}
            </button>
            @elseif($orcamento->status === 'Convertido em Venda' && $orcamento->vendas && is_object($orcamento->vendas) && $orcamento->vendas->count() > 0)
            @php $venda = $orcamento->vendas->first(); @endphp
            @if($venda->status === \App\Enum\StatusVenda::PENDENTE->value)
            <button type="button" class="btn btn-sm btn-primary" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $orcamento->id) }}?moeda={{ urlencode($moedaSelecionada) }}`)">
                <i class="bi bi-pencil-square me-2"></i>{{ __('orcamento.button_edit') }}
            </button>
            @endif
            @endif
        </div>
    </div>

    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">{{ __('orcamento.label_details') }}</span>
        </div>
        <div class="card-body">
            <div class="row g-3 mb-4">
                <div class="col-md-7">
                    <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                        <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('orcamento.label_service_category') }}</legend>
                        <div class="d-flex flex-wrap gap-3">
                            @if($categoriaServico)
                            @php
                                $labelCategoria = $categoriaServico->nome_exibicao ?? $categoriaServico->nome;
                                $categoriaTraduzida = __('orcamento.service_categories_by_id.' . $categoriaServico->id);
                                if ($categoriaTraduzida !== 'orcamento.service_categories_by_id.' . $categoriaServico->id) {
                                    $labelCategoria = $categoriaTraduzida;
                                }
                            @endphp
                            <div class="form-check form-check-inline mb-0">
                                <input class="form-check-input" type="radio" disabled checked>
                                <label class="form-check-label">{{ $labelCategoria }}</label>
                            </div>
                            @endif
                        </div>
                    </fieldset>
                </div>
                <div class="col-md-5">
                    <fieldset class="h-100 border rounded-3 px-3 px-md-4 pb-3 pt-2 bg-light-subtle" style="border-color: #d7e3f4 !important;">
                        <legend class="float-none w-auto px-2 mb-2 fs-6 fw-semibold text-primary">{{ __('orcamento.label_currency') }}</legend>
                        <div class="d-flex flex-wrap gap-3">
                            @foreach(['BRL', 'USD', 'EUR'] as $codigoMoeda)
                            <div class="form-check form-check-inline mb-0">
                                <input class="form-check-input" type="radio" disabled {{ $moedaSelecionada === $codigoMoeda ? 'checked' : '' }}>
                                <label class="form-check-label">{{ $codigoMoeda }}</label>
                            </div>
                            @endforeach
                        </div>
                    </fieldset>
                </div>
            </div>

            <div class="form-container">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_number') }}:</label>
                        <p>{{ $orcamento->codigo }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_date') }}:</label>
                        <p>{{ $orcamento->data_emissao ? $orcamento->data_emissao->format('d/m/Y') : '' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_validity') }}:</label>
                        <p>{{ $orcamento->data_validade ? $orcamento->data_validade->format('d/m/Y') : '' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_status') }}:</label>
                        <p>
                            @php
                            $statusColor = match($orcamento->status) {
                            'Pendente' => 'warning',
                            'Aguardando Cliente' => 'info',
                            'Aprovado pelo Cliente' => 'primary',
                            'Convertido em Venda' => 'success',
                            'Cancelado pelo Cliente' => 'danger',
                            default => 'secondary'
                            };
                            @endphp
                            <span class="badge bg-{{ $statusColor }}">{{ $orcamento->status }}</span>
                        </p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">{{ __('orcamento.label_client') }}:</label>
                        <p>{{ $orcamento->cliente->razao_social }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_contact') }}:</label>
                        @php
                        $contatoPrincipal = $orcamento->cliente->contatos->where('principal', true)->first();
                        @endphp
                        <p>{{ $contatoPrincipal?->nome ?? '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_phone') }}:</label>
                        <p data-mask="mobile">{{ $contatoPrincipal->telefone ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_service_type') }}:</label>
                        <p>{{ $orcamento->tipoServico?->nome_exibicao ?? $orcamento->tipoServico?->nome ?? '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">{{ __('orcamento.label_delivery_deadline') }}:</label>
                        <p>{{ $orcamento->prazo_entrega ?? '-' }}</p>
                    </div>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-12">
                    <label class="form-label fw-bold">{{ __('orcamento.label_observations') }}:</label>
                    <p>{{ $observacoesOrcamento !== '' ? $observacoesOrcamento : '-' }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Card para Itens do Orçamento -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <h5 class="mb-0 fw-bold text-primary">
                                <i class="bi bi-list-check me-2"></i>{{ __('orcamento.label_items') }}
            </h5>
        </div>
        <div class="card-body p-0">
            <!-- Container com largura de 95% para a tabela -->
            <div class="mx-auto" style="width: 95%;">
                <div class="table-responsive">
                    <table class="table table-borderless mb-0">
                        <thead class="bg-light">
                            <tr>
                                <th class="px-4 py-3 text-center" style="width: 8%;">#</th>
                                <th class="px-3 py-3" style="width: 28%;">{{ __('orcamento.label_service_item') }}</th>
                                <th class="px-3 py-3" style="width: 22%;">{{ __('orcamento.label_description') }}</th>
                                <th class="px-3 py-3 text-center" style="width: 8%;">{{ __('orcamento.label_people_count') }}</th>
                                <th class="px-3 py-3 text-center" style="width: 8%;">{{ __('orcamento.label_quantity_short') }}</th>
                                <th class="px-3 py-3 text-center" style="width: 8%;">{{ __('orcamento.label_unit_short') }}</th>
                                <th class="px-3 py-3 text-end" style="width: 10%;">{{ __('orcamento.label_unit_price_short') }}</th>
                                <th class="px-4 py-3 text-end" style="width: 8%;">{{ __('orcamento.label_total_short') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($orcamento->orcamentoServicos as $index => $item)
                            <tr class="border-bottom">
                                <td class="px-4 py-3 text-center">
                                    <span class="fw-semibold">{{ $index + 1 }}</span>
                                </td>
                                <td class="px-3 py-3">
                                    <div class="fw-semibold text-dark">{{ $item->servico?->nome_exibicao ?? $item->servico?->nome ?? 'Serviço não definido' }}</div>
                                </td>
                                <td class="px-3 py-3">
                                    <span class="text-muted">{{ $item->descricao ?? '-' }}</span>
                                </td>
                                <td class="px-3 py-3 text-center">
                                    <span class="fw-medium">{{ $item->pessoas ?? 1 }}</span>
                                </td>
                                <td class="px-3 py-3 text-center">
                                    <span class="fw-medium">{{ $item->quantidade ?? '0' }}</span>
                                </td>
                                <td class="px-3 py-3 text-center">
                                    <span class="text-muted">{{ isset($item->unidade) ? ucfirst($item->unidade) : '-' }}</span>
                                </td>
                                <td class="px-3 py-3 text-end">
                                    <span class="fw-medium">{{ $item->valor_unitario_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($item->valor_unitario, $moedaSelecionada) }}</span>
                                </td>
                                <td class="px-4 py-3 text-end">
                                    <span class="fw-bold text-primary">{{ $item->valor_total_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($item->valor_total, $moedaSelecionada) }}</span>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center py-5">
                                    <i class="bi bi-inbox text-muted" style="font-size: 3rem;"></i>
                                    <div class="mt-3">
                                        <h6 class="text-muted">Nenhum item cadastrado</h6>
                                        <p class="text-muted small mb-0">Este orçamento ainda não possui itens de serviço.</p>
                                    </div>
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Resumo Financeiro alinhado com a tabela -->
            <div class="mx-auto" style="width: 95%;">
                <div class="py-4">
                    <div class="bg-white p-4 rounded shadow-sm" style="border: 1px solid #dee2e6;">
                        <h6 class="fw-bold text-primary mb-3 d-flex align-items-center">
                            <i class="bi bi-calculator me-2"></i>
                            {{ __('orcamento.label_financial_summary') }}
                        </h6>

                        <div class="d-flex justify-content-between align-items-center mb-3">
                                <span class="text-muted fw-medium">{{ __('orcamento.label_subtotal') }}:</span>
                            <span class="fw-semibold">
                                {{ $orcamento->subtotal_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->subtotal ?? 0, $moedaSelecionada) }}
                            </span>
                        </div>

                        @if(($orcamento->desconto ?? 0) > 0)
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <span class="text-muted fw-medium">
                                {{ __('orcamento.label_discount') }}
                                @if($orcamento->subtotal > 0)
                                <small class="text-success">
                                    {{ number_format($orcamento->desconto, 1, in_array($moedaSelecionada, ['USD', 'EUR'], true) ? '.' : ',', '') }}%
                                </small>
                                @endif
                            </span>
                            <span class="text-danger fw-semibold">
                                -{{ $orcamento->valor_desconto_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->valor_desconto ?? 0, $moedaSelecionada) }}
                            </span>
                        </div>
                        @endif

                        <hr class="my-3">

                        <div class="d-flex justify-content-between align-items-center">
                            <span class="fw-bold text-primary" style="font-size: 1.1rem;">
                                {{ __('orcamento.label_total_general') }}:
                            </span>
                            <span class="fw-bold text-primary" style="font-size: 1.3rem;">
                                {{ $orcamento->total_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->total ?? 0, $moedaSelecionada) }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Card para Histórico de Status -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <h5 class="mb-0 fw-bold text-primary">
                <i class="bi bi-clock-history me-2"></i>{{ __('orcamento.label_quote_workflow') }}
            </h5>
        </div>
        <div class="card-body">
            @php
            $statusAtual = $orcamento->status;

            // Determinar quantos steps foram concluídos
            $completedSteps = 0;
            $activeStep = 1;

            // Verificar status da venda se existir
            $vendaStatus = null;
            $vendaConcluida = false;
            if ($orcamento->vendas && is_object($orcamento->vendas) && $orcamento->vendas->count() > 0) {
            $vendaStatus = $orcamento->vendas->first()->status;
            $vendaConcluida = $vendaStatus === \App\Enum\StatusVenda::CONCLUIDA->value;
            }

            switch ($statusAtual) {
            case \App\Enum\StatusOrcamento::PENDENTE->value:
            $completedSteps = 0;
            $activeStep = 1;
            break;
            case \App\Enum\StatusOrcamento::AGUARDANDO_CLIENTE->value:
            $completedSteps = 2;
            $activeStep = 2;
            break;
            case \App\Enum\StatusOrcamento::APROVADO_CLIENTE->value:
            $completedSteps = 2;
            $activeStep = 3;
            break;
            case \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value:
            $completedSteps = 3;
            $activeStep = 4;
            // Se tem venda e ela está concluída, considera step 4 completo
            if ($vendaConcluida) {
            $completedSteps = 4;
            $activeStep = 5;
            }
            break;
            case \App\Enum\StatusOrcamento::CANCELADO->value:
            // Quando cancelado, steps 1 e 2 ficam verdes (completed)
            $completedSteps = 2;
            $activeStep = 3;
            break;
            default:
            $completedSteps = 0;
            $activeStep = 1;
            break;
            }

            $progressClass = 'progress-' . $completedSteps;
            // Adicionar classe especial se venda existe mas não está concluída
            if ($statusAtual === \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value && !$vendaConcluida) {
            $progressClass .= ' venda-pendente';
            }
            // Adicionar classe especial para orçamento cancelado
            if ($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value) {
            $progressClass = 'progress-cancelled';
            }
            @endphp

            <div class="step-container">
                <ul class="step-list {{ $progressClass }}">
                    <!-- Step 1: Pendente/Criado -->
                    <li class="step-item {{ $completedSteps >= 1 ? 'completed' : '' }} {{ $activeStep == 1 ? 'active' : '' }}">
                        <div class="step-number">
                            <i class="bi bi-file-earmark-text"></i>
                        </div>
                        <div class="step-content">
                            <div class="step-title">
                                {{ \App\Enum\StatusOrcamento::PENDENTE->value }}
                                @if($completedSteps >= 1)
                                <i class="bi bi-check-circle text-success"></i>
                                @endif
                            </div>
                            <div class="step-date">
                                {{ $orcamento->created_at->format('d/m/Y H:i') }}
                            </div>
                        </div>
                    </li>

                    <!-- Step 2: Aguardando Cliente -->
                    <li class="step-item {{ $completedSteps >= 2 ? 'completed' : '' }} {{ $activeStep == 2 ? 'active' : '' }}">
                        <div class="step-number">
                            <i class="bi bi-clock-history"></i>
                        </div>
                        <div class="step-content">
                            <div class="step-title">
                                {{ \App\Enum\StatusOrcamento::AGUARDANDO_CLIENTE->value }}
                                @if($completedSteps >= 2)
                                <i class="bi bi-check-circle text-success"></i>
                                @endif
                            </div>
                            <div class="step-date">
                                @if($completedSteps >= 2)
                                {{ $orcamento->updated_at->format('d/m/Y H:i') }}
                                @endif
                            </div>
                        </div>
                    </li>

                    <!-- Step 3: Aprovado pelo Cliente -->
                    <li class="step-item {{ $completedSteps >= 3 ? 'completed' : '' }} {{ $activeStep == 3 ? 'active' : '' }} {{ $statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value ? 'cancelled' : '' }}">
                        <div class="step-number">
                            @if($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value)
                            <i class="bi bi-x-circle"></i>
                            @else
                            <i class="bi bi-check-circle"></i>
                            @endif
                        </div>
                        <div class="step-content">
                            <div class="step-title">
                                @if($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value)
                                {{ \App\Enum\StatusOrcamento::CANCELADO->value }}
                                <i class="bi bi-x-circle text-danger"></i>
                                @else
                                {{ \App\Enum\StatusOrcamento::APROVADO_CLIENTE->value }}
                                @if($completedSteps >= 3)
                                <i class="bi bi-check-circle text-success"></i>
                                @endif
                                @endif
                            </div>
                            <div class="step-date">
                                @if($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value || $completedSteps >= 3)
                                {{ $orcamento->updated_at->format('d/m/Y H:i') }}
                                @endif
                            </div>
                        </div>
                    </li>

                    <!-- Step 4: Status da Venda -->
                    <li class="step-item {{ $vendaConcluida ? 'completed' : '' }} {{ $activeStep == 4 ? 'active' : '' }} {{ $statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value ? 'cancelled' : '' }}">
                        <div class="step-number">
                            <i class="bi bi-cart-plus"></i>
                        </div>
                        <div class="step-content">
                            <div class="step-title">
                                @if($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value)
                                {{ \App\Enum\StatusOrcamento::VENDA_NAO_REALIZADA->value }}
                                <i class="bi bi-x-circle text-danger"></i>
                                @elseif($statusAtual === \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value && $vendaStatus)
                                {{ $vendaStatus }}
                                @if($vendaConcluida)
                                <i class="bi bi-check-circle text-success"></i>
                                @endif
                                @else
                                {{ \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value }}
                                @endif
                            </div>
                            <div class="step-date">
                                @if($statusAtual === \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value)
                                {{ $orcamento->updated_at->format('d/m/Y H:i') }}
                                @endif
                                @if($statusAtual === \App\Enum\StatusOrcamento::CANCELADO->value)
                                {{ $orcamento->updated_at->format('d/m/Y H:i') }}
                                @endif
                            </div>
                            @if($statusAtual === \App\Enum\StatusOrcamento::CONVERTIDO_VENDA->value && $orcamento->vendas && is_object($orcamento->vendas) && $orcamento->vendas->count() > 0)
                            <div class="step-link">
                                <a href="#" onclick="carregarConteudo(`{{ route('operacoes.vendas.visualizar', $orcamento->vendas->first()->id) }}`)">
                                    Ver Venda
                                </a>
                            </div>
                            @endif
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Card para Informações Adicionais -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <h5 class="mb-0 fw-bold text-primary">
                <i class="bi bi-file-text me-2"></i>{{ __('orcamento.label_additional_information') }}
            </h5>
        </div>
        <div class="card-body">
            @if($orcamento->condicoesPagamento)
            <div class="row mb-4">
                <div class="col-md-12">
                    <h6 class="fw-semibold mb-3 text-primary">
                        <i class="bi bi-credit-card me-2"></i>{{ __('orcamento.label_payment_conditions_title') }}
                    </h6>
                    <div class="bg-light p-4 rounded-3 border-start border-4 border-primary">
                        <div class="row">
                            @if($orcamento->condicoesPagamento->forma_pagamento)
                            <div class="col-md-3 mb-2">
                                <strong>{{ __('orcamento.portal_form') }}:</strong>
                                {{ $orcamento->condicoesPagamento->formaPagamento?->nome ?? __('orcamento.label_payment_undefined') }}
                            </div>
                            @endif

                            @if($orcamento->condicoesPagamento->tipo_pagamento)
                            <div class="col-md-3 mb-2">
                                @php
                                    $tipoPagamento = trim((string) $orcamento->condicoesPagamento->tipo_pagamento);
                                    $tipoPagamentoExibicao = $tipoPagamento === 'À Vista'
                                        ? 'À Vista'
                                        : (ctype_digit($tipoPagamento) && (int) $tipoPagamento >= 2 && (int) $tipoPagamento <= 12
                                            ? $tipoPagamento . 'x Sem Juros'
                                            : $tipoPagamento);
                                @endphp
                                <strong>{{ __('orcamento.portal_type') }}:</strong> {{ $tipoPagamentoExibicao }}
                            </div>
                            @endif

                            @if($orcamento->condicoesPagamento->data_vencimento)
                            <div class="col-md-3 mb-2">
                                <strong>{{ __('orcamento.portal_due_date') }}:</strong> {{ $orcamento->condicoesPagamento->data_vencimento->format('d/m/Y') }}
                            </div>
                            @endif

                            @if($orcamento->condicoesPagamento->valor_entrada && $orcamento->condicoesPagamento->valor_entrada > 0)
                            <div class="col-md-3 mb-2">
                                <strong>Entrada:</strong> {{ $orcamento->condicoesPagamento->valor_entrada_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($orcamento->condicoesPagamento->valor_entrada, $moedaSelecionada) }}
                            </div>
                            @endif
                        </div>

                        @if($observacoesPagamento !== '')
                        <div class="mt-3">
                            <strong>{{ __('orcamento.portal_observations') }}:</strong><br>
                            <p class="mb-0 text-dark mt-1" style="line-height: 1.6;">{{ $observacoesPagamento }}</p>
                        </div>
                        @endif

                        <!-- Parcelas Reais do Banco de Dados -->
                        @if($parcelasVisualizacao->isNotEmpty())
                        <div class="mt-4 pt-3 border-top">
                            <strong class="text-primary">
                                <i class="bi bi-list-check me-2"></i>{{ __('orcamento.portal_installments_registered') }}:
                            </strong>
                            <div class="row mt-2">
                                @foreach($parcelasVisualizacao->sortBy('numero_parcela') as $parcela)
                                <div class="col-md-4 mb-2">
                                    <div class="card card-body py-2 bg-white border">
                                        <div class="d-flex justify-content-between">
                                            <small class="text-muted">
                                                @if($parcela->numero_parcela == 0)
                                                Entrada:
                                                @else
                                                Parcela {{ $parcela->numero_parcela }}:
                                                @endif
                                            </small>
                                            <small class="fw-bold text-success">
                                                {{ $parcela->valor_formatado_exibicao ?? \App\Helpers\MoneyHelper::formatarPorMoeda($parcela->valor, $moedaSelecionada) }}
                                            </small>
                                        </div>
                                        <div class="d-flex justify-content-between">
                                            <small class="text-muted">{{ __('orcamento.portal_due_date') }}:</small>
                                            <small>{{ $parcela->data_vencimento->format('d/m/Y') }}</small>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                        @endif
                    </div>
                    @else
                    <div class="row mb-4">
                        <div class="col-12 text-center py-4">
                            <i class="bi bi-info-circle text-muted" style="font-size: 2rem;"></i>
                            <p class="text-muted mt-2 mb-0">Nenhuma informação adicional cadastrada para este orçamento.</p>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>