keuangan/app/Http/DataTables/Finance/InvoiceDataTable.php

<?php

namespace App\Http\DataTables\Finance;

use App\Domains\Finance\Models\Invoice;
use Illuminate\Database\Eloquent\Builder as QueryBuilder;
use Yajra\DataTables\EloquentDataTable;
use Yajra\DataTables\Html\Builder as HtmlBuilder;
use Yajra\DataTables\Html\Button;
use Yajra\DataTables\Html\Column;
use Yajra\DataTables\Services\DataTable;

class InvoiceDataTable extends DataTable
{
    /**
     * Build the DataTable class.
     *
     * @param  QueryBuilder<Invoice>  $query  Results from query() method.
     */
    public function dataTable(QueryBuilder $query): EloquentDataTable
    {
        return (new EloquentDataTable($query))
            ->addColumn('action', 'invoice.action')
            ->setRowId('id');
    }

    /**
     * Get the query source of dataTable.
     *
     * @return QueryBuilder<Invoice>
     */
    public function query(Invoice $model): QueryBuilder
    {
        return $model->newQuery();
    }

    /**
     * Optional method if you want to use the html builder.
     */
    public function html(): HtmlBuilder
    {
        return $this->builder()
            ->setTableId('invoice-table')
            ->columns($this->getColumns())
            ->minifiedAjax()
            ->orderBy(-1)
            ->layout([
                'topStart' => [
                    'rowClass' => 'row gap-1',
                    'className' => 'col-md-auto me-auto d-flex flex-sm-row flex-column justify-content-center justify-content-md-start align-items-center align-items-md-start gap-1',
                    'features' => ['buttons', 'pageLength'],
                ],
                'topEnd' => [
                    'className' => 'col-md-auto ms-auto d-flex flex-sm-row flex-column justify-content-center justify-content-md-end align-items-center align-items-md-start gap-1',
                    'features' => ['search'],
                ],

                'bottomStart' => 'info',
                'bottomEnd' => 'paging',
            ])
            ->parameters([
                'language' => [
                    'search' => '',
                    'searchPlaceholder' => __('ui/button.lookup'),
                ],
                'fixedColumns' => [
                    'start' => 2,
                ],
                'scrollX' => true,
                'scrollCollapse' => true,
                'responsive' => true,
            ])
            ->buttons([
                Button::make('add')
                    ->action('$("#invoice-form-modal").modal("show");')
                    ->text(svg('tabler-plus', ['width' => 16, 'height' => 16])->toHtml())
                    ->addClass('btn-sm'),
                Button::make('reload')
                    ->text(svg('tabler-reload', ['width' => 16, 'height' => 16])->toHtml())
                    ->addClass('btn-sm'),
            ]);
    }

    /**
     * Get the dataTable columns definition.
     */
    public function getColumns(): array
    {
        return [
            Column::computed('DT_RowIndex')
                ->width(10)
                ->title('#'),
            Column::make('name')
                ->title(__('domains/finance/field.invoice.name')),
            Column::make('type')
                ->title(__('domains/finance/field.invoice.type')),
            Column::make('amount')
                ->title(__('domains/finance/field.invoice.amount')),
            Column::make('client.name')
                ->title(__('domains/finance/field.invoice.client_name')),
            Column::make('status')
                ->width(100)
                ->title(__('domains/finance/field.invoice.status')),
        ];
    }

    /**
     * Get the filename for export.
     */
    protected function filename(): string
    {
        return 'Invoice_'.date('YmdHis');
    }
}