{% extends "docs/base.html" %}

{% block docs_content %}
  <div class="mb-4">
    <h1 class="h3 mb-1">create-member</h1>
    <p class="text-muted mb-0">Create a member of a team</p>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Auth</h2>
      <div class="d-flex flex-wrap gap-2">
        <span class="badge text-bg-warning">Team Owner</span> <span class="badge text-bg-primary">Staff</span>
      </div>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Example</h2>
      <div class="bg-light border rounded p-3">
        <pre class="mb-0"><code>pearing-cli create-member platform alice --role member</code></pre>
      </div>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Expected Response</h2>
      <p class="mb-0">Creates the resource and prints the created JSON object.</p>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Errors</h2>
      <ul class="mb-0">
        <li><code>400 Bad Request</code> for invalid flags/values.</li><li><code>404 Not Found</code> when referenced owners/resources are missing.</li><li><code>409 Conflict</code> for uniqueness or state conflicts.</li>
      </ul>
      <p class="text-muted mt-2 mb-0">Common auth errors are documented on the CLI overview page.</p>
    </div>
  </div>

  <div class="card shadow-sm">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Help Output</h2>
      <div class="bg-light border rounded p-3">
        <pre class="mb-0"><code>Create a member of a team.

Usage: pearing-cli create-member --role &lt;ROLE&gt; &lt;TEAM_SLUG&gt; &lt;USERNAME&gt;

Arguments:
  &lt;TEAM_SLUG&gt;  Team slug
  &lt;USERNAME&gt;   Username

Options:
      --role &lt;ROLE&gt;  Member role [possible values: owner, member]
  -h, --help         Print help (see more with '--help')</code></pre>
      </div>
    </div>
  </div>
{% endblock %}