--- name: customer-ui-components description: Componentes de UI para clientes seguindo o padrão de components do Easy Budget. --- # Componentes de UI para Clientes Esta skill define os componentes Blade específicos para a gestão de clientes no Easy Budget, seguindo o padrão de components estabelecido no sistema. ## Estrutura de Components ``` resources\/views\/components\/ ├── customer\/ │ ├── customer-card.blade.php # Card resumido de cliente │ ├── customer-details.blade.php # Detalhes completos do cliente │ ├── customer-form.blade.php # Formulário de criação\/edição │ ├── customer-status.blade.php # Badge de status do cliente │ ├── customer-contact.blade.php # Informações de contato │ ├── customer-address.blade.php # Endereço do cliente │ ├── customer-actions.blade.php # Ações disponíveis para cliente │ ├── customer-filters.blade.php # Filtros específicos para clientes │ ├── customer-interactions.blade.php # Histórico de interações │ └── customer-summary.blade.php # Resumo do cliente └── ... ``` ## 1. Customer Card Component Componente para exibição resumida de clientes em listas e dashboards. ### Uso Básico ```blade ``` ### Parâmetros | Parâmetro | Tipo | Descrição | Padrão | |-----------|------|-----------|--------| | `customer` | `Customer` | Modelo do cliente | Obrigatório | | `showType` | `bool` | Exibir tipo de cliente (PF\/PJ) | `true` | | `showStatus` | `bool` | Exibir status do cliente | `true` | | `variant` | `string` | Estilo do card (primary, secondary, etc.) | `primary` | ### Estrutura ```blade @props([ 'customer', 'showType' => true, 'showStatus' => true, 'variant' => 'primary' ])

@if($customer->type === 'pf')