<?php
declare(strict_types=1);
namespace App\Views\Components\Forms;
use App\Views\Components\Hint;
use Override;
class Checkbox extends FormComponent
{
protected array $props = ['hint', 'helper'];
protected array $casts = [
'isChecked' => 'boolean',
];
protected string $hint = '';
protected string $helper = '';
#[Override]
public function render(): string
{
$checkboxInput = form_checkbox(
[
'id' => $this->id,
'name' => $this->name,
'class' => 'form-checkbox bg-elevated text-accent-base border-contrast border-3 focus:ring-accent w-6 h-6 transition',
],
'yes',
in_array($this->getValue(), ['yes', 'true', 'on', '1'], true),
);
$hint = $this->hint === '' ? '' : (new Hint([
'class' => 'ml-1',
'slot' => $this->hint,
]))->render();
$this->mergeClass('inline-flex items-start gap-x-2');
$helperText = '';
if ($this->helper !== '') {
$helperId = $this->name . 'Help';
$helperText = (new Helper([
'id' => $helperId,
'slot' => $this->helper,
'class' => '-mt-1',
]))->render();
$this->attributes['aria-describedby'] = $helperId;
}
return <<<HTML
<label {$this->getStringifiedAttributes()}>{$checkboxInput}
<div class="flex flex-col">
<span>{$this->slot}{$hint}</span>
{$helperText}
</div>
</label>
HTML;
}
}