{{--<script type="text/lazyload">--}}
<script>
  $(document).ready(function () {
    const monitoringWallUpdateInterval = {{ env('MONITORING_WALL_UPDATE_INTERVAL', 60000) }};

    function percent_number(n) {
      if (n > 1000) {
        return '100%';
      }
      if (n > 100) {
        return Math.floor(n / 10)
      }
      return n
    }

    function get_severity(sev) {
      if (sev) {
        if (Number.isNaN(Number(sev))) {
          if (sev.toLowerCase() === 'informational') {
            sev = 'low'
          }
          return sev;
        }
      } else { // todo это только для теста! узнать почему может быть пустой sev
        sev = 1
      }
      return {1: 'LOW', 2: 'MEDIUM', 3: 'HIGH', 4: 'HIGH'}[sev] ?? 'LOW'
    }

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

    @if($widget)
    @if(Gate::check('view-service',$widget->dashboard) or $widget->id===8
or Gate::forUser(auth()->guard('skywatch-wall')->user())->allows('view-service-wall',$widget->dashboard))
{{--    @if(true)--}}
    function radared_data_{{ $widget->id }}() {
      $.ajax({
        url: '/get-widget-data',
        data: {
          '_token': tk,
          'id': {{$widget->id}},
          'from': "{{$widget->period_to}}",
          'type': "radar",
          'to': "now",
        },
        type: "post",
        dataType: "json",
        success: function (resp) {

          if (resp.data) {
            var data = resp.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 renderPointOnRadar(type, color, value, widgetId) {
              if (type.toLowerCase() === 'network') {
                $(`.network_Radar${widgetId}`).remove();
                setNetwork(value, color, `network_Radar${widgetId}`);
              }
              if (type.toLowerCase() === 'endpoint') {
                $(`.endpoint_Radar${widgetId}`).remove();
                setEndpoint(value, color, `endpoint_Radar${widgetId}`);
              }
              if (type.toLowerCase() === 'application') {
                $(`.applications_Radar${widgetId}`).remove();
                setApplication(value, color, `applications_Radar${widgetId}`);
              }
              if (type.toLowerCase() === 'users') {
                $(`.users_Radar${widgetId}`).remove();
                setUsers(value, color, `users_Radar${widgetId}`);
              }
              if (type.toLowerCase() === 'persistency') {
                $(`.persistency_Radar${widgetId}`).remove();
                setPersistency(value, color, `persistency_Radar${widgetId}`);
              }

              if (type.toLowerCase() === 'data') {
                $(`.data_Radar${widgetId}`).remove();
                setData(value, color, `data_Radar${widgetId}`);
              }
              if (type.toLowerCase() === 'cloud/external') {
                $(`.cloudExternal_Radar${widgetId}`).remove();
                setCloudExternal(value, color, `cloudExternal_Radar${widgetId}`);
              }
            }
            $.each(resp.data_labels, function (i, e) {
              if (e == "cust_name") {
                cust_name = i;
              }
              if (e == "_time") {
                _time = i;
              }
              if (e == "domain" || e == "Domain") {
                type = i;
              }
              if (e == "Severity" || e == "severity") {
                Severity = i;
              }
              if (e == "service" || e == "Service") {
                service = i;
              }
              if (e == "Risk" || e == "risk") {
                Risk = i;
              }
            });

            const uniqueDomains = {};

            $.each(data, function(index, element) {
              const domain = element[type];

              if (!uniqueDomains[domain]) {
                uniqueDomains[domain] = element;
              }
            });

            data = Object.values(uniqueDomains);

            $.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])

                  setRadarCenterVal(percent_number(number) + '%');

                  renderPointOnRadar(element[type], color, percent_number(number), {{$widget->id}});

                  $('.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>'
                  );
                }

              });

            });
          }
        }
      });
    }

    radared_data_{{ $widget->id }}();

    setInterval(function () {
      radared_data_{{ $widget->id }}();
    }, monitoringWallUpdateInterval);

    @endif

    @endif

    @endforeach


  });
</script>

{{--</script>--}}