{{-- 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>

  <form method="POST" action="{{$table->settingsRoute}}" class="row justify-content-center"
        aria-label="New Table">

    @csrf
    <div class="col-md-10">
      @php(Widget::setLayout(3, 7))

      {!! Widget::header(2, 'Table Metadata') !!}

      {!! Widget::text('title', 'Title')->value($table->title)
            ->help('Unique among your tables') !!}

      {!! Widget::par('Changing table name will change its URL, possibly breaking external links or bookmarks!') !!}

      {!! Widget::text('name', 'Name')->value($table->name)->prepend(user()->handle.' /')
            ->help('Unique among your tables, and part of the URL; only letters, digits and
                    some symbols are allowed.') !!}

      {!! Widget::textarea('description', 'Description')->value($table->description)
            ->height('8em')
            ->help('Description of the table. URLs in a full format will be clickable.') !!}

      {!! Widget::text('license', 'License')->value($table->license)
            ->help('License applicable to the table\'s data, if any. By default, all
              tables are CC0 or Public Domain.') !!}

      {!! Widget::text('origin', 'Adapted from')->value($table->origin)
            ->help('If you took the data from some external site, a book, etc., write it here.
               URLs in a full format will be clickable.') !!}

      <div class="row form-group">
        <div class="col-md-7 offset-md-3">
          <button type="submit" class="btn btn-primary">
            @icon(fa-save fa-pr)Save Changes
          </button>
        </div>
      </div>
    </div>
  </form>
@endsection