2024-05-12 18:38:33 +00:00
|
|
|
<?php
|
|
|
|
|
|
|
|
|
|
declare(strict_types=1);
|
|
|
|
|
|
|
|
|
|
namespace App\Views\Components\Forms;
|
|
|
|
|
|
|
|
|
|
use App\Views\Components\Hint;
|
2024-05-29 10:24:13 +00:00
|
|
|
use Override;
|
2024-05-12 18:38:33 +00:00
|
|
|
|
|
|
|
|
class RadioGroup extends FormComponent
|
|
|
|
|
{
|
|
|
|
|
protected array $props = ['label', 'options', 'hint', 'helper'];
|
|
|
|
|
|
|
|
|
|
protected array $casts = [
|
|
|
|
|
'options' => 'array',
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
protected string $label;
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* @var array{value:string,label:string,hint?:string}
|
|
|
|
|
*/
|
|
|
|
|
protected array $options = [];
|
|
|
|
|
|
|
|
|
|
protected string $helper = '';
|
|
|
|
|
|
|
|
|
|
protected string $hint = '';
|
|
|
|
|
|
2024-05-29 10:24:13 +00:00
|
|
|
#[Override]
|
2024-05-12 18:38:33 +00:00
|
|
|
public function render(): string
|
|
|
|
|
{
|
|
|
|
|
$this->mergeClass('flex flex-col');
|
|
|
|
|
|
|
|
|
|
$options = '';
|
|
|
|
|
foreach ($this->options as $option) {
|
|
|
|
|
$options .= (new RadioButton([
|
|
|
|
|
'value' => $option['value'],
|
|
|
|
|
'name' => $this->name,
|
|
|
|
|
'slot' => $option['label'],
|
|
|
|
|
'hint' => $option['hint'] ?? '',
|
|
|
|
|
'isSelected' => var_export($this->value === null ? ($option['value'] === $this->options[array_key_first($this->options)]['value']) : ($this->value === $option['value']), true),
|
|
|
|
|
'isRequired' => var_export($this->isRequired, true),
|
|
|
|
|
]))->render();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$helperText = '';
|
|
|
|
|
if ($this->helper !== '') {
|
|
|
|
|
$helperId = $this->name . 'Help';
|
|
|
|
|
$helperText = (new Helper([
|
|
|
|
|
'id' => $helperId,
|
|
|
|
|
'slot' => $this->helper,
|
|
|
|
|
]))->render();
|
|
|
|
|
$this->attributes['aria-describedby'] = $helperId;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$hint = $this->hint === '' ? '' : (new Hint([
|
|
|
|
|
'class' => 'ml-1',
|
|
|
|
|
'slot' => $this->hint,
|
|
|
|
|
]))->render();
|
|
|
|
|
|
|
|
|
|
return <<<HTML
|
|
|
|
|
<fieldset {$this->getStringifiedAttributes()}>
|
|
|
|
|
<legend class="-mb-1 text-sm font-semibold">{$this->label}{$hint}</legend>
|
|
|
|
|
{$helperText}
|
|
|
|
|
<div class="flex gap-1 mt-1">{$options}</div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
HTML;
|
|
|
|
|
}
|
|
|
|
|
}
|
