@extends('layouts.app')

@section('titulo', $fornecedor->nome_exibicao)
@section('subtitulo', 'Fornecedores')

@section('acoes')
    @can('fornecedores.editar')
        <a href="{{ route('fornecedores.edit', $fornecedor) }}" class="btn btn-outline-secondary btn-sm">Editar</a>
    @endcan
    @can('compras.criar')
        <a href="{{ route('compras.pedidos.create', ['fornecedor_id' => $fornecedor->id]) }}" class="btn btn-primary btn-sm">+ Novo Pedido de Compra</a>
    @endcan
@endsection

@section('conteudo')
<div class="row g-3 mb-3">
    <div class="col-6 col-lg-4">
        <div class="kpi-card">
            <div class="kpi-label">Total em Compras</div>
            <div class="kpi-value">R$ {{ number_format($fornecedor->total_compras, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-4">
        <div class="kpi-card">
            <div class="kpi-label">Situação</div>
            <div class="kpi-value h6 mb-0">
                <span class="badge-status {{ $fornecedor->ativo ? 'finalizado' : 'cancelado' }}">{{ $fornecedor->ativo ? 'Ativo' : 'Inativo' }}</span>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">Dados Gerais</div>
            <div class="card-body small">
                <dl class="row mb-0">
                    <dt class="col-5 text-muted-sm">Razão Social</dt>
                    <dd class="col-7">{{ $fornecedor->razao_social }}</dd>

                    <dt class="col-5 text-muted-sm">CPF/CNPJ</dt>
                    <dd class="col-7">{{ $fornecedor->cpf_cnpj }}</dd>

                    <dt class="col-5 text-muted-sm">Endereço</dt>
                    <dd class="col-7">{{ $fornecedor->endereco ? "{$fornecedor->endereco}, {$fornecedor->numero} - {$fornecedor->cidade}/{$fornecedor->estado}" : '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Telefone</dt>
                    <dd class="col-7">{{ $fornecedor->telefone ?: '—' }}</dd>

                    <dt class="col-5 text-muted-sm">WhatsApp</dt>
                    <dd class="col-7">{{ $fornecedor->whatsapp ?: '—' }}</dd>

                    <dt class="col-5 text-muted-sm">E-mail</dt>
                    <dd class="col-7">{{ $fornecedor->email ?: '—' }}</dd>

                    <dt class="col-5 text-muted-sm">Contato</dt>
                    <dd class="col-7">{{ $fornecedor->contato_principal ?: '—' }}</dd>

                    @if ($fornecedor->pix)
                    <dt class="col-5 text-muted-sm">PIX</dt>
                    <dd class="col-7">{{ $fornecedor->pix }}</dd>
                    @endif
                </dl>

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

        @if ($fornecedor->precosProdutos->isNotEmpty())
        <div class="card">
            <div class="card-header">Preços Praticados</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <thead><tr><th>Produto</th><th class="text-end">Último Preço</th></tr></thead>
                    <tbody>
                        @foreach ($fornecedor->precosProdutos as $preco)
                            <tr>
                                <td>{{ $preco->produto->descricao }}</td>
                                <td class="text-end text-money">R$ {{ number_format($preco->ultimo_preco, 4, ',', '.') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>

    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">Pedidos de Compra Recentes</div>
            <div class="card-body p-0">
                @if ($pedidosCompra->isEmpty())
                    <div class="empty-state">
                        <p class="mb-0">Nenhum pedido de compra registrado para este fornecedor.</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                                <tr>
                                    <th>Pedido</th>
                                    <th>Data</th>
                                    <th>Status</th>
                                    <th class="text-end">Valor</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($pedidosCompra as $pedido)
                                    <tr>
                                        <td><a href="{{ route('compras.pedidos.show', $pedido) }}">{{ $pedido->numero }}</a></td>
                                        <td>{{ $pedido->data_pedido->format('d/m/Y') }}</td>
                                        <td><span class="badge-status {{ $pedido->status }}">{{ str_replace('_', ' ', $pedido->status) }}</span></td>
                                        <td class="text-end text-money">R$ {{ number_format($pedido->valor_total, 2, ',', '.') }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection