@extends('layouts.app')

@section('header_h')
<h1 class="d-none font-weight-bold  d-lg-block text-light" style="font-family: 'Oxanium', cursive; font-size: 64px;">Wykaz zawodów</h1>
<h3 class="d-block font-weight-bold  d-lg-none text-light" style="font-family: 'Oxanium', cursive; font-size: 38px;">Wykaz zawodów</h3>
@endsection

@section('content')


<div class="container justify-content-center">
  <table class="table table-striped table-responsive ">
    <thead>
      <tr>
        <th scope="col">Data </th>
        <th scope="col">Nazwa zawodów</th>
        <th scope="col">Lokalizacja</th>
        <th scope="col">Rej</th>
        <th scope="col">Status</th>
        {{-- <th scope="col">Lista</th> --}}
      </tr>
    </thead>
    <tbody>
      @forelse ($competitions as $competition)


      <tr>
        <td scope="row">{{ $competition->start_date}}</td>
        <td><a href="{{ $competition->adminPath() }}">{{$competition->name}}</a></td>
        <td>{{$competition->city}}</td>
        <td>{{$competition->members_count}}</td>
        <td>{{ $competition->registryIsAvailable() ? 'Rejestracja otwarta' : 'Rejestracja zamknięta' }}</td>
        {{-- <td>{{ $competition->visible ? 'Widoczny' : 'Ukryty' }}</td> --}}
      </tr>


      @empty

      @endforelse
    </tbody>
  </table>
</div>
@endsection