{{-- 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) }}">
                @icon(fa-user-circle-o fa-pr){{ $user->title }}<br>
                <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>
        </div>

        @include('profile._table-list')
      </div>
    </div>
  </div>
@endsection