@extends('layouts.app')

@section('title', $customer->name)

@section('content')
@php
    $quoteLabels = ['draft' => 'Em aberto', 'converted' => 'Aprovado', 'cancelled' => 'Cancelado'];
    $orderLabels = ['draft' => 'Rascunho', 'in_production' => 'Em produção', 'ready' => 'Pronta', 'delivered' => 'Entregue', 'cancelled' => 'Cancelada'];
    $appointmentLabels = ['appointment' => 'Atendimento', 'return' => 'Retorno', 'contact' => 'Contato', 'delivery' => 'Entrega', 'reminder' => 'Lembrete'];
    $latestMeasurement = $customer->pupilMeasurements->first();
    $nextAppointment = $customer->appointments->where('status', 'scheduled')->sortBy('starts_at')->first();
@endphp

<div class="row between" style="margin-bottom:22px;align-items:flex-start">
    <div>
        <div class="row">
            <h1 style="margin-bottom:0">{{ $customer->name }}</h1>
            <span class="badge {{ $customer->active ? 'ok' : '' }}">{{ $customer->active ? 'Ativo' : 'Inativo' }}</span>
        </div>
        <div class="muted" style="margin-top:5px">
            {{ $customer->whatsapp ?: $customer->phone ?: 'Sem telefone' }}
            @if($customer->email)
                · {{ $customer->email }}
            @endif
        </div>
    </div>

    <div class="row">
        @if($customer->active)
            <a class="btn primary" href="{{ route('quotes.create', ['customer_id' => $customer->id]) }}">+ Orçamento</a>
            <a class="btn secondary" href="{{ route('appointments.create', ['customer_id' => $customer->id]) }}">Agendar</a>
        @endif
        <a class="btn secondary" href="{{ route('customers.edit', $customer) }}">Editar</a>
    </div>
</div>

<div class="grid grid-4" style="margin-bottom:22px">
    <div class="card">
        <div class="small muted">Financeiro</div>
        <h3 style="margin:7px 0 3px">{{ $summary['financial_status'] }}</h3>
        <div class="small {{ $summary['overdue'] > 0 ? '' : 'muted' }}">
            @if($summary['overdue'] > 0)
                <strong style="color:#b42318">R$ {{ number_format($summary['overdue'], 2, ',', '.') }} em atraso</strong>
            @elseif($summary['outstanding'] > 0)
                R$ {{ number_format($summary['outstanding'], 2, ',', '.') }} em aberto
            @else
                Sem pendências
            @endif
        </div>
    </div>

    <div class="card">
        <div class="small muted">Última receita</div>
        @if($rx = $summary['latest_prescription'])
            <h3 style="margin:7px 0 3px">{{ $rx->issued_at?->format('d/m/Y') ?: 'Sem data' }}</h3>
            <div class="small muted">{{ $rx->lens_usage ?: 'Uso não informado' }}</div>
        @else
            <h3 style="margin:7px 0 3px">Nenhuma</h3>
            <div class="small muted">Cadastre quando precisar.</div>
        @endif
    </div>

    <div class="card">
        <div class="small muted">Medidas</div>
        @if($latestMeasurement)
            <h3 style="margin:7px 0 3px">DP {{ number_format((float) $latestMeasurement->binocular_pd, 2, ',', '.') }} mm</h3>
            <div class="small muted">Medida em {{ $latestMeasurement->measured_at?->format('d/m/Y') ?: '—' }}</div>
        @else
            <h3 style="margin:7px 0 3px">Não medidas</h3>
            <div class="small muted">Sem DNP/DP registrada.</div>
        @endif
    </div>

    <div class="card">
        <div class="small muted">Próximo compromisso</div>
        @if($nextAppointment)
            <h3 style="margin:7px 0 3px">{{ $nextAppointment->starts_at?->format('d/m H:i') ?: 'Sem horário' }}</h3>
            <div class="small muted">{{ $nextAppointment->title }}</div>
        @else
            <h3 style="margin:7px 0 3px">Nenhum</h3>
            <div class="small muted">Sem retorno agendado.</div>
        @endif
    </div>
</div>

<div class="card" style="margin-bottom:16px">
    <div class="row between" style="align-items:flex-start">
        <div>
            <h2 style="margin-bottom:6px">Dados do cliente</h2>
            <div class="small muted">Cadastro desde {{ $customer->created_at?->format('d/m/Y') ?: '—' }}</div>
        </div>
        <a class="small" href="{{ route('customers.edit', $customer) }}">Editar dados</a>
    </div>

    <div class="grid grid-3" style="margin-top:16px">
        <div>
            <div class="small muted">CPF</div>
            <strong>{{ $customer->cpf ?: 'Não informado' }}</strong>
        </div>
        <div>
            <div class="small muted">Nascimento</div>
            <strong>{{ $customer->birth_date?->format('d/m/Y') ?: 'Não informado' }}</strong>
        </div>
        <div>
            <div class="small muted">Contato</div>
            <strong>{{ $customer->whatsapp ?: $customer->phone ?: 'Não informado' }}</strong>
        </div>
    </div>

    <div style="margin-top:16px">
        <div class="small muted">Endereço</div>
        <strong>{{ collect([$customer->street, $customer->number, $customer->complement, $customer->district, $customer->city, $customer->state])->filter()->implode(', ') ?: 'Não informado' }}</strong>
    </div>

    @if($customer->responsible_name)
        <div style="margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fcfcfd">
            <div class="small muted">Responsável</div>
            <strong>{{ $customer->responsible_name }}</strong>
            @if($customer->responsible_relationship)
                <span class="small muted"> · {{ $customer->responsible_relationship }}</span>
            @endif
            <div class="small muted" style="margin-top:3px">{{ $customer->responsible_phone ?: 'Sem telefone informado' }}</div>
        </div>
    @endif

    @if($customer->notes)
        <div style="margin-top:16px">
            <div class="small muted">Observações</div>
            <div>{{ $customer->notes }}</div>
        </div>
    @endif
</div>

<details class="card" open style="margin-bottom:16px">
    <summary style="cursor:pointer;font-weight:850;font-size:1.02rem">Vendas e atendimento</summary>
    <div class="small muted" style="margin:6px 0 16px">Orçamentos, OS e próximos compromissos do cliente.</div>

    <div class="row" style="margin-bottom:16px">
        @if($customer->active)
            <a class="btn primary" href="{{ route('quotes.create', ['customer_id' => $customer->id]) }}">Novo orçamento</a>
            <a class="btn secondary" href="{{ route('orders.create', ['customer_id' => $customer->id]) }}">Nova OS direta</a>
            <a class="btn secondary" href="{{ route('appointments.create', ['customer_id' => $customer->id]) }}">Novo agendamento</a>
        @endif
    </div>

    <div class="grid grid-3" style="align-items:start">
        <div>
            <div class="row between"><strong>Orçamentos</strong><span class="badge">{{ $customer->salesQuotes->count() }}</span></div>
            <div style="overflow:auto;margin-top:8px">
                <table>
                    <thead><tr><th>Código</th><th>Total</th><th>Status</th></tr></thead>
                    <tbody>
                    @forelse($customer->salesQuotes->take(5) as $quote)
                        <tr>
                            <td><a href="{{ route('quotes.show', $quote) }}"><strong>{{ $quote->code }}</strong></a><div class="small muted">{{ $quote->created_at?->format('d/m/Y') ?: '—' }}</div></td>
                            <td>R$ {{ number_format((float) $quote->total_amount, 2, ',', '.') }}</td>
                            <td><span class="badge {{ $quote->status === 'converted' ? 'ok' : ($quote->status === 'cancelled' ? 'bad' : '') }}">{{ $quoteLabels[$quote->status] ?? $quote->status }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="empty-state">Nenhum orçamento.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div>
            <div class="row between"><strong>Vendas / OS</strong><span class="badge">{{ $customer->serviceOrders->count() }}</span></div>
            <div style="overflow:auto;margin-top:8px">
                <table>
                    <thead><tr><th>OS</th><th>Total</th><th>Status</th></tr></thead>
                    <tbody>
                    @forelse($customer->serviceOrders->take(5) as $order)
                        <tr>
                            <td><a href="{{ route('orders.show', $order) }}"><strong>{{ $order->code }}</strong></a><div class="small muted">{{ $order->ordered_at?->format('d/m/Y') ?: '—' }}</div></td>
                            <td>R$ {{ number_format((float) $order->total_amount, 2, ',', '.') }}</td>
                            <td><span class="badge {{ in_array($order->status, ['ready', 'delivered'], true) ? 'ok' : ($order->status === 'cancelled' ? 'bad' : '') }}">{{ $orderLabels[$order->status] ?? $order->status }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="empty-state">Nenhuma OS.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div>
            <strong>Agenda</strong>
            <div style="overflow:auto;margin-top:8px">
                <table>
                    <thead><tr><th>Quando</th><th>Compromisso</th></tr></thead>
                    <tbody>
                    @forelse($customer->appointments->where('status', 'scheduled')->sortBy('starts_at')->take(5) as $appointment)
                        <tr>
                            <td>{{ $appointment->starts_at?->format('d/m H:i') ?: '—' }}</td>
                            <td><a href="{{ route('appointments.edit', $appointment) }}"><strong>{{ $appointment->title }}</strong></a><div class="small muted">{{ $appointmentLabels[$appointment->type] ?? $appointment->type }}</div></td>
                        </tr>
                    @empty
                        <tr><td colspan="2" class="empty-state">Nenhum compromisso aberto.</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</details>

<details class="card" style="margin-bottom:16px">
    <summary style="cursor:pointer;font-weight:850;font-size:1.02rem">Receita e medidas</summary>
    <div class="small muted" style="margin:6px 0 16px">Abra somente quando precisar consultar ou registrar dados ópticos.</div>

    @if($rx = $summary['latest_prescription'])
        <div style="margin-bottom:16px">
            <div class="row between">
                <strong>Receita atual · {{ $rx->issued_at?->format('d/m/Y') ?: 'sem data' }}</strong>
                @if($rx->attachment_path)
                    <a class="small" href="{{ route('customers.prescriptions.attachment', [$customer, $rx]) }}">Abrir anexo</a>
                @endif
            </div>
            <div style="overflow:auto;margin-top:8px">
                <table>
                    <thead><tr><th>Olho</th><th>Esférico</th><th>Cilíndrico</th><th>Eixo</th><th>Adição</th><th>DNP</th></tr></thead>
                    <tbody>
                        <tr><td>OD</td><td>{{ $rx->od_sphere ?? '—' }}</td><td>{{ $rx->od_cylinder ?? '—' }}</td><td>{{ $rx->od_axis ?? '—' }}</td><td>{{ $rx->od_addition ?? '—' }}</td><td>{{ $rx->od_dnp ?? '—' }}</td></tr>
                        <tr><td>OE</td><td>{{ $rx->oe_sphere ?? '—' }}</td><td>{{ $rx->oe_cylinder ?? '—' }}</td><td>{{ $rx->oe_axis ?? '—' }}</td><td>{{ $rx->oe_addition ?? '—' }}</td><td>{{ $rx->oe_dnp ?? '—' }}</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <details style="border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px">
        <summary style="cursor:pointer;font-weight:800">+ Cadastrar nova receita</summary>
        <form method="POST" enctype="multipart/form-data" action="{{ route('customers.prescriptions.store', $customer) }}" style="margin-top:16px">
            @csrf
            <div class="grid grid-2">
                <div class="field"><label>Data da receita *</label><input type="date" name="issued_at" value="{{ old('issued_at', now()->toDateString()) }}" required></div>
                <div class="field"><label>Validade</label><input type="date" name="expires_at" value="{{ old('expires_at') }}"></div>
                <div class="field"><label>Profissional</label><input name="prescriber_name" value="{{ old('prescriber_name') }}"></div>
                <div class="field"><label>Registro</label><input name="prescriber_registry" value="{{ old('prescriber_registry') }}"></div>
            </div>

            <div class="grid grid-3">
                <div>
                    <h3>Olho direito</h3>
                    <div class="field"><label>Esférico</label><input type="number" step="0.01" name="od_sphere"></div>
                    <div class="field"><label>Cilíndrico</label><input type="number" step="0.01" name="od_cylinder"></div>
                    <div class="field"><label>Eixo</label><input type="number" name="od_axis" min="0" max="180"></div>
                    <div class="field"><label>Adição</label><input type="number" step="0.01" name="od_addition"></div>
                    <div class="field"><label>DNP</label><input type="number" step="0.01" name="od_dnp"></div>
                </div>
                <div>
                    <h3>Olho esquerdo</h3>
                    <div class="field"><label>Esférico</label><input type="number" step="0.01" name="oe_sphere"></div>
                    <div class="field"><label>Cilíndrico</label><input type="number" step="0.01" name="oe_cylinder"></div>
                    <div class="field"><label>Eixo</label><input type="number" name="oe_axis" min="0" max="180"></div>
                    <div class="field"><label>Adição</label><input type="number" step="0.01" name="oe_addition"></div>
                    <div class="field"><label>DNP</label><input type="number" step="0.01" name="oe_dnp"></div>
                </div>
                <div>
                    <h3>Complementos</h3>
                    <div class="field"><label>DP</label><input type="number" step="0.01" name="pd"></div>
                    <div class="field"><label>Uso da lente</label><input name="lens_usage" placeholder="Longe, perto, multifocal..."></div>
                    <div class="field"><label>Anexo</label><input type="file" name="attachment" accept=".pdf,.jpg,.jpeg,.png"><div class="small muted">PDF ou imagem, até 10 MB.</div></div>
                    <div class="field"><label>Observações</label><textarea name="notes"></textarea></div>
                </div>
            </div>

            <label style="font-weight:500"><input style="width:auto" type="checkbox" name="is_current" value="1" checked> Definir como receita atual</label>
            <div style="margin-top:14px"><button class="btn primary" type="submit">Salvar receita</button></div>
        </form>
    </details>

    <details style="border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px">
        <summary style="cursor:pointer;font-weight:800">Medidas pupilares</summary>
        <div style="margin-top:14px">@include('customers._pupil_measurements')</div>
    </details>

    <details style="border:1px solid var(--border);border-radius:12px;padding:14px">
        <summary style="cursor:pointer;font-weight:800">Histórico de receitas</summary>
        <div style="overflow:auto;margin-top:14px">
            <table>
                <thead><tr><th>Data</th><th>Profissional</th><th>Uso</th><th>Status</th><th>Anexo</th></tr></thead>
                <tbody>
                @forelse($customer->prescriptions as $prescription)
                    <tr>
                        <td>{{ $prescription->issued_at?->format('d/m/Y') ?: '—' }}</td>
                        <td>{{ $prescription->prescriber_name ?: '—' }}</td>
                        <td>{{ $prescription->lens_usage ?: '—' }}</td>
                        <td>@if($prescription->is_current)<span class="badge ok">Atual</span>@else<span class="badge">Histórica</span>@endif</td>
                        <td>@if($prescription->attachment_path)<a href="{{ route('customers.prescriptions.attachment', [$customer, $prescription]) }}">Abrir</a>@else<span class="muted">—</span>@endif</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="empty-state">Nenhuma receita.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </details>
</details>

<details class="card" style="margin-bottom:16px">
    <summary style="cursor:pointer;font-weight:850;font-size:1.02rem">Crediário e pagamentos</summary>
    <div class="small muted" style="margin:6px 0 16px">Limite, parcelas e recebimentos ficam aqui.</div>

    <div class="grid grid-2" style="align-items:start;margin-bottom:16px">
        <div>
            <h3>Configuração</h3>
            <form method="POST" action="{{ route('customers.credit.account', $customer) }}">
                @csrf
                @method('PUT')
                <div class="grid grid-2">
                    <div class="field"><label>Limite de crédito</label><input type="number" step="0.01" min="0" name="credit_limit" value="{{ old('credit_limit', $summary['credit_account']?->credit_limit ?? 0) }}" required></div>
                    <div class="field"><label>Situação</label><select name="status"><option value="active" @selected(old('status', $summary['credit_account']?->status ?? 'active') === 'active')>Ativo</option><option value="blocked" @selected(old('status', $summary['credit_account']?->status) === 'blocked')>Bloqueado</option></select></div>
                </div>
                <div class="field"><label>Observações</label><textarea name="notes">{{ old('notes', $summary['credit_account']?->notes) }}</textarea></div>
                <button class="btn" type="submit">{{ $summary['credit_account'] ? 'Salvar crediário' : 'Abrir crediário' }}</button>
            </form>
        </div>

        <div>
            <h3>Nova venda parcelada</h3>
            @if($summary['credit_account'])
                <form method="POST" action="{{ route('customers.credit.plans.store', $customer) }}">
                    @csrf
                    <div class="grid grid-3">
                        <div class="field"><label>Valor</label><input type="number" step="0.01" min="0.01" name="total_amount" value="{{ old('total_amount') }}" required></div>
                        <div class="field"><label>Parcelas</label><input type="number" min="1" max="48" name="installments" value="{{ old('installments', 1) }}" required></div>
                        <div class="field"><label>1º vencimento</label><input type="date" name="first_due_date" value="{{ old('first_due_date', now()->addMonth()->toDateString()) }}" required></div>
                    </div>
                    <div class="small muted" style="margin-bottom:10px">Disponível: R$ {{ number_format($summary['available_credit'], 2, ',', '.') }}</div>
                    <button class="btn" type="submit" @disabled($summary['credit_account']->status !== 'active' || ! $customer->active)>Gerar parcelas</button>
                </form>
            @else
                <p class="muted">Abra o crediário primeiro.</p>
            @endif
        </div>
    </div>

    @if($summary['credit_account'])
        <div style="overflow:auto;margin-bottom:18px">
            <table>
                <thead><tr><th>Parcela</th><th>Origem</th><th>Vencimento</th><th>Valor</th><th>Saldo</th><th>Status</th></tr></thead>
                <tbody>
                @forelse($summary['installment_rows'] as $row)
                    <tr>
                        <td>{{ $row['installment']->installment_number }}/{{ $row['installment']->total_installments }}</td>
                        <td>
                            @if($row['installment']->serviceOrder)
                                <a href="{{ route('orders.show', $row['installment']->serviceOrder) }}">{{ $row['installment']->serviceOrder->code }}</a>
                            @else
                                Manual
                            @endif
                        </td>
                        <td>{{ $row['installment']->due_date?->format('d/m/Y') ?: '—' }}</td>
                        <td>R$ {{ number_format($row['gross'], 2, ',', '.') }}</td>
                        <td><strong>R$ {{ number_format($row['balance'], 2, ',', '.') }}</strong></td>
                        <td><span class="badge {{ $row['balance'] <= 0 ? 'ok' : ($row['overdue'] ? 'bad' : '') }}">{{ $row['display_status'] }}</span></td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="empty-state">Nenhuma parcela lançada.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>

        <details style="border:1px solid var(--border);border-radius:12px;padding:14px">
            <summary style="cursor:pointer;font-weight:800">Receber pagamento</summary>
            <div class="grid grid-2" style="align-items:start;margin-top:16px">
                <form method="POST" action="{{ route('customers.credit.payments.store', $customer) }}">
                    @csrf
                    <div class="grid grid-2">
                        <div class="field"><label>Valor recebido</label><input type="number" step="0.01" min="0.01" name="amount" value="{{ old('amount') }}" required></div>
                        <div class="field"><label>Data/hora</label><input type="datetime-local" name="paid_at" value="{{ old('paid_at', now()->format('Y-m-d\\TH:i')) }}" required></div>
                        <div class="field"><label>Forma</label><select name="method" required><option value="pix">Pix</option><option value="cash">Dinheiro</option><option value="debit_card">Débito</option><option value="credit_card">Crédito</option><option value="bank_transfer">Transferência</option><option value="bank_slip">Boleto</option><option value="other">Outro</option></select></div>
                        <div class="field">
                            <label>Aplicar em parcela</label>
                            <select name="installment_id">
                                <option value="">Mais antigas primeiro</option>
                                @foreach($summary['installment_rows']->where('balance', '>', 0) as $row)
                                    <option value="{{ $row['installment']->id }}">{{ $row['installment']->installment_number }}/{{ $row['installment']->total_installments }} · {{ $row['installment']->due_date?->format('d/m/Y') ?: 'sem vencimento' }} · R$ {{ number_format($row['balance'], 2, ',', '.') }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="field"><label>Observação</label><textarea name="notes">{{ old('notes') }}</textarea></div>
                    <button class="btn success" type="submit" @disabled($summary['outstanding'] <= 0)>Registrar pagamento</button>
                </form>

                <div>
                    <div class="row between"><strong>Últimos pagamentos</strong><span class="small muted">Total R$ {{ number_format($summary['total_paid'], 2, ',', '.') }}</span></div>
                    <div style="overflow:auto;margin-top:8px">
                        <table>
                            <thead><tr><th>Data</th><th>Forma</th><th>Valor</th></tr></thead>
                            <tbody>
                            @forelse($summary['recent_payments'] as $payment)
                                <tr><td>{{ $payment->paid_at?->format('d/m/Y H:i') ?: '—' }}</td><td>{{ $payment->method }}</td><td>R$ {{ number_format((float) $payment->amount, 2, ',', '.') }}</td></tr>
                            @empty
                                <tr><td colspan="3" class="empty-state">Nenhum pagamento.</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </details>
    @endif
</details>

<details class="card" style="margin-bottom:16px">
    <summary style="cursor:pointer;font-weight:850;font-size:1.02rem">Histórico completo</summary>
    <div class="small muted" style="margin:6px 0 16px">Tudo que aconteceu com este cliente, em ordem cronológica.</div>
    <div class="timeline">
        @forelse($timeline as $item)
            <div class="timeline-item">
                <strong>{{ $item['title'] }}</strong>
                <div class="small muted">{{ optional($item['occurred_at'])->format('d/m/Y H:i') }}</div>
                @if($item['description'])
                    <div style="margin-top:5px">{{ $item['description'] }}</div>
                @endif
            </div>
        @empty
            <p class="muted">Ainda não há eventos.</p>
        @endforelse
    </div>
</details>

@if(auth()->user()?->role === 'admin')
    <details class="card">
        <summary style="cursor:pointer;font-weight:800;color:#667085">Ações administrativas</summary>
        <div class="small muted" style="margin:6px 0 14px">Use somente quando necessário.</div>
        <div class="row">
            <form method="POST" action="{{ route('customers.status', $customer) }}">
                @csrf
                @method('PATCH')
                <input type="hidden" name="active" value="{{ $customer->active ? 0 : 1 }}">
                <button class="btn secondary" type="submit">{{ $customer->active ? 'Inativar cliente' : 'Reativar cliente' }}</button>
            </form>

            <form method="POST" action="{{ route('customers.destroy', $customer) }}" onsubmit="return confirm('Excluir este cliente? Se houver histórico operacional ou financeiro, o sistema bloqueará a exclusão para preservar a auditoria.')">
                @csrf
                @method('DELETE')
                <button class="btn danger" type="submit">Excluir cliente</button>
            </form>
        </div>
    </details>
@endif
@endsection