{{-- Public landing page --}}

@extends('layouts.app')

@section('content')
  @if($showGreeter)
    @include('_greeter')
  @endif

  <div class="row justify-content-center">
    <div class="col-md-4">
      <div class="card">
        <div class="card-header card-header-extra">
          @icon(fa-users fa-pr fa-large)
          <h2>Users</h2>

          <nav class="ml-auto" aria-label="Pages of the user list">
            {{ $users->links(null, ['ulClass' => 'pagination-sm mb-0 pagination-outline-light']) }}
          </nav>
        </div>

        <div class="list-group list-group-flush">
          @if(count($users) == 0)
            <span class="list-group-item">No users yet.</span>
          @else
            @foreach($users as $user)
              <a class="list-group-item list-group-item-action" href="{{ route('profile.view', $user->name) }}">
                <span class="d-flex">
                  @icon(fa-user-circle-o fa-pr)
                  <span class="flex-grow-1">{{ $user->title }}</span>
                  <span>
                    {{ $user->tables_count }} table{{$user->tables_count!=1?'s':''}}
                  </span>
                </span>
                <small>{{ $user->handle }}</small>
              </a>
            @endforeach
          @endif
        </div>
      </div>
    </div>

    <div class="col-md-8 mt-2 mt-md-0">
      <div class="card">
        <div class="card-header card-header-extra">
          @icon(fa-table fa-pr fa-large)
          <h2>Popular Tables</h2>

          <nav class="ml-auto" aria-label="Pages of the table list">
            {{ $tables->links(null, ['ulClass' => 'pagination-sm mb-0 pagination-outline-light']) }}
          </nav>

          @if(authed())
            <a href="{{route('table.create')}}" class="btn ml-3" aria-label="New Table">New</a>
          @endif
        </div>

        @include('profile._table-list', ['showAuthors' => true])
      </div>
    </div>
  </div>
@endsection