@extends('layouts.app')

@section('header_title', 'CRM - Clientes')
@section('header_description', 'Cadastro e consulta de clientes da loja.')

@section('content')
<section class="page-head-row">
    <h2>Clientes</h2>
    <a href="{{ route('customers.create') }}" class="primary-btn">Novo Cliente</a>
</section>

@if (session('status'))
    <div class="alert success">{{ session('status') }}</div>
@endif

<article class="card panel">
    <form method="GET" class="grid-form">
        <div>
            <label for="q">Buscar</label>
            <input id="q" name="q" type="text" value="{{ $q }}" placeholder="Nome, documento ou telefone">
        </div>
        <div class="form-actions"><button type="submit" class="primary-btn">Filtrar</button></div>
    </form>
</article>

<article class="card panel" style="margin-top: 14px;">
    <div class="table-wrap">
        <table>
            <thead>
                <tr>
                    <th>Nome</th>
                    <th>Documento</th>
                    <th>Telefone</th>
                    <th>Limite/Usado</th>
                    <th>Pontos</th>
                    <th>Status</th>
                    <th>Acoes</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($customers as $customer)
                    <tr>
                        <td>{{ $customer->name }}</td>
                        <td>{{ $customer->document ?: '-' }}</td>
                        <td>{{ $customer->phone ?: '-' }}</td>
                        <td>R$ {{ number_format((float) $customer->credit_limit, 2, ',', '.') }} / R$ {{ number_format((float) $customer->current_credit_used, 2, ',', '.') }}</td>
                        <td>{{ $customer->loyalty_points }}</td>
                        <td><span class="status {{ $customer->is_active ? 'ok' : 'pending' }}">{{ $customer->is_active ? 'Ativo' : 'Inativo' }}</span></td>
                        <td class="actions-col">
                            <a class="table-link" href="{{ route('customers.show', $customer) }}">Historico</a>
                            <a class="table-link" href="{{ route('customers.edit', $customer) }}">Editar</a>
                            <form method="POST" action="{{ route('customers.destroy', $customer) }}" onsubmit="return confirm('Remover/inativar cliente?');">
                                @csrf
                                @method('DELETE')
                                <button class="table-link danger" type="submit">Excluir</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="empty-row">Nenhum cliente encontrado.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</article>

<div class="pagination-wrap">{{ $customers->links() }}</div>
@endsection