--- name: invoice-ui-components description: Componentes de UI para faturas seguindo o padrão de components do Easy Budget. --- # Componentes de UI para Faturas Esta skill define os componentes Blade específicos para a gestão de faturas no Easy Budget, seguindo o padrão de components estabelecido no sistema. ## Estrutura de Components ``` resources\/views\/components\/ ├── invoice\/ │ ├── invoice-card.blade.php # Card resumido de fatura │ ├── invoice-details.blade.php # Detalhes completos da fatura │ ├── invoice-form.blade.php # Formulário de criação\/edição │ ├── invoice-status.blade.php # Badge de status da fatura │ ├── invoice-items.blade.php # Lista de itens da fatura │ ├── invoice-actions.blade.php # Ações disponíveis para fatura │ ├── invoice-filters.blade.php # Filtros específicos para faturas │ ├── invoice-payments.blade.php # Histórico de pagamentos │ └── invoice-totals.blade.php # Totais e valores da fatura └── ... ``` ## 1. Invoice Card Component Componente para exibição resumida de faturas em listas e dashboards. ### Uso Básico ```blade ``` ### Parâmetros | Parâmetro | Tipo | Descrição | Padrão | |-----------|------|-----------|--------| | `invoice` | `Invoice` | Modelo da fatura | Obrigatório | | `showCustomer` | `bool` | Exibir informações do cliente | `true` | | `showDueDate` | `bool` | Exibir data de vencimento | `true` | | `variant` | `string` | Estilo do card (primary, secondary, etc.) | `primary` | ### Estrutura ```blade @props([ 'invoice', 'showCustomer' => true, 'showDueDate' => true, 'variant' => 'primary' ])