@inject('splunk_searches', '\App\Models\SplunkSearches')

<div class="tab-content">
  <div class="tab-pane @if (!$isActiveDiscoveredAssets) active @endif" id="tab-main">
    <div class="row">
      <div class="col-md-6 col-xs-12 m-t-10">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(31) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet31" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element31" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([31],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xs-12 m-t-10">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(32) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet32" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element32" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([32],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-md-6 col-xs-12 m-t-10">
        <div class="portlet">
          <div class="portlet-heading">
            <h3 class="portlet-title text-dark">{{ \App\Models\SplunkSearches::getNameForId(449) }}</h3>
            <div class="clearfix"></div>
          </div>
          <div id="portlet449" class="panel-collapse collapse show">
            <div class="portlet-body">
              <div id="element449" class="ct-chart ct-golden-section">
                <div>{!! $splunk_searches::getCodeArray([449],$from,$to) !!}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="tab-pane @if ($isActiveDiscoveredAssets) active @endif" id="tab-discovered-assets">
    <div class="box box-default">
      <div class="box-header with-border">
        <h4 class="box-title">Filters: Location and/or Division and/or Type</h4>
      </div>
      <div class="box-body">
        {{--        Filter --}}
        <form action="{{ url()->current() }}" method="GET" id="filter_form">
          <div class="row">
            <div class="col-sm-3">
              <div class="form-group">
                <select class="standards_id_input form-control" name="location"
                        tabindex="1" aria-hidden="true">
                  <option @if(!isset($filter['location'])) selected="selected" @endif  disabled>Any</option>
                  <option @if(isset($filter['location']) and $filter['location'] == 'Not Set') selected="selected"
                          @endif value="Not Set">Not Set
                  </option>
                  <option @if(isset($filter['location']) and $filter['location'] == 'Internal') selected="selected"
                          @endif value="Internal">Internal
                  </option>
                  <option @if(isset($filter['location']) and $filter['location'] == 'External') selected="selected"
                          @endif value="External">External
                  </option>
                </select>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <select class="standards_id_input form-control" name="division"
                        tabindex="2" aria-hidden="true">
                  <option @if(!isset($filter['division'])) selected="selected" @endif  disabled>Any</option>
                  <option @if(isset($filter['division']) and $filter['division'] == 'Not Set') selected="selected"
                          @endif value="Not Set">Not Set
                  </option>
                  @foreach(\App\Models\CAD\AssetDivision::getDivisionNames() as $division)
                    <option
                      @if(isset($filter['division']) and $filter['division'] == $division->name) selected="{{ $division->name }}"
                      @endif value="{{ $division->name }}">{{ $division->name }}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="form-group">
                <select name="type" id="type" class="form-control standards_id_input">
                  <option @if(!isset($filter['type'])) selected="selected" @endif  disabled>Set Type</option>
                  @foreach ($assetsTypes as $value => $label)
                    <option value="{!! $value !!}"
                            @if (request()->input('type') == $value) selected="selected" @endif>{{ $label }}</option>
                  @endforeach
                </select>
              </div>
            </div>
            <div class="col-sm-3" style="margin-bottom: 0px;margin-top: 0px;">
              <div class="form-group">
                <input class="btn btn-success btn-disabled" type="submit" value="Filter" id="filter_submit_button"
                       disabled>
                <a href="{{ url()->current().'?tab2=tab2' }}" class="btn btn-light">Reset</a>
              </div>
            </div>
          </div>
        </form>
        <script>
          $(document).ready(function () {
            function activateButton() {
              let sButton = document.getElementById("filter_submit_button");
              sButton.disabled = false;
              sButton.classList.remove("btn-disabled");
            }

            $('#filter_form').on('select2:select', function (e) {
              activateButton();
            });
          });
        </script>
        <style>
          .btn-disabled {
            opacity: 0.4 !important;
          }
        </style>
        {{--      EOF  Filter --}}
      </div>
    </div>

    @php
      $exportFilter = [];
      if (($assetType = request('type')) !== null) {
          $exportFilter['type'] = $assetType;
      }
      if (($assetDivision = request('division')) !== null) {
          $exportFilter['division'] = $assetDivision;
      }
      if (($assetLocation = request('location')) !== null) {
          $exportFilter['location'] = $assetLocation;
      }
    @endphp
    <div class="row" style="display: block;">
      <div class="col-md-3" style="float:right;position:relative; z-index: 1000; ">
        <div class="dropdown pull-right" style="display: inline-block; margin-right: 15px;">
          <button id="exportDiscoveredAssetsBtn" class="btn btn-warning dropdown-toggle" type="button"
                  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                  @if ($assetsInventory->count() == 0) disabled="disabled" @endif>
            Export Assets
            &nbsp;
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" style="box-shadow: 0 0 3px rgba(0, 0, 0, .5); right: 0; left: auto;">
            <li><a href="{!! route('assets-inventory.export', array_merge(['format' => 'csv'], $exportFilter)) !!}">As
                *.csv file</a></li>
            <li><a href="{!! route('assets-inventory.export', array_merge(['format' => 'xlsx'], $exportFilter)) !!}">As
                *.xlsx file</a></li>
            <li><a href="javascript: void(0);"
                   onclick="printJS({printable: 'print-area', type: 'html', header: 'Assets Inventory'})">As *.pdf
                file</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row">
      <div class="col-md-12 m-t-15 styling-table-big">
        <div class="portlet">
          <div class="portlet-heading no-search">
            <h3 class="portlet-title text-dark">Discovered Assets</h3>
            <div class="clearfix"></div>
          </div>
          <div class="portlet-body" style="padding-bottom: 60px;">
            <table class="table table-chrome table-striped not-wrapped-results" id="assetsInventoryTable">
              <thead>
              <tr>
                <th>Hostname</th>
                <th>IP</th>
                <th>OS</th>
                <th>Impact</th>
                <th>Asset Type</th>
                <th>Division</th>
                <th>Location</th>
                <th>Baselined </th>
                <th>Date Scanned</th>
              </tr>
              </thead>
              <tbody>

              @foreach ($assetsInventory as $assetInventory)
                <tr>
                  <td>{!! \App\Models\AssetsInventory::formatHostNameColumn($assetInventory->host, "<br>") !!}</td>
                  <td>{{ $assetInventory->ip }}</td>
                  <td>{{ $assetInventory->operating_system }}</td>
                  <td>{{ $assetInventory->impact ?: 'n/a' }}</td>
                  <td>{{ $assetInventory->typeName }}</td>
                  <td>{{ $assetInventory->division }}</td>
                  <td>{{ $assetInventory->location }}</td>
                  <td>{{ $assetInventory->is_not_baselined?"No":"Yes" }}</td>
                  <td>{{ $assetInventory->date_scanned !== null ? date('m/d/Y', strtotime($assetInventory->date_scanned)) : '' }}</td>
                </tr>
              @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div id="print-area" style="display: none;">
    <table id="pdf-table">
      <thead>
      <tr>
        <th>Hostname</th>
        <th>IP</th>
        <th>OS</th>
        <th>Impact</th>
        <th>Division</th>
        <th>Location</th>
        <th>Date Scanned</th>
      </tr>
      </thead>
      <tbody>
      @foreach ($assetsInventory as $assetInventory)
        <tr>
          <td>{!! \App\Models\AssetsInventory::formatHostNameColumn($assetInventory->host, "<br>") !!}</td>
          <td>{{ $assetInventory->ip }}</td>
          <td>{{ $assetInventory->operating_system }}</td>
          <td>{{ $assetInventory->impact }}</td>
          <td>{{ $assetInventory->division }}</td>
          <td>{{ $assetInventory->location }}</td>
          <td>@if ($assetInventory->date_scanned) {{ date('m/d/Y', strtotime($assetInventory->date_scanned)) }} @endif</td>
        </tr>
      @endforeach
      </tbody>
    </table>
    <style type="text/css">
      @media print {
        #print-area {
          display: block !important;
        }

        #pdf-table {
          width: 100%;
          max-width: 100%;
          border: 1px solid #f4f4f4;
          border-collapse: collapse;
          border-spacing: 0;
        }

        #pdf-table > thead > tr > th, #pdf-table > tbody > tr > td {
          border: 1px solid #f4f4f4;
        }
      }

      #exportDiscoveredAssetsBtn:disabled {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
        color: inherit;
        background-color: inherit;
        border-color: transparent;
      }
    </style>
  </div>

  <div class="row">
    @include('dashboards.ecsm.news_top')
  </div>

  @section('splunk')
    @if(!$splunkuser)
      <script type="text/javascript">
        $('.portlet-body>div').html('<span class="info_big">N/A</span>');
      </script>
    @endif
    <script>
      $(function () {
        new DataTable(document.querySelector('#assetsInventoryTable'), {
          perPageSelect: [5, 15, 25, 50, 100],
          perPage: 15,
        });
      });
    </script>
@endsection