@extends('layouts.bare-logo')

@section('title', 'Landing page')

@section('content')
<div id="__next">
  <div class="container my-4 py-3">
    <h1 class="display-5 text-center py-3">Let's set up home for all your work</h1>
    <div class="card col-sm-8 offset-sm-2 my-4 py-4">
      <div class="d-flex col-sm-8 offset-sm-2 justify-content-center flex-column">
        <form method="post" action="/team">
          @csrf
          <div class="form-group mb-3"><label>Workspace Name</label>
            <input type="text" id="name" class="form-control" aria-describedby="emailHelp" placeholder="Workspace Name"
              name="name" value="{{$domain}}">
            <div class="invalid-feedback mb-2">This field cannot be left empty</div>
            <small id="workspaceNameHelp" class="form-text text-muted">The name of your
              workspace. Keep it simple.</small>
          </div>
          <div class="form-group my-3"><label>Allowed Email Domain <small>(Optional)</small></label>
            <div class="input-group">
              <div class="input-group-prepend">
                <div class="input-group-text">@</div>
              </div><input id="domain" type="text" class="form-control" aria-describedby="domainHelp"
                placeholder="Type an email domain..." name="domain" value="{{$domain}}">
            </div>
            <div >
              <small id="domainHelp" class="form-text text-muted d-inline">Anyone with email addresses at these domain can
              automatically join your workspace.</small></div>
          </div><button type="submit" class="btn btn-primary btn-block py-2">Create Workspace</button>
        </form>
      </div>
    </div>
  </div>
</div>
@endsection