@extends('layouts.master')



@section('content')

<style type="text/css">
  .field-label{
    display: inline-block;
    text-align: right;
    width: 17%;
    vertical-align: top;
  }
  .field-data{
    display: inline-block;
    width: 79%;
    vertical-align: top;
  }
  .mobile .field-label{
    display: block;
    text-align: left;
    width: 100%;
    font-weight: bold;
  }
  .mobile .field-data{
    width: 100%;
  }
  .mobile .field-data{
    width: 100%;
  }
  .label-data-pair{line-height: 2;}
  .mobile .label-data-pair{
    margin-bottom: 10px;
  }
  .buttons {
    padding-left: 80%;
  }
</style>

  <h1>IT Status Alerts</h1>

  <h2>{{$type}}</h2>

  <ul class="list-menu divs">
    <li>
      @if($type == "Unplanned Outages")
        <b><a href="{{URL::route('preview')}}?type=unplanned">Unplanned Outages</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=unplanned">Unplanned Outages</a>
      @endif
    </li>
    <li>
      @if($type == "Emergency Maintenance")
        <b><a href="{{URL::route('preview')}}?type=emergency">Emergency Maintenance</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=emergency">Emergency Maintenance</a>
      @endif
    </li>
    <li>
      @if($type == "Performance Issues")
        <b><a href="{{URL::route('preview')}}?type=performance">Performance Issues</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=performance">Performance Issues</a>
      @endif
    </li>
    <li>
      @if($type == "Security Alerts")
        <b><a href="{{URL::route('preview')}}?type=security">Security Alerts</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=security">Security Alerts</a>
      @endif
    </li>
    <li>
      @if($type == "Scheduled Service Changes")
        <b><a href="{{URL::route('preview')}}?type=planned">Scheduled Service Changes</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=planned">Scheduled Service Changes</a>
      @endif
    </li>
  </ul>

  <ul class="list-menu divs">
    <li>
      @if($type == "All Open Alerts")
        <b><a href="{{URL::route('preview')}}?type=open">All Open Alerts</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=open">All Open Alerts</a>
      @endif
    </li>
    <li>
      @if($type == "All Closed Alerts")
        <b><a href="{{URL::route('preview')}}?type=closed">All Closed Alerts</a></b>
      @else
        <a href="{{URL::route('preview')}}?type=closed">All Closed Alerts</a>
      @endif
    </li>
  </ul>
  <div>@if(count($alerts)) Go to Page: @endif
  @for($i = 1; $i <= $total; $i += NUM_RESULTS)
    @if($i == $start_num)
      <b>{{1 + intval($i/NUM_RESULTS)}}</b>
    @else
      <a href="{{Request::url().'?type='.Request::get('type').'&start='.$i}}">{{1 + intval($i/NUM_RESULTS)}}</a>
    @endif
  @endfor
  </div>
  @if(!$total)
    <div><p>0 results found.</p></div>
  @elseif(Request::is('filter') || $total <= NUM_RESULTS)
    <div><p>{{$total}} results found, displaying all results.</p></div>
  @else
    <div><p>{{$total}} results found, displaying results
      {{$start_num}} - {{$start_num + NUM_RESULTS < $total ? $start_num + NUM_RESULTS : $total}}.</p></div>
  @endif
  @foreach($alerts as $alert)
    <fieldset>
      <h3>{{$alert->type}}: {!!$alert->short_subject!!}</h3>

      <div class="label-data-pair">
        <div class="field-label">Start:</div>
        <div class="field-data"> {{$alert->start}}</div>
      </div>

      <div class="label-data-pair">
        <div class="field-label">Status: </div>
        <div class="field-data">
          {{$alert->status}}
        </div>
      </div>

      <div class="label-data-pair">
        <div class="field-label">Brief Description:</div>
        <div class="field-data"> {!!$alert->short_summary!!}</div>
      </div>
      @if($alert->current_status != "")
        <div class="label-data-pair">
          <div class="field-label">Current Status:</div>
          <div class="field-data"> {!!$alert->current_status == "" ? $default_string : $alert->current_status!!}</div>
        </div>
      @endif

      <a class="view-all teaser" href="{{route('view', ['id' => $alert->id])}}">more details<span class="fa fa-chevron-right"></span></a>
    </fieldset>
  @endforeach
  <div>@if(count($alerts)) Go to Page: @endif
  @for($i = 1; $i <= $total; $i += NUM_RESULTS)
    @if($i == $start_num)
      <b>{{1 + intval($i/NUM_RESULTS)}}</b>
    @else
      <a href="{{Request::url().'?type='.Request::get('type').'&start='.$i}}">{{1 + intval($i/NUM_RESULTS)}}</a>
    @endif
  @endfor
  </div>
@endsection