@foreach ($arr as $k => $v)
  @php
    $widget = \App\Models\RadarSearches::where('id',$v)->first();
  @endphp

  @if($widget)
    @php
      $sim_data = \App\Models\Splunk\RadarSimulationData::where('widget_id', $widget->id)->orderBy('updated_at','desc')->first();
    @endphp

    <script>
      $(document).ready(function () {
        @if($sim_data)

        var info_leg = {!! json_encode(@unserialize($sim_data->data_labels)) !!};
        var data = {!! json_encode(@unserialize($sim_data->data)) !!};
console.log(data)
        // determine from the data array where which fields
        let cust_name = null;
        let _time = null;
        let type = null;
        let Severity = null;
        let Risk = null;
        let service = null;

        function getColor(severity) {
          switch (severity) {
            case 'medium':
              return '#F2639B';
            case 'high':
              return '#F25814';
            case 'critical':
              return '#A5163C';
            default:
              return '#92C71B';
          }
        }

        function get_severity(sev) {
          if (sev) {
            if (Number.isNaN(Number(sev))) {
              if (sev.toLowerCase() === 'informational') {
                sev = 'low'
              }
              return sev;
            }
          } else {
            sev = 1
          }
          return {1: 'LOW', 2: 'MEDIUM', 3: 'HIGH', 4: 'HIGH'}[sev] ?? 'LOW'
        }

        function renderPointOnRadar(type, color, value, widgetId) {
          if (type.toLowerCase() === 'network') {
            $(`.network_Radar${widgetId}`).remove();
            setNetwork(value, color, `network_Radar${widgetId}`);
          }
          if (type.toLowerCase() === 'process') {
            $(`.process_Radar${widgetId}`).remove();
            setProcess(value, color, `process_Radar${widgetId}`);
          }
          if (type.toLowerCase() === 'file') {
            $(`.files_Radar${widgetId}`).remove();
            setFiles(value, color, `files_Radar${widgetId}`);
          }
          if (type.toLowerCase() === 'user') {
            $(`.users_Radar${widgetId}`).remove();
            setUsers(value, color, `users_Radar${widgetId}`);
          }
          if (type.toLowerCase() === 'persistency') {
            $(`.users_Radar${widgetId}`).remove();
            setPer(value, color, `users_Radar${widgetId}`);
          }
        }

        $.each(info_leg, function (i, e) {
          if (e == "cust_name") {
            cust_name = i;
          }
          if (e == "_time") {
            _time = i;
          }
          if (e == "type" || e == "Type") {
            type = i;
          }
          if (e == "Severity" || e == "severity") {
            Severity = i;
          }
          if (e == "service" || e == "Service") {
            service = i;
          }
          if (e == "Risk" || e == "risk") {
            Risk = i;
          }
        });

        $.each(data, function (index, element) {
          setTimeout(function () {
            if (
              typeof element[type] !== typeof undefined
              &&
              typeof element[Risk] !== typeof undefined
              &&
              typeof element[Severity] !== typeof undefined
            ) {
              let color = getColor(element[Severity]);

           let     number = Number(element[Risk])

          //    console.log('oririginal',number)
              if (number < 1 || Number.isNaN(number) || number >100) {
                number = Math.floor(Math.random() * 100) + 1;
              }
           //   console.log('fixed',number)
              setRadarCenterVal(percent_number(number));

              renderPointOnRadar(element[type], color, percent_number(number), {{$widget->id}});
//console.log(number)
              $('.content_scroll_radar ul:first-child').before(
                '<ul><li>{{$widget->dashboard}}</li><li>'
                + element[type]
                + '</li><li style="color:' + color + '">'
                + get_severity(element[Severity]).toUpperCase()
                + '</li><li>'
                + percent_number(number)
                + '</li></ul>'
              );
            }

          }, 8000 * (index + 1));
        });
        @endif

        function percent_number(number, d) {
       /*   if (n > 1000) {
            return '100{{$csa?'':'%'}}';
          }
          x = ('' + n).length, p = Math.pow, d = p(10, d);
          x -= x % 3;*/

          /*if (number < 1 || Number.isNaN(number) || number >100) {
            number = Math.floor(Math.random() * 100) + 1;
          }*/
          return number + "{{$csa?'':'%'}}"
        /*  return Math.floor((n / 1000) * 100) + "{{$csa?'':'%'}}";*/
        }
      });
    </script>
  @endif
@endforeach