@extends('layouts.public')

@section('title', 'Roadmap')

@section('content')
<div id="__next">
  <style>
    body {
      background: rgb(242, 245, 247);
    }
  </style>

  <div class="pt-4 roadmap-page container">
    <div class="row">
      <div class="col-md-8 offset-md-2">
        <h2>
          <!-- <a class="logo py-3 " href="/"><img src="{{asset('/images/logo/logo.svg')}}" alt="{{config('app.name')}} Logo"
              style="width:175px"></a> -->
          Roadmap</h2>
        <p class="h5 mt-2 mb-3">A wider view of upcoming {{config('app.name')}} updates</p>
        <div class="p-3 mt-1 card">
          <h3 class="mb-0">April - June 2020</h3>
          <span class="mt-2 text-muted change-date"><span style="position:relative;height:12px;width:12px; top:1px"
              class="badge badge-success">&nbsp;</span>
            <!-- -->&nbsp;Status confirmed</span>
          <hr class="mt-2 mb-2">
          <ul>
            <li>File upload</li>
            <li>Variables</li>
            <li>Authentication Headers</li>
            <li>Teams & Sharing</li>
            <li>Groups & Collections</li>
          </ul>
        </div>
        <div class="p-3 mt-3 card">
          <h3 class="mb-0">Under consideration</h3>
          <span class="mt-2 text-muted change-date"><span style="position:relative;height:12px;width:12px; top: 1px"
              class="badge badge-danger">&nbsp;</span>
            <!-- -->&nbsp;Status unconfirmed</span>
          <hr>
          <ul>
            <li>Export TypeScript SDK</li>
            <li>GraphQL</li>
          </ul>
        </div>
      </div>
    </div>
  </div>

</div>
</div>

@endsection