{{-- User's dashboard / profile page --}}
@extends('layouts.app')
@section('title', "$user->title's Tables")

@php
/** @var \App\Models\Table[] $tables */
/** @var \App\Models\User $user */
@endphp

@section('content')
  <div class="row justify-content-center">

    {{-- Dash card --}}
    <div class="col-md-4">
      @include('profile._profile-card')
    </div>

    {{-- Table list card --}}
    <div class="col-md-8 mt-2 mt-md-0">
      <div class="card">
        <div class="card-header card-header-extra">
          @if($pageVariant == 'tables')

            @icon(fa-table fa-pr fa-large)
            <h2>
              @if(authed() && user()->is($user))
                Your Tables:
              @else
                User's Tables:
              @endif
            </h2>

            @include('table._sort-dropdown', [
              'link' => route('profile.view',
                          Input::except(['tableSort', 'page'])
                          + ['tableSort' => '__sort'] + ['user' => $user->name])
            ])

          @elseif($pageVariant == 'favourites')

            @icon(fa-star fa-pr fa-large)
            <h2>
              @if(authed() && user()->is($user))
                Your Favourites:
              @else
                User's Favourites:
              @endif
            </h2>

            @include('table._sort-dropdown', [
              'link' => route('profile.view-favourites',
                          Input::except(['tableSort', 'page'])
                          + ['tableSort' => '__sort'] + ['user' => $user->name])
            ])

          @endif

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

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

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

  </div>
@endsection