@extends('layouts.app')

@section('titulo', "Pedido de Compra {$pedido->numero}")
@section('subtitulo', 'Compras')

@section('acoes')
    @can('compras.editar')
        @if (in_array($pedido->status, ['aberto','recebido_parcial'], true))
            <a href="{{ route('compras.pedidos.recebimento.form', $pedido) }}" class="btn btn-primary btn-sm">Registrar Recebimento</a>
        @endif
        @if ($pedido->status === 'aberto')
            <form method="POST" action="{{ route('compras.pedidos.cancelar', $pedido) }}" class="d-inline" onsubmit="return confirm('Cancelar este pedido de compra?');">
                @csrf
                <button type="submit" class="btn btn-outline-danger btn-sm">Cancelar</button>
            </form>
        @endif
    @endcan
@endsection

@section('conteudo')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Status</div>
            <div class="kpi-value h6 mb-0"><span class="badge-status {{ $pedido->status === 'recebido_total' ? 'finalizado' : ($pedido->status === 'cancelado' ? 'cancelado' : 'pendente') }}">{{ str_replace('_',' ',$pedido->status) }}</span></div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Valor Total</div>
            <div class="kpi-value">R$ {{ number_format($pedido->valor_total, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Fornecedor</div>
            <div class="kpi-value h6 mb-0">{{ $pedido->fornecedor->nome_fantasia ?: $pedido->fornecedor->razao_social }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Previsão de Entrega</div>
            <div class="kpi-value h6 mb-0">{{ $pedido->previsao_entrega?->format('d/m/Y') ?? '—' }}</div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-8">
        <div class="card mb-3">
            <div class="card-header">Itens do Pedido</div>
            <div class="card-body p-0">
                <table class="table mb-0">
                    <thead>
                        <tr>
                            <th>Produto</th>
                            <th class="text-end">Quantidade</th>
                            <th class="text-end">Recebido</th>
                            <th class="text-end">Pendente</th>
                            <th class="text-end">Preço Unit.</th>
                            <th class="text-end">Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($pedido->itens as $item)
                            <tr>
                                <td>{{ $item->produto->descricao }}</td>
                                <td class="text-end">{{ number_format($item->quantidade, 3, ',', '.') }} {{ $item->produto->unidade->sigla ?? '' }}</td>
                                <td class="text-end text-muted-sm">{{ number_format($item->quantidade_recebida, 3, ',', '.') }}</td>
                                <td class="text-end {{ $item->quantidade_pendente > 0 ? 'text-danger' : 'text-muted-sm' }}">{{ number_format($item->quantidade_pendente, 3, ',', '.') }}</td>
                                <td class="text-end text-money">R$ {{ number_format($item->preco_unitario, 4, ',', '.') }}</td>
                                <td class="text-end text-money">R$ {{ number_format($item->valor_total, 2, ',', '.') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="5" class="text-end fw-bold">Total</td>
                            <td class="text-end text-money fw-bold">R$ {{ number_format($pedido->valor_total, 2, ',', '.') }}</td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        @if ($pedido->recebimentos->isNotEmpty())
        <div class="card">
            <div class="card-header">Recebimentos</div>
            <div class="card-body p-0">
                @foreach ($pedido->recebimentos as $recebimento)
                    <div class="p-3 border-bottom">
                        <div class="d-flex justify-content-between mb-2">
                            <strong>{{ $recebimento->data_recebimento->format('d/m/Y') }}</strong>
                            <span class="text-muted-sm">NF: {{ $recebimento->numero_nota_fiscal ?? '—' }}</span>
                        </div>
                        <table class="table table-sm mb-0">
                            <tbody>
                                @foreach ($recebimento->itens as $item)
                                    <tr>
                                        <td>{{ $item->produto->descricao }}</td>
                                        <td class="text-end">{{ number_format($item->quantidade_recebida, 3, ',', '.') }}</td>
                                        <td class="text-muted-sm">{{ $item->numero_lote ?? '—' }}</td>
                                        <td class="text-muted-sm">{{ $item->data_validade?->format('d/m/Y') ?? '—' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endforeach
            </div>
        </div>
        @endif
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">Observações</div>
            <div class="card-body small">
                {{ $pedido->observacoes ?: 'Nenhuma observação.' }}
            </div>
        </div>
    </div>
</div>
@endsection