@php
$title = 'Visualizar Compra';
@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('suprimentos.compras') }}`)" class="text-decoration-none text-secondary">Compras</a></li>
            <li class="breadcrumb-item active text-dark" aria-current="page">Visualizar</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>{{ $compra->numero_pedido }}
            </h1>
            <span class="text-muted small">{{ $compra->fornecedor->razao_social ?? '-' }}</span>
        </div>
        <div>
            <button type="button" class="btn btn-sm btn-outline-secondary me-2" 
                    onclick="carregarConteudo(`{{ route('suprimentos.compras') }}`)">
                <i class="bi bi-arrow-left me-2"></i>Voltar
            </button>
            
            @if($compra->status == 'ABERTA')
                <button type="button" class="btn btn-sm btn-success me-2" 
                        onclick="carregarConteudo(`{{ route('suprimentos.compras.receber', $compra->id) }}`)">
                    <i class="bi bi-box-arrow-in-down me-2"></i>Receber Compra
                </button>
            @endif

            @if($compra->status !== 'RECEBIDA')
                <button type="button" class="btn btn-sm btn-outline-primary" 
                        onclick="carregarConteudo(`{{ route('suprimentos.compras.editar', $compra->id) }}`)">
                    <i class="bi bi-pencil-square me-2"></i>Editar
                </button>
            @endif

            @if($compra->status == 'ABERTA')
                <button type="button" class="btn btn-sm btn-secondary ms-2" 
                        onclick="cancelarCompra({{ $compra->id }})">
                    <i class="bi bi-x-circle me-2"></i>Cancelar
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger ms-2" 
                        onclick="excluir(`{{ route('compras.destroy', $compra->id) }}`)">
                    <i class="bi bi-trash me-2"></i>Excluir
                </button>
            @endif

            @if($compra->status == 'CANCELADA')
                <button type="button" class="btn btn-sm btn-success ms-2" 
                        onclick="reabrirCompra({{ $compra->id }})">
                    <i class="bi bi-arrow-clockwise me-2"></i>Reabrir
                </button>
                <button type="button" class="btn btn-sm btn-outline-danger ms-2" 
                        onclick="excluir(`{{ route('compras.destroy', $compra->id) }}`)">
                    <i class="bi bi-trash me-2"></i>Excluir
                </button>
            @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 da Compra</span>
        </div>
        <div class="card-body">
            
            <h5 class="mb-3">Informações Gerais</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Número do Pedido</label>
                        <p class="form-control-plaintext">{{ $compra->numero_pedido }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Data da Compra</label>
                        <p class="form-control-plaintext">{{ $compra->data_compra ? $compra->data_compra->format('d/m/Y') : '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Código de Rastreio</label>
                        <p class="form-control-plaintext">{{ $compra->codigo_rastreio ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Status</label>
                        <p class="form-control-plaintext">
                            @if($compra->status == 'PENDENTE')
                                <span class="badge bg-warning text-dark">Pendente</span>
                            @elseif($compra->status == 'RECEBIDA')
                                <span class="badge bg-success">Recebida</span>
                            @elseif($compra->status == 'CANCELADA')
                                <span class="badge bg-danger">Cancelada</span>
                            @else
                                <span class="badge bg-secondary">{{ ucfirst(strtolower($compra->status)) }}</span>
                            @endif
                        </p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-12">
                        <label class="form-label fw-bold">Fornecedor</label>
                        <p class="form-control-plaintext">{{ $compra->fornecedor->razao_social ?? '-' }}</p>
                    </div>
                </div>
            </div>

            @if($compra->status == 'RECEBIDA')
            <hr class="my-4">
            <h5 class="mb-3">Informações do Recebimento</h5>
            <div class="border rounded p-3 mb-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Data de Recebimento</label>
                        <p class="form-control-plaintext">{{ $compra->data_recebimento ? $compra->data_recebimento->format('d/m/Y') : '-' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Número da NF</label>
                        <p class="form-control-plaintext">{{ $compra->numero_nota_fiscal ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Série da NF</label>
                        <p class="form-control-plaintext">{{ $compra->serie_nota_fiscal ?? 'Não informado' }}</p>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label fw-bold">Chave de Acesso NFe</label>
                        <p class="form-control-plaintext">{{ $compra->chave_acesso_nfe ?? 'Não informado' }}</p>
                    </div>
                </div>
            </div>
            @endif

            @if($compra->observacoes)
            <hr class="my-4">
            <h5 class="mb-3">Observações</h5>
            <div class="border rounded p-3" style="border-color: #dee2e6 !important;">
                <p class="mb-0">{{ $compra->observacoes }}</p>
            </div>
            @endif
        </div>
    </div>

    <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 Compra
            </h5>
        </div>
        <div class="card-body p-0">
            <div class="mx-auto" style="width: 95%;">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead>
                            <tr>
                                <th>Produto</th>
                                <th class="text-center">Quantidade</th>
                                <th class="text-center">Unidade</th>
                                <th class="text-end">Valor Unitário</th>
                                <th class="text-end">Valor Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($compra->itens as $item)
                            <tr>
                                <td>{{ $item->produto->nome ?? '-' }}</td>
                                <td class="text-center">{{ number_format($item->quantidade, 2, ',', '.') }}</td>
                                <td class="text-center">
                                    {{ $item->unidade->unidade ?? '-' }} ({{ $item->unidade->tipo ?? '-' }})
                                </td>
                                <td class="text-end">R$ {{ number_format($item->valor_unitario, 2, ',', '.') }}</td>
                                <td class="text-end">R$ {{ number_format($item->valor_total, 2, ',', '.') }}</td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="5" class="text-center text-muted">Nenhum item encontrado</td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="card shadow border-0 mb-4">
        <div class="card-header bg-white border-0 pb-1">
            <span class="fw-bold">Totalizadores</span>
        </div>
        <div class="card-body">
            <div class="border rounded p-3" style="border-color: #dee2e6 !important;">
                <div class="row mb-3">
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Total Geral</label>
                        <p class="form-control-plaintext fs-5">
                            R$ {{ number_format($compra->itens->sum('valor_total'), 2, ',', '.') }}
                        </p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Desconto ({{ number_format($compra->desconto_percentual ?? 0, 2, ',', '.') }}%)</label>
                        <p class="form-control-plaintext text-danger fs-5">
                            - R$ {{ number_format(($compra->itens->sum('valor_total') * ($compra->desconto_percentual ?? 0) / 100), 2, ',', '.') }}
                        </p>
                    </div>
                    <div class="col-md-4">
                        <label class="form-label fw-bold">Valor Final</label>
                        <p class="form-control-plaintext text-primary fs-4 fw-bold">
                            R$ {{ number_format($compra->valor_total ?? 0, 2, ',', '.') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>