@php
use App\Enum\StatusVenda;
$title = 'Editar Venda';
$isVendaConcluida = $venda->status === StatusVenda::CONCLUIDA->value;
@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">Editar 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-pencil-square me-2 text-primary"></i>Editar Venda
                @if($isVendaConcluida)
                <span class="badge bg-success ms-2">Concluída</span>
                @endif
            </h1>
            <span class="text-muted small">
                @if($isVendaConcluida)
                Venda concluída - Visualização apenas
                @else
                Edite o status de pagamento e as parcelas
                @endif
            </span>
        </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 && !$isVendaConcluida)
            <button type="button" class="btn btn-sm btn-outline-info" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $venda->orcamento->id) }}`)">
                <i class="bi bi-file-earmark-text me-2"></i>Editar Orçamento
            </button>
            @endif
        </div>
    </div>

    @if($isVendaConcluida)
    <!-- Alert para vendas concluídas -->
    <div class="alert alert-success alert-dismissible fade show mb-4" role="alert">
        <i class="bi bi-check-circle me-2"></i>
        <strong>Venda Concluída:</strong> Esta venda foi finalizada e todas as parcelas foram pagas.
        Não é possível fazer alterações.
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @else
    <!-- Alert sobre limitações de edição -->
    <div class="alert alert-info alert-dismissible fade show mb-4" role="alert">
        <i class="bi bi-info-circle me-2"></i>
        <strong>Informação:</strong> Você pode editar o <strong>Status do Pagamento</strong> e o <strong>Status das Parcelas</strong>.
        Para alterar outros dados, edite o orçamento que automaticamente sincronizará com esta venda.
        @if($venda->orcamento)
        <a href="#" onclick="carregarConteudo(`{{ route('operacoes.orcamento.editar', $venda->orcamento->id) }}`)" class="alert-link">Editar Orçamento</a>
        @endif
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    @endif

    <!-- Dados da Venda (Read-Only) -->
    <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 (Somente Leitura)</span>
        </div>
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-md-3">
                    <label class="form-label">Código</label>
                    <input type="text" class="form-control" value="{{ $venda->codigo }}" disabled>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Cliente</label>
                    <input type="text" class="form-control" value="{{ $venda->cliente->nome_fantasia ?? 'N/A' }}" disabled>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Data da Venda</label>
                    <input type="text" class="form-control" value="{{ $venda->data_venda ? $venda->data_venda->format('d/m/Y') : 'N/A' }}" disabled>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Status da Venda</label>
                    <input type="text" class="form-control" value="{{ $venda->status }}" disabled>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-4">
                    <label class="form-label">Subtotal</label>
                    <input type="text" class="form-control" value="R$ {{ number_format($venda->subtotal ?? 0, 2, ',', '.') }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Desconto</label>
                    <input type="text" class="form-control" value="R$ {{ number_format($venda->valor_desconto ?? 0, 2, ',', '.') }}" disabled>
                </div>
                <div class="col-md-4">
                    <label class="form-label">Total</label>
                    <input type="text" class="form-control fw-bold" value="R$ {{ number_format($venda->total ?? 0, 2, ',', '.') }}" disabled>
                </div>
            </div>

            @if($venda->observacoes)
            <div class="row">
                <div class="col-md-12">
                    <label class="form-label">Observações</label>
                    <textarea class="form-control" rows="2" disabled>{{ $venda->observacoes }}</textarea>
                </div>
            </div>
            @endif
        </div>
    </div>

    <!-- Parcelas (Editável) -->
    @if($parcelas && $parcelas->count() > 0)
    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-light border-0 pb-1">
            <span class="fw-bold">
                <i class="bi bi-{{ $isVendaConcluida ? 'eye' : 'calendar-check' }} me-2"></i>
                Parcelas {{ $isVendaConcluida ? '(Visualização)' : '(Editável)' }}
            </span>
        </div>
        <div class="card-body">
            <form id="formEditarVenda" class="needs-validation" novalidate>
                @csrf
                <div class="table-responsive">
                    <table class="table table-hover table-striped">
                        <thead class="table-light">
                            <tr>
                                <th class="text-center" style="width: 10%;">Parcela</th>
                                <th class="text-center" style="width: 15%;">Valor</th>
                                <th class="text-center" style="width: 15%;">Vencimento</th>
                                <th class="text-center" style="width: 15%;">Status</th>
                                <th class="text-center" style="width: 20%;">Data Pagamento</th>
                                <th class="text-center" style="width: 25%;">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($parcelas as $index => $parcela)
                            @php
                                // Verificar se a parcela está paga
                                $parcelaPaga = $parcela->status === \App\Enum\StatusParcela::PAGO->value;
                                
                                // Verificar se a parcela está vencida (não paga e data vencimento passou)
                                $parcelaVencida = false;
                                $statusAtual = $parcela->status;
                                
                                if ($parcela->status !== \App\Enum\StatusParcela::PAGO->value && $parcela->data_vencimento && $parcela->data_vencimento->startOfDay()->lt(now()->startOfDay())) {
                                    $parcelaVencida = true;
                                    $statusAtual = \App\Enum\StatusParcela::VENCIDO->value;
                                } elseif ($parcela->status === \App\Enum\StatusParcela::VENCIDO->value) {
                                    $parcelaVencida = true;
                                }
                            @endphp
                            <tr>
                                <td class="text-center align- middle">
                                    @if($parcela->numero_parcela == 0)
                                    <span class="badge bg-success text-white">Entrada</span>
                                    @else
                                    @php
                                    $totalParcelas = $parcelas->count();
                                    $temEntrada = $parcelas->where('numero_parcela', 0)->count() > 0;
                                    @endphp
                                    <span class="badge bg-light text-dark">{{ $parcela->numero_parcela }}/{{ $temEntrada ? $totalParcelas - 1 : $totalParcelas }}</span>
                                    @endif
                                </td>
                                <td class="text-center align-middle">
                                    <strong>R$ {{ number_format($parcela->valor, 2, ',', '.') }}</strong>
                                </td>
                                <td class="text-center align-middle">
                                    {{ $parcela->data_vencimento ? $parcela->data_vencimento->format('d/m/Y') : 'N/A' }}
                                </td>
                                <td class="text-center align-middle">
                                    @if($isVendaConcluida || $parcelaPaga)
                                    @if($statusAtual === \App\Enum\StatusParcela::PAGO->value)
                                    <span class="badge bg-success">Pago</span>
                                    @elseif($statusAtual === \App\Enum\StatusParcela::PENDENTE->value)
                                    <span class="badge bg-warning">Pendente</span>
                                    @elseif($statusAtual === \App\Enum\StatusParcela::VENCIDO->value)
                                    <span class="badge bg-danger">Vencido</span>
                                    @else
                                    <span class="badge bg-secondary">{{ $statusAtual }}</span>
                                    @endif
                                    @else
                                    <select class="form-select form-select-sm" name="parcelas[{{ $index }}][status]" id="status_parcela_{{ $parcela->id }}">
                                        @if($parcelaVencida)
                                            {{-- Para parcelas vencidas: apenas VENCIDO e PAGO --}}
                                            <option value="{{ \App\Enum\StatusParcela::VENCIDO->value }}" selected>Vencido</option>
                                            <option value="{{ \App\Enum\StatusParcela::PAGO->value }}">Pago</option>
                                        @else
                                            {{-- Para parcelas pendentes: todas as opções --}}
                                            <option value="{{ \App\Enum\StatusParcela::PENDENTE->value }}" {{ $statusAtual === \App\Enum\StatusParcela::PENDENTE->value ? 'selected' : '' }}>Pendente</option>
                                            <option value="{{ \App\Enum\StatusParcela::PAGO->value }}" {{ $statusAtual === \App\Enum\StatusParcela::PAGO->value ? 'selected' : '' }}>Pago</option>
                                            <option value="VENCIDO" {{ $statusAtual === 'VENCIDO' ? 'selected' : '' }}>Vencido</option>
                                        @endif
                                    </select>
                                    <input type="hidden" name="parcelas[{{ $index }}][id]" value="{{ $parcela->id }}">
                                    @endif
                                </td>
                                <td class="text-center align-middle">
                                    @if($isVendaConcluida || $parcelaPaga)
                                    {{ $parcela->data_pagamento ? $parcela->data_pagamento->format('d/m/Y H:i') : '-' }}
                                    @else
                                    <input type="text"
                                        class="form-control form-control-sm datepicker"
                                        name="parcelas[{{ $index }}][data_pagamento]"
                                        id="data_pagamento_{{ $parcela->id }}"
                                        value="{{ $parcela->data_pagamento ? $parcela->data_pagamento->format('d/m/Y') : '' }}"
                                        placeholder="dd/mm/aaaa"
                                        autocomplete="off">
                                    @endif
                                </td>
                                <td class="text-center align-middle">
                                    @if(!$isVendaConcluida && !$parcelaPaga)
                                        @if($parcelaVencida)
                                            {{-- Para parcelas vencidas: apenas botão de marcar como pago --}}
                                            <i class="bi bi-check-circle icon-action edit"
                                                data-parcela-id="{{ $parcela->id }}"
                                                data-status="{{ \App\Enum\StatusParcela::PAGO->value }}"
                                                onclick="marcarComoRapidoClick(this)"
                                                data-bs-toggle="tooltip"
                                                title="Marcar como Pago"></i>
                                        @else
                                            {{-- Para parcelas pendentes: ambos os botões --}}
                                            <i class="bi bi-check-circle icon-action edit"
                                                data-parcela-id="{{ $parcela->id }}"
                                                data-status="PAGO"
                                                onclick="marcarComoRapidoClick(this)"
                                                data-bs-toggle="tooltip"
                                                title="Marcar como Pago"></i>
                                            <i class="bi bi-clock icon-action view"
                                                data-parcela-id="{{ $parcela->id }}"
                                                data-status="PENDENTE"
                                                onclick="marcarComoRapidoClick(this)"
                                                data-bs-toggle="tooltip"
                                                title="Marcar como Pendente"></i>
                                        @endif
                                    @else
                                    <span class="text-muted small">
                                        @if($parcelaPaga)
                                            Pago
                                        @else
                                            Finalizada
                                        @endif
                                    </span>
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if(!$isVendaConcluida)
                <div class="d-grid gap-2 d-md-flex justify-content-md-end mt-4">
                    <button type="button" class="btn btn-outline-secondary me-md-2" onclick="carregarConteudo(`{{ route('operacoes.vendas') }}`)">
                        <i class="bi bi-x-circle me-2"></i>Cancelar
                    </button>
                    <button type="button" class="btn btn-primary" onclick="atualizar(`{{ route('operacoes.vendas.update', $venda->id) }}`, 'formEditarVenda')">
                        <i class="bi bi-check-circle me-2"></i>Atualizar
                    </button>
                </div>
                @endif
            </form>
        </div>
    </div>
    @endif
</div>