@extends('layouts.app')

@section('content')
  <div class="container">

    <div class="row justify-content-center">

      {{-- Dash card --}}
      <div class="col-md-8">
        <div class="card">
          <div class="card-header">Dashboard</div>

          <div class="card-body">
            @if (session('status'))
              <div class="alert alert-success" role="alert">
                {{ session('status') }}
              </div>
            @endif

            <p>You are logged in!</p>

            <p>blabla dashboard things ...</p>
          </div>
        </div>
      </div>

      {{-- Table list card --}}
      <div class="col-md-4">
        <div class="card">
          <div class="card-header">
            <span class="d-inline-block">Your Tables</span>
            <a href="{{route('table.create')}}" class="btn btn-sm btn-outline-light float-right"
               style="margin-top:-2px; margin-bottom:-2px;">New</a>
          </div>

          <div class="list-group list-group-flush">
            @if(count($tables) == 0)
              <span class="list-group-item">No tables yet.</span>
            @else
              @foreach($tables as $table)
                <a class="list-group-item list-group-item-action" href="{{route('table.view', ['user' => Auth::user()->name, 'table' => $table->name])}}">{{
                  $table->title
                }}</a>
              @endforeach
              {{ $tables->links() }}
            @endif
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection