@extends( Session::has('secretuser') ? 'emergency.layouts.master' : 'layouts.master')



@section('head')
  <script src="{{URL::asset('js/sort.js')}}"></script>
@endsection

@section('content')
	<h2>Manage CIT Service Status</h2>
	<h3>User: {{Session::get("real_name")}}</h3>
    @if(!Session::has('secretuser'))
        <div>
            <ul class="show">
                <div><li><a href="{{URL::route('filter')}}?cat%5B%5D=Scheduled&status=Open&remedy=true#remedy-table">Show new TDX Tickets</a></li></div>
                <div><li><a href="{{URL::route('filter', ['status' => '', 'visibility' => ''])}}">Show all Status Alerts</a></li></div>
                <div><li><a href="https://it.cornell.edu/cit-intranet/tips-it-service-alerts-phrasing" target="_blank">Tips for IT Service Alerts Phrasing</a></li></div>
                <div><li><a href="{{route('services.index')}}" title="Create and Edit services list">Services List</a></li></div>
            </ul>
            @include('includes.index_filters')
        </div>
    @endif
  @include('includes.results_table')
  @include('includes.remedy_table')
@endsection

<script>
document.addEventListener('DOMContentLoaded', function() {
  $(".filter-row").each(function() {
    var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
    if(width < 600) {
      $(this).removeClass("spread-out");
    }
    else {
      $(this).addClass("spread-out");
    }
  });
  $(window).resize(function() {
    $(".filter-row").each(function() {
      var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
      if(width < 600) {
        $(this).removeClass("spread-out");
      }
      else {
        $(this).addClass("spread-out");
      }
    });
  });
});
</script>