@php
     $bgcolors = [
         'Approved' => '#3DAD5C',
         'Need Review' => '#FAAD43',
         'Decline' => '#ED3E3E',
     ];

     $icons = [
         'Approved' => asset('assets/img/icons/approved.svg'),
         'Need Review' => asset('assets/img/icons/pending.svg'),
         'Decline' => asset('assets/img/icons/decline.svg'),
     ];

 @endphp

 <div class="control">
     <div class="h-select label-only @isset($class) {{ $class }} @endisset"
         id="status_{{ $user_id }}" @isset($style) style="{{ $style }}" @endisset>
         @foreach ($bgcolors as $key => $color)
             @if ($key == $status)
                 <div class="select-box @if ($key == 'Need Review' && isset($fs)) {{ $fs }} @endif"
                     id="status-box{{ $name }}"
                     style="cursor: auto; justify-content: center ;background-color: {{ $color }};border-color:{{ $color }}">
                     <img id="img-icon{{ $name }}" class="mr-2" src="{{ $icons[$key] }}">
                     <div id="status-text{{ $name }}" style="color: white">{{ $key }}</div>
                 </div>
             @endif
         @endforeach
     </div>
 </div>

 <script>
     $(document).ready(function() {
         $('.label-only').on('click', function(e) {
             e.stopPropagation();
         })
     })
 </script>