@if(!empty($first_step_validation))

    <button onclick="validate_first_step()" class="next action-button" type="button" name="next">(Save & Next)</button>

@else

    <button class="next action-button" type="button" name="next"> (Save & Next)</button>

@endif

function validate_first_step() {

var target_value_entry = $('input[name="target_value"]').val();

var tag = {!! $workstep->subprocess_id !!} ; 

var first_step_min = {!! $first_step_validation->min_value !!} ;

var first_step_max = {!! $first_step_validation->max_value !!} ;

var first_step_target = {!! $first_step_validation->target_value !!} ;

console.log(first_step_min);

console.log(first_step_max);

console.log(first_step_target);

if(target_value_entry > first_step_min && target_value_entry < first_step_max) {

     alert('You are doing well.');

}

if(target_value_entry < first_step_min) {

     alert(`Warning! Your entry for this step is below the expected target value of: ${first_step_min}`)

}

if(target_value_entry > first_step_max) {

     alert(`Warning! Your entry for this step is above the expected target value of: ${first_step_max}`)

}

Attempt to read min_value on null

var first_step_min = {!! $first_step_validation->min_value !!} ;

var first_step_min = { $first_step_validation->min_value ?? ""} ;

function $first_step_validation is not defined

@unless(empty($first_step_validation))

    <script>

        function validate_first_step() {

        }

    </script>

@endunless