<?php

namespace App\View\Form;

use App\View\Traits\HasFormDimensions;
use Illuminate\View\Component;

class Select extends Component
{

    use HasFormDimensions;

    public string $id;

    public function __construct(
        public string $name,
        public string $size = 'default',
        public ?string $hint = null,
        public bool $required = false,
        public string $label = '',
        public $options = [],
        public bool $disabled = false,
    ) {
        $this->id = str()->uuid()->toString();
    }

    public function render()
    {
        return <<<'HTML'
            <label class="flex flex-col group {{$heightClass}}" for="{{$id}}" style="{{$heightVars}}">
                @if ($label)
                <x-form::label :required="$required">{{$label}}</x-form::label>
                @endif

                <div class="relative flex-none flex">
                    <select {{$attributes}} @if($disabled) disabled @endif name="{{$name}}"
                        class="
                            w-full h-[var(--height)] border-gray-600 border-solid text-gray-300 bg-gray-700 leading-none rounded-lg
                            group-[.size-default]:border-2 group-[.size-sm]:border
                            group-[.size-default]:text-sm group-[.size-sm]:text-xs
                            group-[.size-default]:px-2 group-[.size-sm]:px-1
                            py-0
                        "
                    >
                        <option value="">-- kein --</option>
                        @foreach ($options as $option)
                        <option value="{{$option['id']}}">{{ $option['name'] }}</option>
                        @endforeach
                    </select>
                    @if($hint)
                    <x-form::hint class="right-6">{{$hint}}</x-form::hint>
                    @endif
                </div>

            </label>
        HTML;
    }
}