@php
$title = 'Visualizar Venda';
@endphp

<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">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('operacoes.vendas') }}`)" class="text-decoration-none text-secondary">Vendas</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar Venda</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>Detalhes da Venda
            </h1>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="carregarConteudo(`{{ route('operacoes.vendas') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
            @if($venda->orcamento)
                <button type="button" class="btn btn-sm btn-outline-info" onclick="carregarConteudo(`{{ route('operacoes.orcamento.visualizar', $venda->orcamento->id) }}`)">
                    <i class="bi bi-file-earmark-text me-2"></i>Ver Orçamento
                </button>
            @endif
            
            @php
                // Verificar se já existe OP para esta venda
                $ordemProducao = $venda->ordensProducao->first();
            @endphp
            
            @if($ordemProducao)
                <!-- Botão para visualizar OP existente -->
                <button type="button" class="btn btn-sm btn-success" onclick="carregarConteudo(`{{ route('producao.ordens.visualizar', $ordemProducao->id) }}`)">
                    <i class="bi bi-gear me-2"></i>Ver OP {{ $ordemProducao->numero_ordem }}
                </button>
            @else
                <!-- Botão para gerar nova OP -->
                <button type="button" class="btn btn-sm btn-primary" onclick="gerarOrdemProducao({{ $venda->id }})">
                    <i class="bi bi-plus-circle me-2"></i>Gerar OP
                </button>
            @endif
            
            @if($venda->podeSerEditada())
                <button type="button" class="btn btn-sm btn-outline-warning" onclick="carregarConteudo(`{{ route('operacoes.vendas.editar', $venda->id) }}`)">
                    <i class="bi bi-pencil-square me-2"></i>Editar
                </button>
            @endif
        </div>
    </div>

    <!-- Dados Principais -->
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Informações da Venda</span>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label fw-bold">Código</label>
                    <p class="mb-0">{{ $venda->codigo }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Cliente</label>
                    <p class="mb-0">{{ $venda->cliente->nome_fantasia ?? 'N/A' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Data da Venda</label>
                    <p class="mb-0">{{ $venda->data_venda ? $venda->data_venda->format('d/m/Y') : 'N/A' }}</p>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-bold">Status</label>
                    <p class="mb-0">
                        @if($venda->status == 'Concluída')
                            <span class="badge bg-success">{{ $venda->status }}</span>
                        @elseif($venda->status == 'Pendente')
                            <span class="badge bg-warning text-dark">{{ $venda->status }}</span>
                        @elseif($venda->status == 'Cancelada')
                            <span class="badge bg-secondary">{{ $venda->status }}</span>
                        @else
                            <span class="badge bg-info">{{ $venda->status }}</span>
                        @endif
                    </p>
                </div>
            </div>
            
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label fw-bold">Forma de Pagamento</label>
                    <p class="mb-0">{{ $venda->formaPagamento->nome ?? 'N/A' }}</p>
                </div>
                @if($venda->orcamento)
                <div class="col-md-3">
                    <label class="form-label fw-bold">Orçamento de Origem</label>
                    <p class="mb-0">
                        <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.visualizar', $venda->orcamento->id) }}`)" class="text-primary text-decoration-none">
                            <i class="bi bi-file-earmark-text me-1"></i>{{ $venda->orcamento->codigo }}
                        </a>
                    </p>
                </div>
                @endif
            </div>
            
            @if($venda->observacoes)
            <div class="row">
                <div class="col-md-12">
                    <label class="form-label fw-bold">Observações</label>
                    <p class="mb-0">{{ $venda->observacoes }}</p>
                </div>
            </div>
            @endif
        </div>
    </div>

    <!-- Itens da Venda -->
    <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>Itens da Venda
            </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: 5%;">#</th>
                                <th class="px-3 py-3 text-center" style="width: 10%;">Tipo</th>
                                <th class="px-3 py-3" style="width: 28%;">Item</th>
                                <th class="px-3 py-3" style="width: 22%;">Descrição</th>
                                <th class="px-3 py-3 text-center" style="width: 8%;">Qtd</th>
                                <th class="px-3 py-3 text-center" style="width: 9%;">Unidade</th>
                                <th class="px-3 py-3 text-end" style="width: 9%;">Valor Unit.</th>
                                <th class="px-4 py-3 text-end" style="width: 9%;">Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($venda->itens ?? [] 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 text-center">
                                    @if($item->tipo_item === 'SERVICO')
                                        <span class="badge bg-primary">Serviço</span>
                                    @else
                                        <span class="badge bg-success">Produto</span>
                                    @endif
                                </td>
                                <td class="px-3 py-3">
                                    <div class="fw-semibold text-dark">
                                        @if($item->tipo_item === 'SERVICO')
                                            {{ $item->servico?->nome ?? 'Serviço não definido' }}
                                        @else
                                            {{ $item->produto?->nome ?? 'Produto não definido' }}
                                        @endif
                                    </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">{{ number_format($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">R$ {{ number_format($item->valor_unitario, 2, ',', '.') }}</span>
                                </td>
                                <td class="px-4 py-3 text-end">
                                    <span class="fw-bold text-primary">R$ {{ number_format($item->valor_total, 2, ',', '.') }}</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">Esta venda ainda não possui itens.</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>
                            Resumo Financeiro
                        </h6>

                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <span class="text-muted fw-medium">Subtotal:</span>
                            <span class="fw-semibold">
                                R$ {{ number_format($venda->subtotal ?? 0, 2, ',', '.') }}
                            </span>
                        </div>

                        @if(($venda->desconto ?? 0) > 0)
                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <span class="text-muted fw-medium">
                                Desconto
                                @if($venda->subtotal > 0)
                                <small class="text-success">
                                    {{ number_format($venda->desconto, 1, ',', '.') }}%
                                </small>
                                @endif
                            </span>
                            <span class="text-danger fw-semibold">
                                -R$ {{ number_format($venda->valor_desconto ?? 0, 2, ',', '.') }}
                            </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;">
                                Total Geral:
                            </span>
                            <span class="fw-bold text-primary" style="font-size: 1.3rem;">
                                R$ {{ number_format($venda->total ?? 0, 2, ',', '.') }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Condições de Pagamento (do Orçamento) -->
    @if($venda->orcamento && ($venda->orcamento->forma_pagamento_preferida || $venda->orcamento->tipo_pagamento))
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <h6 class="fw-bold text-primary mb-0 d-flex align-items-center">
                <i class="bi bi-credit-card me-2"></i>Condições de Pagamento
            </h6>
        </div>
        <div class="card-body">
            <div class="bg-light p-4 rounded-3 border-start border-4 border-primary">
                <div class="row">
                    @if($venda->orcamento->forma_pagamento_preferida)
                    <div class="col-md-3 mb-2">
                        <strong>Forma:</strong> 
                        @if($venda->orcamento->forma_pagamento_preferida == 'PIX') PIX
                        @elseif($venda->orcamento->forma_pagamento_preferida == 'BOLETO') Boleto
                        @elseif($venda->orcamento->forma_pagamento_preferida == 'CARTAO') Cartão
                        @else {{ $venda->orcamento->forma_pagamento_preferida }}
                        @endif
                    </div>
                    @endif
                    
                    @if($venda->orcamento->tipo_pagamento)
                    <div class="col-md-3 mb-2">
                        <strong>Tipo:</strong> 
                        @if($venda->orcamento->tipo_pagamento == 'A_VISTA') À Vista
                        @elseif($venda->orcamento->tipo_pagamento == 'PARCELADO_3X') Parcelado 3x
                        @elseif($venda->orcamento->tipo_pagamento == 'PARCELADO_6X') Parcelado 6x
                        @else {{ $venda->orcamento->tipo_pagamento }}
                        @endif
                    </div>
                    @endif
                    
                    @if($venda->orcamento->data_vencimento_preferida)
                    <div class="col-md-3 mb-2">
                        <strong>Vencimento:</strong> {{ $venda->orcamento->data_vencimento_preferida->format('d/m/Y') }}
                    </div>
                    @endif
                    
                    @if($venda->orcamento->valor_entrada && $venda->orcamento->valor_entrada > 0)
                    <div class="col-md-3 mb-2">
                        <strong>Entrada:</strong> R$ {{ number_format($venda->orcamento->valor_entrada, 2, ',', '.') }}
                    </div>
                    @endif
                </div>
                
                @if($venda->orcamento->observacoes_pagamento)
                <div class="mt-3">
                    <strong>Observações:</strong><br>
                    <p class="mb-0 text-dark mt-1" style="line-height: 1.6;">{{ $venda->orcamento->observacoes_pagamento }}</p>
                </div>
                @endif
            </div>
        </div>
    </div>
    @endif

    <!-- Parcelas (se existir) -->
    @php
        // Corrigido: usando método parcelas que busca do orçamento (fonte única da verdade)
        $parcelasVenda = $venda->parcelas;
        
        // Verificar e atualizar status das parcelas vencidas
        $dataAtual = now()->startOfDay();
        if ($parcelasVenda) {
            foreach ($parcelasVenda as $parcela) {
                if ($parcela->status !== \App\Enum\StatusParcela::PAGO->value && $parcela->data_vencimento && $parcela->data_vencimento->startOfDay()->lt($dataAtual)) {
                    $parcela->status = \App\Enum\StatusParcela::VENCIDO->value;
                }
            }
        }
    @endphp
    @if($parcelasVenda && $parcelasVenda->count() > 0)
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">
                <i class="bi bi-credit-card me-2"></i>Parcelas ({{ $parcelasVenda->count() }})
            </span>
        </div>
        <div class="card-body p-0">
            <!-- Resumo do Parcelamento -->
            @php
                $dataAtual = now()->startOfDay();
                $totalPago = 0;
                $totalVencido = 0;
                $totalPendente = 0;
                
                // Calcular totais com verificação de vencimento em tempo real
                foreach ($parcelasVenda as $parcela) {
                    if ($parcela->status == \App\Enum\StatusParcela::PAGO->value) {
                        $totalPago += $parcela->valor;
                    } elseif ($parcela->data_vencimento && $parcela->data_vencimento->startOfDay()->lt($dataAtual)) {
                        // Parcela vencida (não paga e vencimento passou)
                        $totalVencido += $parcela->valor;
                    } else {
                        // Parcela pendente (não paga e ainda não venceu)
                        $totalPendente += $parcela->valor;
                    }
                }
                
                $totalAReceber = $totalPendente; // Apenas parcelas pendentes (não vencidas)
                $percentualPago = $venda->total > 0 ? ($totalPago / $venda->total) * 100 : 0;
                $percentualVencido = $venda->total > 0 ? ($totalVencido / $venda->total) * 100 : 0;
                $percentualAReceber = $venda->total > 0 ? ($totalAReceber / $venda->total) * 100 : 0;
            @endphp
            
            <!-- Container com largura de 95% para alinhar com a tabela -->
            <div class="mx-auto" style="width: 95%;">
                <div class="px-4 py-3 bg-light border-bottom">
                    <div class="row text-center">
                        <div class="col-md-3">
                            <div class="d-flex flex-column">
                                <span class="text-muted small">Total do Parcelamento</span>
                                <span class="fw-bold text-primary">R$ {{ number_format($venda->total, 2, ',', '.') }}</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="d-flex flex-column">
                                <span class="text-muted small">Valor Recebido</span>
                                <span class="fw-bold text-success">R$ {{ number_format($totalPago, 2, ',', '.') }}</span>
                                <span class="text-success small">({{ number_format($percentualPago, 1) }}%)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="d-flex flex-column">
                                <span class="text-muted small">Valor Vencido</span>
                                <span class="fw-bold text-danger">R$ {{ number_format($totalVencido, 2, ',', '.') }}</span>
                                <span class="text-danger small">({{ number_format($percentualVencido, 1) }}%)</span>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="d-flex flex-column">
                                <span class="text-muted small">Valor a Receber</span>
                                <span class="fw-bold {{ $totalAReceber > 0 ? 'text-warning' : 'text-success' }}">
                                    R$ {{ number_format($totalAReceber, 2, ',', '.') }}
                                </span>
                                <span class="{{ $totalAReceber > 0 ? 'text-warning' : 'text-success' }} small">
                                    ({{ number_format($percentualAReceber, 1) }}%)
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Tabela de Parcelas -->
            <div class="mx-auto" style="width: 95%;">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th class="px-4 py-3">Parcela</th>
                                <th class="px-3 py-3">Valor</th>
                                <th class="px-3 py-3">Vencimento</th>
                                <th class="px-3 py-3">Status</th>
                                <th class="px-3 py-3 text-center">Data Pagamento</th>
                                <th class="px-3 py-3 text-center">Nota Fiscal</th>
                            </tr>
                        </thead>
                    <tbody>
                        @php
                            $parcelasOrdenadas = $parcelasVenda->sortBy(function($parcela) {
                                // Entrada sempre vem primeiro (numero_parcela = 0)
                                if ($parcela->numero_parcela == 0) {
                                    return -1;
                                }
                                return $parcela->numero_parcela;
                            });
                        @endphp
                        
                        @foreach($parcelasOrdenadas as $parcela)
                        @php
                            // Verificar se a parcela está vencida (não paga e data de vencimento menor que hoje)
                            $statusParcela = $parcela->status;
                            if ($statusParcela !== \App\Enum\StatusParcela::PAGO->value && $parcela->data_vencimento && $parcela->data_vencimento->startOfDay()->lt(now()->startOfDay())) {
                                $statusParcela = \App\Enum\StatusParcela::VENCIDO->value;
                            }
                        @endphp
                        <tr>
                            <td class="px-4 py-3">
                                <span class="fw-semibold">
                                    @if($parcela->numero_parcela == 0)
                                        Entrada
                                    @else
                                        {{ $parcela->numero_parcela }}ª parcela
                                    @endif
                                </span>
                            </td>
                            <td class="px-3 py-3">
                                <span class="fw-semibold">R$ {{ number_format($parcela->valor, 2, ',', '.') }}</span>
                            </td>
                            <td class="px-3 py-3">
                                {{ $parcela->data_vencimento ? $parcela->data_vencimento->format('d/m/Y') : 'N/A' }}
                            </td>
                            <td class="px-3 py-3">
                                @if($statusParcela == \App\Enum\StatusParcela::PAGO->value)
                                    <span class="badge bg-success">Pago</span>
                                @elseif($statusParcela == \App\Enum\StatusParcela::PENDENTE->value)
                                    <span class="badge bg-warning text-dark">Pendente</span>
                                @elseif($statusParcela == \App\Enum\StatusParcela::VENCIDO->value)
                                    <span class="badge bg-danger">Vencido</span>
                                @else
                                    <span class="badge bg-secondary">{{ $statusParcela }}</span>
                                @endif
                            </td>
                            <td class="px-3 py-3 text-center">
                                @if($parcela->data_pagamento)
                                    @php
                                        $dataPagamento = $parcela->data_pagamento;
                                        // Se a hora for 00:00, mostra apenas a data
                                        if ($dataPagamento->format('H:i') === '00:00') {
                                            echo $dataPagamento->format('d/m/Y');
                                        } else {
                                            // Se tem hora real, mostra data e hora
                                            echo $dataPagamento->format('d/m/Y H:i');
                                        }
                                    @endphp
                                @else
                                    -
                                @endif
                            </td>
                            <td class="px-3 py-3 text-center">
                                @if($statusParcela == 'PAGO')
                                    <a href="#" class="text-danger" title="Download Nota Fiscal" onclick="downloadNotaFiscal('{{ $parcela->id }}'); return false;">
                                        <i class="bi bi-file-earmark-pdf" style="font-size: 1.2rem;"></i>
                                    </a>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                </div>
            </div>
        </div>
    </div>
    @endif
</div>

<script>
function gerarOrdemProducao(vendaId) {
    abrirModalConfirmacao(
        'Deseja gerar uma Ordem de Produção para esta venda?<br><br>' +
        'Serão incluídos:<br>' +
        '• Todos os produtos da venda<br>' +
        '• Serviços (exceto Instalação e Manutenção)',
        function() {
            mostrarLoader();
            
            $.ajax({
                url: `/producao/ordens/criar-da-venda/${vendaId}`,
                type: 'POST',
                dataType: 'json',
                success: function(data) {
                    esconderLoader();
                    
                    if (data.sucesso) {
                        toastr.success(
                            `Ordem de Produção ${data.numero_ordem} criada com sucesso!`,
                            'OP Criada!'
                        );
                        
                        // Redirecionar para visualização da OP
                        setTimeout(() => {
                            carregarConteudo(`/producao/ordens/visualizar/${data.ordem_id}`);
                        }, 1000);
                    } else {
                        toastr.error(data.mensagem || 'Erro ao gerar Ordem de Produção', 'Erro');
                    }
                },
                error: function(xhr) {
                    esconderLoader();
                    const mensagem = xhr.responseJSON?.mensagem || 'Erro ao comunicar com o servidor';
                    toastr.error(mensagem, 'Erro');
                }
            });
        }
    );
}

function downloadNotaFiscal(parcelaId) {
    toastr.info('Funcionalidade em desenvolvimento', 'Download NF');
}
</script>