@extends('layouts.app')

@section('content')
  <div class="container">
    <form method="POST" action="{{route('table.storeNew')}}" class="row justify-content-center">
      <h2>New Table</h2>

      @csrf
      <div class="col-md-8">
        {!! Widget::text('table-name', 'Title')->help('Unique among your tables') !!}

        {!! Widget::textarea('table-descr', 'Description')->height('8em')
              ->help('Description what data is in the table. Please use the dedicated
                fields for License and data source. URLs in a full format will be clickable.') !!}

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

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

        {!! Widget::textarea('col-spec', 'Columns')->value($exampleColSpec)->height('8em')
              ->help('
                <div class="text-left">
                Column parameters in CSV format:
                <ul class="pl-3 mb-0">
                  <li><b>column identifier</b><br>letters, numbers, underscore
                  <li><b>column data type</b><br>int, string, float, bool
                  <li><b>column title</b><br>used for display (optional)
                </ul>
                </div>') !!}

        {!! Widget::textarea('row-data', 'Initial data')->value($exampleData)->height('12em')
              ->help('
                Initial table data in CSV format, columns corresponding to the
                specification you entered above.') !!}

        <div class="row form-group">
          <div class="col-md-8 offset-md-3 pl-0">
            <button type="submit" class="btn btn-primary">
              <i class="fa-save pr-2"></i>Create New Table
            </button>
          </div>
        </div>
      </div>
    </form>
  </div>
@endsection