<laravel-boost-guidelines>
=== foundation rules ===

# Laravel Boost Guidelines

The Laravel Boost guidelines are specifically curated by Laravel maintainers for this application. These guidelines should be followed closely to ensure the best experience when building Laravel applications.

## Foundational Context

This application is a Laravel application and its main Laravel ecosystems package & versions are below. You are an expert with them all. Ensure you abide by these specific packages & versions.

- php - 8.3.22
- laravel/framework (LARAVEL) - v12
- laravel/prompts (PROMPTS) - v0
- laravel/mcp (MCP) - v0
- laravel/pint (PINT) - v1
- laravel/sail (SAIL) - v1
- pestphp/pest (PEST) - v3
- phpunit/phpunit (PHPUNIT) - v11
- alpinejs (ALPINEJS) - v3
- tailwindcss (TAILWINDCSS) - v4

## Skills Activation

This project has domain-specific skills available. You MUST activate the relevant skill whenever you work in that domain—don't wait until you're stuck.

- `pest-testing` — Tests applications using the Pest 3 PHP framework. Activates when writing tests, creating unit or feature tests, adding assertions, testing Livewire components, architecture testing, debugging test failures, working with datasets or mocking; or when the user mentions test, spec, TDD, expects, assertion, coverage, or needs to verify functionality works.
- `tailwindcss-development` — Styles applications using Tailwind CSS v4 utilities. Activates when adding styles, restyling components, working with gradients, spacing, layout, flex, grid, responsive design, dark mode, colors, typography, or borders; or when the user mentions CSS, styling, classes, Tailwind, restyle, hero section, cards, buttons, or any visual/UI changes.

## Conventions

- You must follow all existing code conventions used in this application. When creating or editing a file, check sibling files for the correct structure, approach, and naming.
- Use descriptive names for variables and methods. For example, `isRegisteredForDiscounts`, not `discount()`.
- Check for existing components to reuse before writing a new one.

## Verification Scripts

- Do not create verification scripts or tinker when tests cover that functionality and prove they work. Unit and feature tests are more important.

## Application Structure & Architecture

- Stick to existing directory structure; don't create new base folders without approval.
- Do not change the application's dependencies without approval.

## Frontend Bundling

- If the user doesn't see a frontend change reflected in the UI, it could mean they need to run `npm run build`, `npm run dev`, or `composer run dev`. Ask them.

## Documentation Files

- You must only create documentation files if explicitly requested by the user.

## Replies

- Be concise in your explanations - focus on what's important rather than explaining obvious details.

=== boost rules ===

# Laravel Boost

- Laravel Boost is an MCP server that comes with powerful tools designed specifically for this application. Use them.

## Artisan

- Use the `list-artisan-commands` tool when you need to call an Artisan command to double-check the available parameters.

## URLs

- Whenever you share a project URL with the user, you should use the `get-absolute-url` tool to ensure you're using the correct scheme, domain/IP, and port.

## Tinker / Debugging

- You should use the `tinker` tool when you need to execute PHP to debug code or query Eloquent models directly.
- Use the `database-query` tool when you only need to read from the database.
- Use the `database-schema` tool to inspect table structure before writing migrations or models.

## Reading Browser Logs With the `browser-logs` Tool

- You can read browser logs, errors, and exceptions using the `browser-logs` tool from Boost.
- Only recent browser logs will be useful - ignore old logs.

## Searching Documentation (Critically Important)

- Boost comes with a powerful `search-docs` tool you should use before trying other approaches when working with Laravel or Laravel ecosystem packages. This tool automatically passes a list of installed packages and their versions to the remote Boost API, so it returns only version-specific documentation for the user's circumstance. You should pass an array of packages to filter on if you know you need docs for particular packages.
- Search the documentation before making code changes to ensure we are taking the correct approach.
- Use multiple, broad, simple, topic-based queries at once. For example: `['rate limiting', 'routing rate limiting', 'routing']`. The most relevant results will be returned first.
- Do not add package names to queries; package information is already shared. For example, use `test resource table`, not `filament 4 test resource table`.

### Available Search Syntax

1. Simple Word Searches with auto-stemming - query=authentication - finds 'authenticate' and 'auth'.
2. Multiple Words (AND Logic) - query=rate limit - finds knowledge containing both "rate" AND "limit".
3. Quoted Phrases (Exact Position) - query="infinite scroll" - words must be adjacent and in that order.
4. Mixed Queries - query=middleware "rate limit" - "middleware" AND exact phrase "rate limit".
5. Multiple Queries - queries=["authentication", "middleware"] - ANY of these terms.

=== php rules ===

# PHP

- Always use curly braces for control structures, even for single-line bodies.

## Constructors

- Use PHP 8 constructor property promotion in `__construct()`.
    - `public function __construct(public GitHub $github) { }`
- Do not allow empty `__construct()` methods with zero parameters unless the constructor is private.

## Type Declarations

- Always use explicit return type declarations for methods and functions.
- Use appropriate PHP type hints for method parameters.

<!-- Explicit Return Types and Method Params -->
```php
protected function isAccessible(User $user, ?string $path = null): bool
{
    ...
}
```

## Enums

- Typically, keys in an Enum should be TitleCase. For example: `FavoritePerson`, `BestLake`, `Monthly`.

## Comments

- Prefer PHPDoc blocks over inline comments. Never use comments within the code itself unless the logic is exceptionally complex.

## PHPDoc Blocks

- Add useful array shape type definitions when appropriate.

=== tests rules ===

# Test Enforcement

- Every change must be programmatically tested. Write a new test or update an existing test, then run the affected tests to make sure they pass.
- Run the minimum number of tests needed to ensure code quality and speed. Use `php artisan test --compact` with a specific filename or filter.

=== laravel/core rules ===

# Do Things the Laravel Way

- Use `php artisan make:` commands to create new files (i.e. migrations, controllers, models, etc.). You can list available Artisan commands using the `list-artisan-commands` tool.
- If you're creating a generic PHP class, use `php artisan make:class`.
- Pass `--no-interaction` to all Artisan commands to ensure they work without user input. You should also pass the correct `--options` to ensure correct behavior.

## Database

- Always use proper Eloquent relationship methods with return type hints. Prefer relationship methods over raw queries or manual joins.
- Use Eloquent models and relationships before suggesting raw database queries.
- Avoid `DB::`; prefer `Model::query()`. Generate code that leverages Laravel's ORM capabilities rather than bypassing them.
- Generate code that prevents N+1 query problems by using eager loading.
- Use Laravel's query builder for very complex database operations.

### Model Creation

- When creating new models, create useful factories and seeders for them too. Ask the user if they need any other things, using `list-artisan-commands` to check the available options to `php artisan make:model`.

### APIs & Eloquent Resources

- For APIs, default to using Eloquent API Resources and API versioning unless existing API routes do not, then you should follow existing application convention.

## Controllers & Validation

- Always create Form Request classes for validation rather than inline validation in controllers. Include both validation rules and custom error messages.
- Check sibling Form Requests to see if the application uses array or string based validation rules.

## Authentication & Authorization

- Use Laravel's built-in authentication and authorization features (gates, policies, Sanctum, etc.).

## URL Generation

- When generating links to other pages, prefer named routes and the `route()` function.

## Queues

- Use queued jobs for time-consuming operations with the `ShouldQueue` interface.

## Configuration

- Use environment variables only in configuration files - never use the `env()` function directly outside of config files. Always use `config('app.name')`, not `env('APP_NAME')`.

## Testing

- When creating models for tests, use the factories for the models. Check if the factory has custom states that can be used before manually setting up the model.
- Faker: Use methods such as `$this->faker->word()` or `fake()->randomDigit()`. Follow existing conventions whether to use `$this->faker` or `fake()`.
- When creating tests, make use of `php artisan make:test [options] {name}` to create a feature test, and pass `--unit` to create a unit test. Most tests should be feature tests.

## Vite Error

- If you receive an "Illuminate\Foundation\ViteException: Unable to locate file in Vite manifest" error, you can run `npm run build` or ask the user to run `npm run dev` or `composer run dev`.

=== laravel/v12 rules ===

# Laravel 12

- CRITICAL: ALWAYS use `search-docs` tool for version-specific Laravel documentation and updated code examples.
- Since Laravel 11, Laravel has a new streamlined file structure which this project uses.

## Laravel 12 Structure

- In Laravel 12, middleware are no longer registered in `app/Http/Kernel.php`.
- Middleware are configured declaratively in `bootstrap/app.php` using `Application::configure()->withMiddleware()`.
- `bootstrap/app.php` is the file to register middleware, exceptions, and routing files.
- `bootstrap/providers.php` contains application specific service providers.
- The `app\Console\Kernel.php` file no longer exists; use `bootstrap/app.php` or `routes/console.php` for console configuration.
- Console commands in `app/Console/Commands/` are automatically available and do not require manual registration.

## Database

- When modifying a column, the migration must include all of the attributes that were previously defined on the column. Otherwise, they will be dropped and lost.
- Laravel 12 allows limiting eagerly loaded records natively, without external packages: `$query->latest()->limit(10);`.

### Models

- Casts can and likely should be set in a `casts()` method on a model rather than the `$casts` property. Follow existing conventions from other models.

=== pint/core rules ===

# Laravel Pint Code Formatter

- You must run `vendor/bin/pint --dirty --format agent` before finalizing changes to ensure your code matches the project's expected style.
- Do not run `vendor/bin/pint --test --format agent`, simply run `vendor/bin/pint --format agent` to fix any formatting issues.

=== pest/core rules ===

## Pest

- This project uses Pest for testing. Create tests: `php artisan make:test --pest {name}`.
- Run tests: `php artisan test --compact` or filter: `php artisan test --compact --filter=testName`.
- Do NOT delete tests without approval.
- CRITICAL: ALWAYS use `search-docs` tool for version-specific Pest documentation and updated code examples.
- IMPORTANT: Activate `pest-testing` every time you're working with a Pest or testing-related task.

=== tailwindcss/core rules ===

# Tailwind CSS

- Always use existing Tailwind conventions; check project patterns before adding new ones.
- IMPORTANT: Always use `search-docs` tool for version-specific Tailwind CSS documentation and updated code examples. Never rely on training data.
- IMPORTANT: Activate `tailwindcss-development` every time you're working with a Tailwind CSS or styling-related task.
</laravel-boost-guidelines>

=== GajiPro Project Rules ===

# Project Overview

GajiPro adalah HRIS/Payroll SaaS multi-tenant untuk pasar Indonesia.

## Tech Stack
- Laravel 12 + Blade + Alpine.js + Tailwind CSS 4
- Pest PHP untuk testing (bukan PHPUnit)
- Spatie Permission untuk roles & permissions
- Multi-tenant architecture dengan company isolation

## Development Approach - TDD (Test-Driven Development)

WAJIB menggunakan pendekatan TDD untuk semua fitur baru:

1. **Red Phase**: Tulis test terlebih dahulu yang akan fail
2. **Green Phase**: Tulis kode minimum untuk membuat test pass
3. **Refactor Phase**: Perbaiki kode tanpa mengubah behavior

### Testing dengan Pest PHP
```php
// Gunakan Pest PHP syntax, BUKAN PHPUnit
uses(RefreshDatabase::class);

beforeEach(function () {
    // Setup test data
});

describe('Feature Name', function () {
    it('does something specific', function () {
        // Test implementation
        expect($result)->toBe($expected);
    });
});
```

### Jalankan Test
```bash
# Run semua test
./vendor/bin/pest

# Run specific test file
./vendor/bin/pest tests/Feature/Employee/EmployeeControllerTest.php

# Run dengan filter
./vendor/bin/pest --filter="employee"
```

## Form Components Standard

Semua form input WAJIB menggunakan class `.input` yang sudah terstandarisasi:

### Input Text, Email, Password, Number, Date
```blade
<input type="text" name="field_name" id="field_name"
       value="{{ old('field_name', $model->field_name ?? '') }}"
       class="input w-full @error('field_name') border-danger-500 @enderror"
       {{ $required ? 'required' : '' }}>
@error('field_name')
    <p class="mt-1 text-sm text-danger-600">{{ $message }}</p>
@enderror
```

### Select Dropdown
```blade
<select name="field_name" id="field_name"
        class="input w-full @error('field_name') border-danger-500 @enderror">
    <option value="">Pilih opsi...</option>
    @foreach($options as $option)
        <option value="{{ $option->id }}" {{ old('field_name', $model->field_name ?? '') == $option->id ? 'selected' : '' }}>
            {{ $option->name }}
        </option>
    @endforeach
</select>
```

### Textarea
```blade
<textarea name="field_name" id="field_name" rows="3"
          class="input w-full @error('field_name') border-danger-500 @enderror">{{ old('field_name', $model->field_name ?? '') }}</textarea>
```

### Form Label
```blade
<label for="field_name" class="block text-sm font-medium text-secondary-700 mb-1">
    Label Text <span class="text-danger-500">*</span>
</label>
```

### Input dengan Prefix (Rp, $, dll)
**PENTING: Gunakan inline style, JANGAN Tailwind class untuk positioning prefix!**

```blade
<div style="position: relative;">
    <span style="position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #64748b; font-size: 14px; pointer-events: none;">Rp</span>
    <input type="text" name="base_salary" id="base_salary"
           value="{{ old('base_salary') }}"
           class="input w-full"
           style="padding-left: 36px;"
           placeholder="10.000.000">
</div>
```

**JANGAN gunakan Tailwind class seperti `absolute left-3 top-1/2 -translate-y-1/2` - tidak bekerja dengan Tailwind CSS 4!**

### CSS Input Styles (sudah ada di app.css)
- Border: `1px solid #cbd5e1` (slate-300)
- Border Radius: `8px`
- Padding: `10px 14px`
- Focus: Blue border dengan ring shadow
- Error: Red border dengan `.border-danger-500`
- Select: Custom dropdown arrow

## UI Components

### Buttons
```blade
<button class="btn btn-primary">Primary Action</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-ghost">Ghost</button>
<button class="btn btn-danger">Danger</button>
<a href="#" class="btn btn-primary">Link Button</a>
```

### Badges
```blade
<x-badge type="success">Active</x-badge>
<x-badge type="warning">Pending</x-badge>
<x-badge type="danger">Inactive</x-badge>
<x-badge type="info">Info</x-badge>
<x-badge type="secondary">Default</x-badge>
```

### Cards
```blade
<div class="card">
    <div class="card-header">
        <h3 class="card-title">Title</h3>
    </div>
    <div class="card-body">
        Content here
    </div>
    <div class="card-footer">
        Footer actions
    </div>
</div>
```

### Tables
```blade
<x-table>
    <x-slot name="header">
        <th>Column 1</th>
        <th>Column 2</th>
    </x-slot>
    @foreach($items as $item)
        <tr>
            <td>{{ $item->field1 }}</td>
            <td>{{ $item->field2 }}</td>
        </tr>
    @endforeach
</x-table>
```

### Alerts
```blade
<x-alert type="success" dismissible>Success message</x-alert>
<x-alert type="danger">Error message</x-alert>
<x-alert type="warning">Warning message</x-alert>
```

## Multi-Tenant Architecture

### Tenant Context
```php
// Get current tenant (company)
$tenant = app('tenant');

// Query dengan tenant isolation
$employees = Employee::where('company_id', $tenant->id)->get();
```

### Controller Pattern
```php
public function index(Request $request): View
{
    $tenant = app('tenant');

    $items = Model::with(['relation'])
        ->where('company_id', $tenant->id)
        ->paginate(15);

    return view('module.index', compact('items'));
}
```

### Authorization Check
```php
public function show(Model $model): View
{
    $tenant = app('tenant');

    if ($model->company_id !== $tenant->id) {
        abort(404);
    }

    return view('module.show', compact('model'));
}
```

## Naming Conventions

### Routes
- Resource routes: `Route::resource('employees', EmployeeController::class);`
- Nested: `Route::resource('departments.positions', PositionController::class);`

### Views
- Folder: `resources/views/{module}/`
- Files: `index.blade.php`, `create.blade.php`, `edit.blade.php`, `show.blade.php`

### Models
- Auto-generate ID pattern: `{PREFIX}{YEAR}{SEQUENCE}` (contoh: EMP20260001)
- Gunakan `booted()` method untuk model events
- Selalu include `company_id` untuk tenant isolation

## Confirmation Dialog

Gunakan `<x-confirm-dialog />` component untuk semua aksi yang memerlukan konfirmasi (hapus, logout, dll). JANGAN gunakan native browser `confirm()`.

### Setup
Pastikan component sudah ada di layout (HARUS di luar content wrapper agar positioning fixed bekerja):
```blade
{{-- Di layouts/admin.blade.php sebelum </body> --}}
<x-confirm-dialog />
```

### Component Structure (PENTING)
Dialog HARUS menggunakan inline style untuk positioning agar tidak tertimpa Tailwind:

```blade
{{-- Modal Wrapper - WAJIB pakai inline style --}}
<div
    x-show="open"
    x-cloak
    style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999;"
>
    {{-- Backdrop --}}
    <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5);"></div>

    {{-- Centering Container --}}
    <div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; pointer-events: none;">
        {{-- Dialog Panel --}}
        <div style="pointer-events: auto; width: 100%; max-width: 28rem; background-color: white; border-radius: 1rem;">
            {{-- Content here --}}
        </div>
    </div>
</div>
```

**JANGAN gunakan Tailwind class seperti `fixed inset-0 flex items-center justify-center` untuk modal - akan tertimpa oleh CSS lain!**

### Trigger Dialog
Gunakan Alpine.js `$dispatch` untuk trigger dialog:

```blade
{{-- Delete Button --}}
<button
    type="button"
    @click="$dispatch('confirm-dialog', {
        title: 'Hapus Data',
        message: 'Apakah Anda yakin ingin menghapus data ini?',
        confirmText: 'Ya, Hapus',
        type: 'danger',
        formAction: '{{ route('resource.destroy', $model) }}'
    })"
    class="btn btn-danger"
>
    Hapus
</button>
```

### Dialog Types
- `danger` - Untuk aksi berbahaya (hapus, terminate) - Icon & button merah
- `warning` - Untuk aksi yang perlu perhatian - Icon & button kuning
- `info` - Untuk konfirmasi informatif - Icon & button biru

### Dialog Options
```javascript
{
    title: 'Dialog Title',           // Judul dialog
    message: 'Confirmation message', // Pesan konfirmasi
    confirmText: 'Confirm Button',   // Teks tombol konfirmasi
    type: 'danger',                  // danger | warning | info
    formAction: '/route/to/action'   // URL untuk form submit (DELETE method)
}
```

### Contoh Penggunaan

```blade
{{-- Di table action column --}}
<button
    type="button"
    @click="$dispatch('confirm-dialog', {
        title: 'Hapus Karyawan',
        message: 'Apakah Anda yakin ingin menghapus karyawan {{ $employee->full_name }}?',
        confirmText: 'Ya, Hapus',
        type: 'danger',
        formAction: '{{ route('employees.destroy', $employee) }}'
    })"
    class="btn btn-ghost btn-sm text-danger-600"
>
    <svg class="w-4 h-4">...</svg>
</button>

{{-- Full width button --}}
<button
    type="button"
    @click="$dispatch('confirm-dialog', {
        title: 'Logout',
        message: 'Apakah Anda yakin ingin keluar dari sistem?',
        confirmText: 'Ya, Logout',
        type: 'warning',
        formAction: '{{ route('logout') }}'
    })"
    class="btn btn-warning w-full"
>
    Logout
</button>
```

### Debugging
Jika dialog tidak muncul, cek browser console untuk:
- `confirm-dialog: initialized` - Component sudah ter-load
- `confirm-dialog: show() called` - Event dispatch diterima

## Language

- UI Text: Bahasa Indonesia
- Code (variables, methods, comments): English
- Database columns: English (snake_case)
