@extends('theme_imas_layout')

@section('content')

  <div class="containerOuter row">
  
    <div class="sideBar col-lg-3 hideMobile">
      <div class="header"></div>
	      </div>
	
    <div class="pageWrap floatRight col-lg-9 col-xs-12">
      <!--<div class="subBanner"><img src="images/subBanner/education.jpg"/></div>-->
            <div class="pageCont">
	  
	  <div class="headerRow clear">
        <h1>EVENTS</h1>
		<form name="event_search_form" id="event_search_form" action="{{ url('Event/') }}" method="get">
        <div class="filterRow">
          <span class="label">Year:</span>
          <span class="selectWrap">
            <select name="year" id="year" onchange="document.getElementById('event_search_form').submit();">
              <option value="">View All</option>
              @foreach ($year_list as $year_i)
              <option value=""  selected="selected"></option>
			  @endforeach
            </select>
          </span>
          <span class="label">Sort by:</span>
          <span class="selectWrap">
            <select name="sort" id="sort" onchange="document.getElementById('event_search_form').submit();">
              <option value="Alphabetical" >Alphabetical</option>
              <option value="Chronological" >Chronological</option>
            </select>
          </span>
        </div>
		</form>
		</div>

@foreach ($event_list as $object)
        <div class="eventItem">
          <div class="date">1 January 1970</div>
          <a href="{{ url('home/event_detail/'.$object->id) }}" class="title"></a>
        </div>
@endforeach


		

      </div>
    </div>
  </div>

@endsection