@php
$title = 'Visualizar Orçamento';
@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">Início</a></li>
            <li class="breadcrumb-item"><a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)" class="text-decoration-none text-secondary">Orçamentos</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar Orçamento</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
            </h1>
            <span class="text-muted small">Detalhes completos do orçamento</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" onclick="carregarConteudo(`{{ route('operacoes.orcamento') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </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>Aprovar
            </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>Enviar
            </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>Cancelar
            </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>Ver Venda
            </button>
            @endif
            @endif

            <button type="button" class="btn btn-sm btn-outline-info me-2" onclick="imprimirOrcamento(`{{ $orcamento->id }}`)">
                <i class="bi bi-printer me-2"></i>Imprimir
            </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) }}`)">
                <i class="bi bi-pencil-square me-2"></i>Editar
            </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) }}`)">
                <i class="bi bi-pencil-square me-2"></i>Editar
            </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">Dados do Orçamento</span>
        </div>
        <div class="card-body">
            <div class="form-container">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Número:</label>
                        <p>{{ $orcamento->codigo }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Data:</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">Validade:</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">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">Cliente:</label>
                        <p>{{ $orcamento->cliente->razao_social }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Contato:</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">Telefone:</label>
                        <p data-mask="mobile">{{ $contatoPrincipal->telefone ?? '-' }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label fw-bold">Prazo de Entrega:</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">Observações:</label>
                    <p>{{ $orcamento->observacoes ?? '-' }}</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>Itens do Orçamento
            </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($orcamento->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">Este orçamento 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($orcamento->subtotal ?? 0, 2, ',', '.') }}
                            </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">
                                Desconto
                                @if($orcamento->subtotal > 0)
                                <small class="text-success">
                                    {{ number_format($orcamento->desconto, 1, ',', '.') }}%
                                </small>
                                @endif
                            </span>
                            <span class="text-danger fw-semibold">
                                -R$ {{ number_format($orcamento->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($orcamento->total ?? 0, 2, ',', '.') }}
                            </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>Fluxo do Orçamento
            </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>Informações Adicionais
            </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>Condições de Pagamento
                    </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>Forma:</strong>
                                @if($orcamento->condicoesPagamento->forma_pagamento == 'PIX') PIX
                                @elseif($orcamento->condicoesPagamento->forma_pagamento == 'BOLETO') Boleto
                                @elseif($orcamento->condicoesPagamento->forma_pagamento == 'CARTAO') Cartão
                                @else {{ $orcamento->condicoesPagamento->forma_pagamento }}
                                @endif
                            </div>
                            @endif

                            @if($orcamento->condicoesPagamento->tipo_pagamento)
                            <div class="col-md-3 mb-2">
                                <strong>Tipo:</strong> {{ $orcamento->condicoesPagamento->tipo_pagamento }}
                            </div>
                            @endif

                            @if($orcamento->condicoesPagamento->data_vencimento)
                            <div class="col-md-3 mb-2">
                                <strong>Vencimento:</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> R$ {{ number_format($orcamento->condicoesPagamento->valor_entrada, 2, ',', '.') }}
                            </div>
                            @endif
                        </div>

                        @if($orcamento->condicoesPagamento->observacoes)
                        <div class="mt-3">
                            <strong>Observações:</strong><br>
                            <p class="mb-0 text-dark mt-1" style="line-height: 1.6;">{{ $orcamento->condicoesPagamento->observacoes }}</p>
                        </div>
                        @endif

                        <!-- Parcelas Reais do Banco de Dados -->
                        @if($parcelas && $parcelas->count() > 0)
                        <div class="mt-4 pt-3 border-top">
                            <strong class="text-primary">
                                <i class="bi bi-list-check me-2"></i>Parcelas Cadastradas:
                            </strong>
                            <div class="row mt-2">
                                @foreach($parcelas->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">
                                                R$ {{ number_format($parcela->valor, 2, ',', '.') }}
                                            </small>
                                        </div>
                                        <div class="d-flex justify-content-between">
                                            <small class="text-muted">Vencimento:</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>