@props([
    'name',
    'label' => null,
    'value' => '#000000',
    'disabled' => false,
    'help' => null
])

@php
    $classes = 'form-control form-control-color';
    if ($errors->has($name)) {
        $classes .= ' is-invalid';
    }
@endphp

<div class="mb-3">
    @if($label)
        <label for="{{ $name }}" class="form-label">{{ $label }}</label>
    @endif

    <input 
        type="color"
        name="{{ $name }}"
        id="{{ $name }}"
        class="{{ $classes }}"
        value="{{ old($name, $value) }}"
        @if($disabled) disabled @endif
        {{ $attributes }}
    >

    @if($help)
        <div class="form-text">{{ $help }}</div>
    @endif

    @error($name)
        <div class="invalid-feedback">{{ $message }}</div>
    @enderror
</div>