{{-- Basic table view --}}

@extends('layouts.app')

@php
  /** @var \App\Models\Table $table */
@endphp

@section('content')
  <div class="row justify-content-start px-3">
    <div class="d-flex w-100 align-items-center">
      <small class="flex-grow-1" style="font-size: 120%;">
        <a href="{{route('profile.view', $table->owner->name)}}" class="link-no-color">{{ $table->owner->handle }}</a>{{--
      --}}<span class="px-1">/</span>{{--
      --}}<b>{{ $table->name }}</b>
      </small>

      <h1 class="mx-3">{{ $table->title }}</h1>

      <a href="{{ $table->viewRoute }}" class="btn btn-outline-primary py-1 btn-sm"
         title="Back to Table" data-toggle="tooltip" data-placement="top">
        @icon(fa-table, sr:Back to Table)
      </a>
    </div>
  </div>

  <div class="row mx-auto col-md-12 justify-content-center mb-1 border rounded px-0 py-2 box-shadow mb-3">
    lalala
  </div>{{-- End of row --}}

@endsection