@extends('layouts.app')

@section('titulo', $cliente->nome_exibicao)
@section('subtitulo', 'Clientes')

@section('acoes')
    @can('clientes.editar')
        <a href="{{ route('clientes.edit', $cliente) }}" class="btn btn-outline-secondary btn-sm">Editar</a>
    @endcan
    @can('pedidos.criar')
        <a href="{{ route('pedidos.create', ['cliente_id' => $cliente->id]) }}" class="btn btn-primary btn-sm">+ Novo Pedido</a>
    @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">Total em Compras</div>
            <div class="kpi-value">R$ {{ number_format($cliente->total_compras, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Limite de Crédito</div>
            <div class="kpi-value">R$ {{ number_format($cliente->limite_credito, 2, ',', '.') }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Tabela de Preço</div>
            <div class="kpi-value h6 mb-0">{{ $cliente->tabelaPreco?->nome ?? 'Padrão' }}</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="kpi-card">
            <div class="kpi-label">Situação</div>
            <div class="kpi-value h6 mb-0">
                <span class="badge-status {{ $cliente->ativo ? 'finalizado' : 'cancelado' }}">{{ $cliente->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">{{ $cliente->razao_social }}</dd>

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

                    @if ($cliente->ie)
                    <dt class="col-5 text-muted-sm">IE</dt>
                    <dd class="col-7">{{ $cliente->ie }}</dd>
                    @endif

                    <dt class="col-5 text-muted-sm">Endereço</dt>
                    <dd class="col-7">{{ $cliente->endereco_completo ?: '—' }}</dd>

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

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

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

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

                    <dt class="col-5 text-muted-sm">Vendedor Padrão</dt>
                    <dd class="col-7">{{ $cliente->vendedorPadrao?->name ?? '—' }}</dd>
                </dl>

                @if ($cliente->observacoes)
                    <hr>
                    <div class="text-muted-sm fw-semibold mb-1">Observações</div>
                    <p class="mb-0">{{ $cliente->observacoes }}</p>
                @endif
            </div>
        </div>

        @if ($cliente->precosEspecificos->isNotEmpty())
        <div class="card">
            <div class="card-header">Preços Especiais</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0">
                    <tbody>
                        @foreach ($cliente->precosEspecificos as $preco)
                            <tr>
                                <td>{{ $preco->produto->descricao }}</td>
                                <td class="text-end text-money">R$ {{ number_format($preco->preco, 2, ',', '.') }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
    </div>

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