@extends('layouts.app')

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

@section('acoes')
    @if (in_array($pedido->status, ['criado','separacao','producao'], true))
        @can('pedidos.editar')
            <a href="{{ route('pedidos.edit', $pedido) }}" class="btn btn-outline-secondary btn-sm">Editar</a>
        @endcan
    @endif

    @can('pedidos.editar')
        @if ($pedido->proximo_status)
            <form method="POST" action="{{ route('pedidos.avancar-status', $pedido) }}" class="d-inline">
                @csrf
                <button type="submit" class="btn btn-primary btn-sm">
                    Avançar para "{{ $pedido->proximo_status }}"
                </button>
            </form>
        @endif

        @if (! in_array($pedido->status, ['finalizado','cancelado'], true))
            <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#modalCancelar">
                Cancelar Pedido
            </button>
        @endif
    @endcan

    @if ($pedido->status === 'criado')
        @can('pedidos.excluir')
            <form method="POST" action="{{ route('pedidos.destroy', $pedido) }}" class="d-inline" onsubmit="return confirm('Excluir este pedido?');">
                @csrf
                @method('DELETE')
                <button type="submit" class="btn btn-outline-danger btn-sm">Excluir</button>
            </form>
        @endcan
    @endif
@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 }}">{{ $pedido->status }}</span></div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Valor Líquido</div>
            <div class="kpi-value">R$ {{ number_format($pedido->valor_liquido, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Cliente</div>
            <div class="kpi-value h6 mb-0">{{ $pedido->cliente->nome_fantasia ?: $pedido->cliente->razao_social }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Vendedor</div>
            <div class="kpi-value h6 mb-0">{{ $pedido->vendedor->name }}</div>
            @if ($pedido->comissao)
                <div class="kpi-delta text-muted-sm">
                    Comissão: R$ {{ number_format($pedido->comissao->valor_comissao, 2, ',', '.') }}
                    <span class="badge-status {{ $pedido->comissao->status }} ms-1">{{ $pedido->comissao->status }}</span>
                </div>
            @endif
        </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">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Produto</th>
                                <th class="text-end">Qtd.</th>
                                <th class="text-end">Preço Unit.</th>
                                <th class="text-end">Desc. %</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-money">R$ {{ number_format($item->preco_unitario, 4, ',', '.') }}</td>
                                    <td class="text-end">{{ number_format($item->desconto_percentual, 2, ',', '.') }}%</td>
                                    <td class="text-end text-money">R$ {{ number_format($item->valor_total, 2, ',', '.') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="4" class="text-end text-muted-sm">Valor Bruto</td>
                                <td class="text-end text-money">R$ {{ number_format($pedido->valor_bruto, 2, ',', '.') }}</td>
                            </tr>
                            @if ((float) $pedido->desconto_valor > 0 || (float) $pedido->desconto_percentual > 0)
                            <tr>
                                <td colspan="4" class="text-end text-muted-sm">
                                    Desconto
                                    @if ($pedido->desconto_percentual > 0)
                                        ({{ number_format($pedido->desconto_percentual, 2, ',', '.') }}%)
                                    @endif
                                </td>
                                <td class="text-end text-money text-danger">- R$ {{ number_format($pedido->desconto_valor + ($pedido->valor_bruto * $pedido->desconto_percentual / 100), 2, ',', '.') }}</td>
                            </tr>
                            @endif
                            <tr>
                                <td colspan="4" class="text-end fw-bold">Valor Líquido</td>
                                <td class="text-end text-money fw-bold">R$ {{ number_format($pedido->valor_liquido, 2, ',', '.') }}</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="card">
            <div class="card-header">Histórico de Status</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <tbody>
                        @foreach ($pedido->statusHistorico->reverse() as $h)
                            <tr>
                                <td style="width:140px;">{{ $h->created_at->format('d/m/Y H:i') }}</td>
                                <td>
                                    @if ($h->status_anterior)
                                        <span class="badge-status {{ $h->status_anterior }}">{{ $h->status_anterior }}</span> →
                                    @endif
                                    <span class="badge-status {{ $h->status_novo }}">{{ $h->status_novo }}</span>
                                </td>
                                <td class="text-muted-sm">{{ $h->user?->name ?? 'Sistema' }}</td>
                                <td class="text-muted-sm">{{ $h->observacoes }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">Informações</div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-5 text-muted-sm">Tabela de Preço</dt>
                    <dd class="col-7">{{ $pedido->tabelaPreco?->nome ?? 'Padrão' }}</dd>

                    <dt class="col-5 text-muted-sm">Entrega Prevista</dt>
                    <dd class="col-7">{{ $pedido->data_entrega_prevista?->format('d/m/Y') ?? '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Entrega Realizada</dt>
                    <dd class="col-7">{{ $pedido->data_entrega_realizada?->format('d/m/Y') ?? '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Forma de Pagto.</dt>
                    <dd class="col-7">{{ $pedido->forma_pagamento ? ucfirst(str_replace('_',' ',$pedido->forma_pagamento)) : '—' }}</dd>
                </dl>

                @if ($pedido->observacoes)
                    <hr>
                    <p class="mb-0">{{ $pedido->observacoes }}</p>
                @endif
            </div>
        </div>

        @if ($pedido->contaReceber)
        <div class="card mb-3">
            <div class="card-header">Conta a Receber</div>
            <div class="card-body small">
                <div class="d-flex justify-content-between mb-1">
                    <span class="text-muted-sm">Valor</span>
                    <span class="text-money">R$ {{ number_format($pedido->contaReceber->valor, 2, ',', '.') }}</span>
                </div>
                <div class="d-flex justify-content-between mb-1">
                    <span class="text-muted-sm">Vencimento</span>
                    <span>{{ $pedido->contaReceber->data_vencimento->format('d/m/Y') }}</span>
                </div>
                <div class="d-flex justify-content-between align-items-center">
                    <span class="text-muted-sm">Situação</span>
                    <span class="badge-status {{ $pedido->contaReceber->situacao }}">{{ str_replace('_',' ',$pedido->contaReceber->situacao) }}</span>
                </div>
                @can('financeiro.visualizar')
                    <a href="{{ route('financeiro.receber.show', $pedido->contaReceber) }}" class="btn btn-sm btn-outline-secondary w-100 mt-2">Ver conta</a>
                @endcan
            </div>
        </div>
        @endif

        @if ($pedido->documentoFiscal)
        <div class="card mb-3">
            <div class="card-header">Documento Fiscal</div>
            <div class="card-body small">
                <div class="d-flex justify-content-between mb-1">
                    <span class="text-muted-sm">Tipo</span>
                    <span>{{ strtoupper($pedido->documentoFiscal->tipo) }}</span>
                </div>
                <div class="d-flex justify-content-between align-items-center">
                    <span class="text-muted-sm">Status</span>
                    <span class="badge-status {{ $pedido->documentoFiscal->status }}">{{ $pedido->documentoFiscal->status }}</span>
                </div>
                @can('fiscal.visualizar')
                    <a href="{{ route('fiscal.documentos.show', $pedido->documentoFiscal) }}" class="btn btn-sm btn-outline-secondary w-100 mt-2">Ver documento</a>
                @endcan
            </div>
        </div>
        @elseif ($pedido->status === 'finalizado')
            @can('fiscal.criar')
            <div class="card mb-3">
                <div class="card-body small">
                    <p class="text-muted-sm">Nenhum documento fiscal emitido para este pedido.</p>
                    <a href="{{ route('fiscal.documentos.create', ['pedido_id' => $pedido->id]) }}" class="btn btn-sm btn-accent w-100">Emitir NF-e/NFC-e</a>
                </div>
            </div>
            @endcan
        @endif
    </div>
</div>

@can('pedidos.editar')
<div class="modal fade" id="modalCancelar" tabindex="-1">
    <div class="modal-dialog">
        <form method="POST" action="{{ route('pedidos.cancelar', $pedido) }}" class="modal-content">
            @csrf
            <div class="modal-header">
                <h5 class="modal-title">Cancelar Pedido {{ $pedido->numero }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <label class="form-label small fw-semibold">Motivo (opcional)</label>
                <textarea name="motivo" class="form-control" rows="3"></textarea>
                @if (in_array($pedido->status, ['faturamento','entrega'], true))
                    <div class="alert alert-warning mt-2 small mb-0">
                        Este pedido já teve baixa de estoque. Ao cancelar, os itens serão devolvidos automaticamente ao estoque.
                    </div>
                @endif
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Voltar</button>
                <button type="submit" class="btn btn-danger">Confirmar Cancelamento</button>
            </div>
        </form>
    </div>
</div>
@endcan
@endsection