{{-- Input Color --}}
<div class="form-group row" >
    <label class="col-sm-3 col-form-label">{{$name}}</label>
    <div class="col-sm-9 input-group {{'color_'.$id}}">
        <input type="text" name="{{$id}}" autocomplete="off" id="{{$id}}" class="form-control" value="{{old($id,$value)}}">
        <div class="input-group-append">
            <span class="input-group-text"><i class="fas fa-square"></i></span>
        </div>
    </div>
</div>


{{-- Add plugin initialization and configuration code --}}

@push('js')
    <script>

        $('.{{'color_'.$id}}').colorpicker();

        $('.{{'color_'.$id}}').on('colorpickerChange', function (event) {
            $('.{{'color_'.$id}} .fa-square').css('color', event.color.toString());
        });

        $('.{{'color_'.$id}} .fa-square').css('color', $('#{{$id}}').val());

    </script>
@endpush