{{--
  args: $table
--}}

<div class="row">

  {{-- Description field --}}
  <div class="col-md-8 pl-md-0">
    <b>Description</b>
    @if($table->description)
      {!! Widget::collapsible($table->description, 400, '8em') !!}
      @if($table->origin)
        <div class="mt-2"></div>{{-- spacer --}}
      @endif
    @else
      <p>
        <i>No description.</i>
      </p>
    @endif

    @if($table->origin)
      <p>
        <b>Adapted From</b><br>
        {!! Widget::tryLink($table->origin) !!}
      </p>
    @endif
  </div>

  {{-- Info table --}}
  <div class="col-md-4 border-left my-md-0 my-2 pr-md-0 mobile-no-border">
    <table>
      <tbody>

      {{-- Commented because the link is already top left --}}
      {{--<tr>
        <th class="text-right pr-2">Author</th>
        <td>
          {{ $table->owner->title }}
          (<a href="{{route('profile.view', $table->owner->name)}}">{{ $table->owner->handle }}</a>)
        </td>
      </tr>--}}

      <tr>
        <th class="text-right pr-2">License</th>
        <td>{{ $table->license ?: 'CC0' }}</td>
      </tr>

      <tr>
        <th class="text-right pr-2">Created</th>
        <td>
          <span class="pr-1" data-toggle="tooltip" data-placement="right"
                title="{{ $table->created_at->format("M n, Y \\a\\t G:i") }}">
          {{ $table->created_at->diffForHumans() }}
          </span>
        </td>
      </tr>

      <tr>
        <th class="text-right pr-2">Updated</th>
        <td>
          <span class="pr-1" data-toggle="tooltip" data-placement="right"
                title="{{ $table->updated_at->format("M n, Y \\a\\t G:i") }}">
          {{ $table->updated_at->diffForHumans() }}
          </span>
        </td>
      </tr>

      <tr>
        <th class="text-right pr-2">Revisions</th>
        <td>{{ $table->revisions_count }}</td>
      </tr>

      <tr>
        <th class="text-right pr-2">Visits</th>
        <td>{{ $table->visits }}&nbsp;&nbsp;{!! Widget::help('Visitors counted once per day') !!}</td>
      </tr>

      </tbody>
    </table>
  </div>

</div>{{-- inner row --}}