{% extends 'base.html'%}
{% block content %}
<div style="text-align: center">
  <section class="hero is-medium is-primary is-bold">
    <div class="hero-body">
      <div class="container">
        <h1 class="title">
          Are you a creator ? <br>
          Try tutorialdb REST API 👇
        </h1>
      </div>
    </div>
  </section>
</div>
<section class="hero is-medium" style="background-color: orange">
  <div class="hero-body">
    <div>
      <details>
        <summary class="title">See Docs</summary>
        <div class="table-container">
          <table class="table is-hoverable">
            <tr>
              <th>Request</th>
              <th>Endpoint</th>
              <th>Description</th>
            </tr>
            <tr>
              <td><code>GET</code></td>
              <td><code>/api/tutorials</code></td>
              <td><p>Returns all the tutorials.</p></td>
            </tr>
            <tr>
              <td><code>POST</code></td>
              <td><code>/api/tutorials</code></td>
              <td>
                <p>Submit a tutorial.</p>
                <code>
                {
                    "link":"https://abc.xyz",
                    "category":"video"
                }
                </code>
              </td>
            </tr>
            <tr>
              <td><code>GET</code></td>
              <td><code>/api/tutorials/{tags}/</code></td>
              <td>
                <p>Returns tutorials filtered by tags.<br>
                   Multiple Tags should be separated with commas,<br>
                   for e.g <code>/api/tutorials/python,api</code>
                </p>
              </td>
            </tr>
            <tr>
              <td><code>GET</code></td>
              <td><code>/api/tutorials/{tags}/{category}/</code></td>
              <td>
                <p>Returns tutorials filtered by tags and category.<br>
                  Only one category can be specified at a time for e.g <br>
                  <code>/api/tutorials/python,api/video</code> or <br>
                  <code>/api/tutorials/react/article</code>
                </p>
                Available Categories : 
                <ul>
                  <li>article</li>
                  <li>video</li>
                  <li>docs</li>
                  <li>course</li>
                  <li>book</li>
                  <li>cheatsheet</li>
                </ul>
              </td>
            </tr>
            <tr>
              <td><code>GET</code></td>
              <td><code>/api/tags/</code></td>
              <td><p>Returns all the tags.</p></td>
            </tr>
            <tr>
              <td><code>GET</code></td>
              <td><code>/api/latest/</code></td>
              <td><p>Return latest 10 tutorials from tutorialdb.</p></td>
            </tr>
          </table>
        </div>
      </details>
    </div>
  </div>
</section>
{% endblock %}