@extends('layouts.main.main')

@section('title')
Results |
@endsection
<style>
.match-results {
	margin-bottom: 30px;
}
.match-results h4 {
	color: #fff;
	background: #20273f;
	line-height: 53px;
	font-weight: 400;
	text-align: left;
	border-radius: 3px 3px 0 0;
	padding: 0 20px;
}
.match-results td {
	border: 1px solid #e1e1e1;
	line-height: 44px;
	text-align: left;
	color: #777777;
	font-weight: 700;
	font-size: 14px;
	padding: 0 15px;
	background: #fff;
}
.match-results thead tr {
	background: #7B1FA2;
}
.match-results thead tr td {
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 42px;
	padding: 0 10px;
	background: #7B1FA2;
	border-top: 0px;
}
.match-results thead tr td:first-child, .match-results thead tr td:last-child {
	border: 0px;
}
</style>
@section('content')
  <div class="inner-banner-header wf100 default-banner"  >
    <h1 >Results</h1>
    <div class="gt-breadcrumbs">
      <ul>
        <li> <a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home </a> </li>
        <li> <a href="{{ url('/results') }}"  class="active"> Results </a> </li>
      </ul>
    </div>
  </div>

  <div class="main-content innerpagebg wf100 p80 default-bg">
    <div class="news-large">
  <div class="container">
    <div class="row">
   <!--Match Results Start-->
   <div class="col-md-12">

    <div class="match-results container">
       {{-- <h4>Match Results</h4> --}}
       <table  class="table table-sm">
          <thead >
             <tr>
                <td style="text-align: center"><i class="fa fa-list mt-2" aria-hidden="true"></i></td>
                <td style="text-align: center">Event Details</td>
                <td style="text-align: center">Year</td>
                <!-- <td style="text-align: center">Event</td> -->
                <td style="text-align: center">Venue</td>
                {{-- <td style="text-align: center">Round</td> --}}
                <td style="text-align: center">Download .PDF</td>
             </tr>
          </thead>
          <tbody>
         @if(count($results)> 0)
          @forelse ($results as $result)
          <tr>
            <td class="text-danger" style="text-align: center"><i class="fas fa-angle-double-right mt-2"></i></td>
            <td style="text-align: center">{{$result->event_name}}</td>
             <td style="text-align: center">{{$result->year}}</td>
              <td style="text-align: center">{{$result->venue}}</td>
            {{-- <td style="text-align: center">{{date('F j, Y', strtotime($result->date.' '.$result->time))}} </td> --}}
            <!-- <td style="text-align: center">{{$result->event}}</td> -->
            {{-- <td style="text-align: center">{{$result->group}}</td> --}}
            {{-- <td style="text-align: center">{{$result->round}}</td> --}}
            <td style="text-align: center"><a href="{{ $result->result_pdf }}"  class="animated pulse forever" target='_blank' rel="noopener noreferrer">  <i class="fas fa-download fa-fw fa-2x"></i></a></td>
         </tr>
          @empty

          @endforelse
          @else
              <tr>
                <td colspan="7" style="text-align:center"><strong>No result to display</strong></td>
              </tr>
          @endif
         <tbody>
       </table>
    </div>

 </div>
    </div>
  </div>
    </div>
  </div>
 <!--Match Results End-->

@endsection