@inject('widgetHelper', '\App\Helpers\OnDemandReportWidgetHelper')

@include('reports.on-demand.templates.incl_style')

<section>
  <div style="float: left; width: 50%">
    <h1 style="font-family: 'Red Hat Display', Helvetica, sans-serif; margin: 0; padding: 0;
    font-weight: bold;
    font-size: 28px;
    color: #3A6E69;">TLP AMBER</h1>
    <span style="font-family: 'Red Hat Display', Helvetica, sans-serif;  margin: 0; padding: 0;
        font-size: 24px;
        color: #3A6E69;
        margin-bottom: 8px;">MSS-VME REPORT</span>
  </div>
  <div style="float: left; width: 50%">
    <div style="padding: 20px;
    background: #2E3E4D;
     margin-left: 5mm;
    border-radius: 5px;">
      <span style="font-family:'Red Hat Display', Helvetica, sans-serif;
      font-weight: bold;
      font-size: 13px;
      /*text-transform: uppercase;*/
      color: #ffffff;">{{ $isLatam?'Sobre este reporte':'About this report' }}</span>
      <p style="font-family: 'Nunito Sans', Helvetica, sans-serif; font-size: 12px; color: #ffffff;">
        {{ $isLatam ?'Se trata de un informe SKYWATCH que presenta la información más actualizada del MSS-VME tal y como se muestra en el panel de control del servicio.'
         :
         'This is a SKYWATCH report that presents the most up-to-date information for the MSS-VME as displayed in the service dashboard.'
           }}
      </p>
    </div>
  </div>
</section>

<h1 class="report-tab-title">Overview</h1>
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>9])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>11])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>10])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>615])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>2])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>3])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>574])

<h1 class="report-tab-title">History</h1>
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>13])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>14])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>15])
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>16])

<h1 class="report-tab-title">Open Port Monitoring</h1>
@include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>517])

@can('view-service','MSS-VME-ADV')
  <h1 class="report-tab-title">Penetration Tab</h1>
  @include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>536])
  @include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>537])
  @include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>538])
  @include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>539])
  @include('reports.on-demand.templates.incl_splunk_widget',['widget_id'=>540])
@endcan

<section>
  <div style="page-break-inside: avoid">
    <div style="height: 1px; width: 100%; clear: both; margin-top: 10px;"></div>
    <p style="font-family: 'Nunito Sans', Helvetica, sans-serif;
    font-size: 14px; padding-top: 0;">
      <img src="/theme/assets/images/on-demand-report/tlpamber.jpg"
           style="float: left; width: 20mm; margin-bottom: -2px; margin-top: 0;"> = Limited disclosure, restricted to
      participants’ organizations.
      Sources may use TLP:AMBER when information requires support to be effectively acted upon, yet
      carries risks to privacy, reputation, or operations if shared outside of the organizations involved.
      Recipients may only share TLP:AMBER information with members of their own organization, and
      with clients or customers who need to know the information to protect themselves or prevent
      further harm. <strong>Sources are at liberty to specify additional intended limits of the sharing: these
        must be adhered to.</strong>
    </p>
  </div>
</section>