@extends('layouts.main')

@section('breadcrumb')
  <div class="row">
    <div class="col-sm-12">
      <div class="page-title-box">
        <h4 class="page-title">Boardroom Reports</h4>
        <ol class="breadcrumb float-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item">Reports</li>
          <li class="breadcrumb-item active">Boardroom Reports</li>
        </ol>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
@endsection

@section('content')
  <div class="clearfix"></div>
  @include('flash::message')
  <div class="clearfix"></div>
  {{--
  <div class="row">
    <div class="col-md-12">
      <div class="card-box">
        <div class="box-body" style="">
          <form method="POST" action="{!! url('reports/boardroom-report') !!}" accept-charset="UTF-8">
            {{ csrf_field() }}
            <div class="row">
              <div class="col-sm-3">
                <div class="form-group">
                  <select class="form-control" name="report_requested" id="report_requested">
                    <option value="">Select Report</option>
                    @foreach ($reportNames as $reportName)
                      <option value="{{ $reportName }}">{{ $reportName }}</option>
                    @endforeach
                  </select>
                </div>
              </div>
              <div class="col-sm-9">
                <div class="form-group">
                  <input class="btn btn-success" type="submit" value="Preview Report">
                  <span>Please use Google Chrome or Firefox browser</span>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
--}}
  @if ($reports->count() > 0)
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-body">
            <div class="table-responsive">
              <table class="table table-chrome table-striped not-wrapped-results" id="ondemandReportsTable">
                <thead>
                <tr>
                  <th>Title</th>
                  <th>Date</th>
                  <th colspan="3">Action</th>
                </tr>
                </thead>
                <tbody>
                @foreach($reports as $report)
                  @php
                    if ($report->name === 'MSS-VME' or $report->name === 'MSS-VM') {
      $fileName = 'TLP AMBER Operational & Intelligence (MO&I) Technical REPORT - '.$accountName . ' ' . date('m-d-Y', strtotime($report->created_at)) . ' ' . $report->name . '.pdf';
  } else {
      $fileName = 'TLP AMBER ' . (str_contains($report->name, 'Boardroom') ? 'BOARDROOM' : 'CISO') . ' EXECUTIVE REPORT - ' . $accountName.' ' . date('m-d-Y', strtotime($report->created_at)) . '.pdf';
  }
                  @endphp
                  <tr>
                    <td>{{ $fileName }}{{-- ({{ date('m/d/Y H:i', strtotime($report->created_at)) }})--}}</td>
                    <td>{{ date('m/d/Y', strtotime($report->created_at)) }}</td>
                    <td>
                      <div class='btn-group'>
                        <a title="View On-demand Report"
                           href="{!! url('/reports/on-demand/download', ['id' => $report->id]) !!}"
                           class="link-bg-green" target="_blank">
                          <i class=" ti-blackboard"></i>
                        </a>
                        <a title="Download On-demand Report" style="margin-left: 5px;"
                           href="{!! url('/reports/on-demand/download', ['id' => $report->id, 'download' => 1]) !!}"
                           class="link-bg-blue" target="_blank">
                          <i class=" ti-download"></i>
                        </a>
                      </div>
                    </td>
                  </tr>
                @endforeach
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endif

  @if ($reportRequested and $templateName)
    <div id="ondemandReportPreview" class="modal-demo">
      <div class="custom-modal-title name_wiget" style="line-height: 36px;">
        {{--{!! $services[$serviceId] !!}--}}
        {{ $reportRequested }}
        <span class="pull-right" id="ondemandReportActions">
                    Preview is loading...
                </span>
      </div>
      <div class="custom-modal-text">
        <div class="custom-modal-loader">
          <img src="/theme/assets/images/ajax-loader.gif" alt="">
        </div>
        @include("reports.on-demand.templates.$templateName")
      </div>
    </div>
    <script type="text/javascript">
      $(function () {
        var modal = new Custombox.modal({
          content: {
            effect: 'fadein',
            target: '#ondemandReportPreview'
          }
        });

        modal.open();
      });
    </script>
    <style type="text/css">
      #ondemandReportPreview {
        width: 1200px;
        max-width: 1200px;
        text-align: left;
      }

      #ondemandReportPreview .custom-modal-loader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99;
        bottom: 0;
        background: rgba(0, 0, 0, .75);
        display: flex;
        align-items: center;
        justify-content: center;
      }

      #ondemandReportPreview .custom-modal-text {
        /* position: relative; */
        overflow-y: scroll;
        min-height: 90vh;
        max-height: 90vh;
        background-color: #ffffff;
        color: #333333;
      }

      #ondemandReportPreview .custom-modal-text h3 {
        color: #365F91;
      }

      #ondemandReportPreview .widget-preview {
        text-align: center;
        margin-bottom: 15px;
        min-height: 50px;
      }

      #ondemandReportPreview .table {
        text-align: left;
      }

      #ondemandReportPreview .table > thead > tr > th, #ondemandReportPreview .table > tbody > tr > td {
        border-color: #dee2e6;
        color: #333333;
      }

      #ondemandReportPreview canvas {
        margin: 0 auto;
      }

      #ondemandReportPreview .widget-screenshot {
        display: none;
      }
    </style>
  @endif
@endsection

@section('scripts')
  @include('reports.on-demand.js_render')
@endsection