{% extends "cacsremoteservice/views/layouts/analysis-view-new.html" %}

{% block main-content %}
<div id='dashboard-content'></div>
{% endblock %}

{% block scripts %}
<script>
  (function() {
    const context = {
      viewContext: '{{ view-context }}',
      projectName: {{ project-name|json|safe }},
      projectId: '{{ project-id }}',
      analysisId: '{{ analysis-id }}',
      product: '{{ product }}',
      projectCreatedAt: '{{ project-created-at }}',
      planFeatures: {{ feature-flags|json|safe }},
      isLatestAnalysis: {% if latest-analysis-in-project? %}true{% else %}false{% endif %},
      latestAnalysisId: '{{ latest-analysis-id }}'
    };

    const data = {{ factor-data|safe }};

    codescene.views.analyses.fourFactorDashboard.init(document.getElementById('dashboard-content'), context, data);
  })();
</script>
{% endblock %}