@if ($age_group == 1)
    @push('scripts')
        <script src="{{ asset('js/observations/0_28_days.js') }}"></script>
    @endpush

    @php $observation_counter = 0; @endphp

    @foreach ($observations as $observation)
        <tr>
            <td style="width: 25%;">
                <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
            </td>
            <!-- check whether to bring a selectable drop down or text box -->
            @if(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.$observation_counter') }}" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.$observation_counter') }}" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @elseif(!is_null($observation->options) && $observation->options!="")
                <td style="width: 20%;" class="center">
                    <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @else
                        <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal }}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @else
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @endif            
        </tr>
        @php $observation_counter++; @endphp
    @endforeach
@elseif ($age_group == 2)
    @push('scripts')
    <script src="{{ asset('js/observations/1_12_months.js') }}"></script>
    @endpush

    @foreach ($observations as $observation)
        <tr>
            <td style="width: 25%;">
                <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
            </td>
            <!-- check whether to bring a selectable drop down or text box -->
            @if(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @elseif(!is_null($observation->options) && $observation->options!="")
                <td style="width: 20%;" class="center">
                    <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @else
                        <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" class="form-control" value="{{ $observation->option_for_normal }}" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @else
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and dispay the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @endif            
        </tr>
    @endforeach
@elseif ($age_group == 3)
    @push('scripts')
    <script src="{{ asset('js/observations/1_5_years.js') }}"></script>
    @endpush

    @foreach ($observations as $observation)
        <tr>
            <td style="width: 25%;">
                <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
            </td>
            <!-- check whether to bring a selectable drop down or text box -->
            @if($observation->slug=='weight')
                <td style="width: 20%;" class="center">
                    <input type="number" step="0.01" name="observationsValues[]" id="weight" required class="col-sm-12 compulsory form-control" style="width: 100%"
                    />
                </td>
                <td colspan="3" style="width: 40%">
                    <input type="hidden" step="0.01" readonly="readonly" name="observationsNames[]" value="BMI" class="col-sm-12"/>
                    <div class="row">
                        <div class="col-sm-2" style="margin-top: 5px;">BMI</div>
                        <div class="col-sm-10">
                            <input type="number" readonly="readonly" name="observationsValues[]" id="bmi" class="col-sm-12 form-control" />
                        </div>
                    </div>
                </td>
            @elseif(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @elseif(!is_null($observation->options) && $observation->options!="")
                <td style="width: 20%;" class="center">
                    <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @else
                        <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal }}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @else
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and dispay the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @endif            
        </tr>
    @endforeach
@elseif ($age_group == 4)
    @push('scripts')
        <script src="{{ asset('js/observations/6_12_years.js') }}"></script>
    @endpush

    @foreach ($observations as $observation)
        <tr>
            <td style="width: 25%;">
                <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
            </td>
            <!-- check to make appropriate row for BMI if the observation name is weight -->
            @if($observation->slug=='weight')
            <td style="width: 20%;" class="center">
                <input type="number" step="0.01" name="observationsValues[]" id="weight" required class="col-sm-12 compulsory form-control" style="width: 100%"
                />
            </td>
            <td colspan="3" style="width: 40%">
                <input type="hidden" step="0.01" readonly="readonly" name="observationsNames[]" value="BMI" class="col-sm-12"/>
                <div class="row">
                    <div class="col-sm-2" style="margin-top: 5px;">BMI</div>
                    <div class="col-sm-10">
                        <input type="number" readonly="readonly" name="observationsValues[]" id="bmi" class="col-sm-12 form-control" />
                    </div>
                </div>
            </td>
            <!-- check whether to bring a selectable drop down or text box -->
            @elseif(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @elseif(!is_null($observation->options) && $observation->options!="")
                <td style="width: 20%;" class="center">
                    <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @else
                        <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal }}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @else
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and dispay the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal}}" class="form-control" style="color: blue"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
            @endif            
        </tr>
    @endforeach
@elseif ($age_group == 5)
    @push('scripts')
        <script src="{{ asset('js/observations/over_12_years.js') }}"></script>
        <script src="{{ asset('js/observations/over_12_years_news.js') }}"></script>
    @endpush

    @php $observation_counter = 0; @endphp

    @foreach ($observations as $observation)
        <tr>
            <td style="width: 25%;">
                <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
            </td>
            <!-- check to make appropriate row for BMI if the observation name is weight -->
            @if($observation->slug=='weight')
                <td style="width: 20%;" class="center">
                    <input type="number" step="0.01" name="observationsValues[]" id="weight" required class="col-sm-12 compulsory form-control" style="width: 100%"
                    />
                </td>
                <td colspan="3" style="width: 40%">
                    <input type="hidden" step="0.01" readonly="readonly" name="observationsNames[]" value="BMI" class="col-sm-12"/>
                    <div class="row">
                        <div class="col-sm-2" style="margin-top: 5px;">BMI</div>
                        <div class="col-sm-10">
                            <input type="number" readonly="readonly" name="observationsValues[]" id="bmi" class="col-sm-12 form-control" />
                        </div>
                    </div>
                </td>
            <!-- check whether to bring a selectable drop down or text box -->
            @elseif(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.{$observation_counter}') }}" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.{$observation_counter}') }}" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}NewsText" class="text-center"></p>
                    <input type="hidden" id="{{$observation->slug}}News" name="{{$observation->slug}}News" value="" class="col-sm-12" />
                    <input type="hidden" name="adult" id="adult" value="adult" class="col-sm-12" />
                </td>
            @elseif(!is_null($observation->options) && $observation->options!="")
                <td style="width: 20%;" class="center">
                    <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @else
                        <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                            <option value="">--select--</option>
                            @php
                                $options = explode(',',$observation->options);
                                for ($i=0; $i < count($options) ; $i++) { 
                                    echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                }
                            @endphp
                        </select>
                    @endif
                </td>
                <td colspan="3" style="width: 40%;"></td>
            @else
                <td style="width: 20%;" class="center">
                    <!-- check if the observation name is compulsory and dispay the appropriate compulsory class -->
                    @if($observation->compulsory == 1)
                        <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                    @else
                        <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                    @endif
                </td>
                <td style="width: 20%;">
                    <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal }}" class="form-control" style="color: blue;"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}Kews" class="text-center"></p>
                </td>
                <td style="width: 10%;">
                    <p id="{{$observation->slug}}NewsText" class="text-center"></p>
                    <input type="hidden" id="{{$observation->slug}}News" name="{{$observation->slug}}News" value="" class="col-sm-12" />
                    <input type="hidden" name="adult" id="adult" value="adult" class="col-sm-12" />
                </td>
            @endif            
        </tr>
    @endforeach
    @php $observation_counter++; @endphp
@else
    {{-- <tr>
        <td colspan="5" class="text-center" style="width: 100%; color: maroon">{{ __('layout.ensure_correct_dob') }}</td>
    </tr> --}}

    
    {{-- This section should ideally handle dynamically added age groups --}}
    @push('scripts')
        <script src="{{ asset('js/observations/over_12_years.js') }}"></script>
        <script src="{{ asset('js/observations/over_12_years_news.js') }}"></script>
    @endpush

    @php $observation_counter = 0; @endphp
    @if (count($observations) > 0)
        @foreach ($observations as $observation)
            @php
                $observations_age_groups_array = is_null($observation->age_group) ? [] : explode(",", $observation->age_group);
            @endphp
            @if (in_array($age_group, $observations_age_groups_array))
                <tr>
                    <td style="width: 25%;">
                        <input type="hidden" name="observationsNames[]" id="{{$observation->id}}" value="{{$observation->name}}"/>
                        <h5 class="text-center">{{ $observation->name }} {{ $observation->measurement ? "(".$observation->measurement.")" : "" }} </h5>
                    </td>
                    <!-- check to make appropriate row for BMI if the observation name is weight -->
                    @if($observation->slug=='weight')
                        <td style="width: 20%;" class="center">
                            <input type="number" step="0.01" name="observationsValues[]" id="weight" required class="col-sm-12 compulsory form-control" style="width: 100%"
                            />
                        </td>
                        <td colspan="3" style="width: 40%">
                            <input type="hidden" step="0.01" readonly="readonly" name="observationsNames[]" value="BMI" class="col-sm-12"/>
                            <div class="row">
                                <div class="col-sm-2" style="margin-top: 5px;">BMI</div>
                                <div class="col-sm-10">
                                    <input type="number" readonly="readonly" name="observationsValues[]" id="bmi" class="col-sm-12 form-control" />
                                </div>
                            </div>
                        </td>
                    <!-- check whether to bring a selectable drop down or text box -->
                    @elseif(!is_null($observation->lower_limit) && !is_null($observation->upper_limit))
                        <td style="width: 20%;" class="center">
                            <!-- check if the observation name is compulsory and display the appropriate compulsory class -->
                            @if($observation->compulsory == 1)
                                <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.{$observation_counter}') }}" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                            @else
                                <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="{{ old('observationsValues.{$observation_counter}') }}" class="col-sm-12 form-control" style="width: 100%"/>
                            @endif
                        </td>
                        <td style="width: 20%;">
                            <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->lower_limit}} - {{ $observation->upper_limit}}" class="form-control" style="color: blue;"></p>
                        </td>
                        <td style="width: 10%;">
                            <p id="{{$observation->slug}}Kews" class="text-center"></p>
                        </td>
                        <td style="width: 10%;">
                            <p id="{{$observation->slug}}NewsText" class="text-center"></p>
                            <input type="hidden" id="{{$observation->slug}}News" name="{{$observation->slug}}News" value="" class="col-sm-12" />
                            <input type="hidden" name="adult" id="adult" value="adult" class="col-sm-12" />
                        </td>
                    @elseif(!is_null($observation->options) && $observation->options!="")
                        <td style="width: 20%;" class="center">
                            <!-- check if the observation is compulsory or not and display appropriate compulsory class -->
                            @if($observation->compulsory == 1)
                                <select name="observationsValues[]" id="{{$observation->slug}}" class="col-sm-12 compulsory form-control" required>
                                    <option value="">--select--</option>
                                    @php
                                        $options = explode(',',$observation->options);
                                        for ($i=0; $i < count($options) ; $i++) { 
                                            echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                        }
                                    @endphp
                                </select>
                            @else
                                <select name="observationsValues[]" id="{{ $observation->slug}}" class="col-sm-12 form-control">
                                    <option value="">--select--</option>
                                    @php
                                        $options = explode(',',$observation->options);
                                        for ($i=0; $i < count($options) ; $i++) { 
                                            echo '<option value="'.$options[$i].'">'.$options[$i].'</option>';
                                        }
                                    @endphp
                                </select>
                            @endif
                        </td>
                        <td colspan="3" style="width: 40%;"></td>
                    @else
                        <td style="width: 20%;" class="center">
                            <!-- check if the observation name is compulsory and dispay the appropriate compulsory class -->
                            @if($observation->compulsory == 1)
                                <input type="number" step="0.01" required name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 compulsory form-control" style="width: 100%"/>
                            @else
                                <input type="number" step="0.01" name="observationsValues[]" id="{{$observation->slug}}" value="" class="col-sm-12 form-control" style="width: 100%"/>
                            @endif
                        </td>
                        <td style="width: 20%;">
                            <p style="color: #0000FF" class="text-center"><input type="text" readonly="true" value="{{ $observation->option_for_normal }}" class="form-control" style="color: blue;"></p>
                        </td>
                        <td style="width: 10%;">
                            <p id="{{$observation->slug}}Kews" class="text-center"></p>
                        </td>
                        <td style="width: 10%;">
                            <p id="{{$observation->slug}}NewsText" class="text-center"></p>
                            <input type="hidden" id="{{$observation->slug}}News" name="{{$observation->slug}}News" value="" class="col-sm-12" />
                            <input type="hidden" name="adult" id="adult" value="adult" class="col-sm-12" />
                        </td>
                    @endif            
                </tr>
                @php $observation_counter++; @endphp
            @endif
        @endforeach
    @endif
@endif

<tr id="nutritional_status_div" style="display: none">
    <td class="text-center"><h5>Nutritional Status</h5></td>
    <td class="text-center"><h5 style="color: darkorange" id="nutritional_status_text">MAM</h5></td>
    <td class="text-center" colspan="2"><h5 style="color: darkorange" id="nutritional_status_reason">BMI 11.83 < 12.7 (BMIz -2SD)</h5></td>
</tr>