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

{% block docs_content %}
  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
      <h1 class="h3 mb-1">File uploads</h1>
      <p class="text-muted mb-0">Create, inspect, update, delete, and download repo-scoped file uploads.</p>
    </div>
    <div class="d-flex flex-wrap gap-2">
      <a class="btn btn-sm btn-outline-secondary active" href="/docs/api/file-uploads">Overview</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/list-file-uploads">List</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/get-file-upload">Get</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/create-file-upload">Create</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/update-file-upload">Update</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/delete-file-upload">Delete</a>
      <a class="btn btn-sm btn-outline-secondary" href="/docs/api/get-file-upload-content">Content</a>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Sections</h2>
      <div class="list-group list-group-flush">
        <a class="list-group-item list-group-item-action" href="/docs/api/list-file-uploads">List file uploads</a>
        <a class="list-group-item list-group-item-action" href="/docs/api/get-file-upload">Get file upload</a>
        <a class="list-group-item list-group-item-action" href="/docs/api/create-file-upload">Create file upload</a>
        <a class="list-group-item list-group-item-action" href="/docs/api/update-file-upload">Update file upload</a>
        <a class="list-group-item list-group-item-action" href="/docs/api/delete-file-upload">Delete file upload</a>
        <a class="list-group-item list-group-item-action" href="/docs/api/get-file-upload-content">Get file upload content</a>
      </div>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Endpoints</h2>
      <div class="bg-light border rounded p-3">
        <pre class="mb-0"><code>GET /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads
GET /api/v1/users/{username}/repos/{repo_slug}/uploads

POST /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads
POST /api/v1/users/{username}/repos/{repo_slug}/uploads

GET /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads/{upload_uuid}
GET /api/v1/users/{username}/repos/{repo_slug}/uploads/{upload_uuid}

PUT /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads/{upload_uuid}
PUT /api/v1/users/{username}/repos/{repo_slug}/uploads/{upload_uuid}

DELETE /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads/{upload_uuid}
DELETE /api/v1/users/{username}/repos/{repo_slug}/uploads/{upload_uuid}

GET /api/v1/teams/{team_slug}/repos/{repo_slug}/uploads/{upload_uuid}/content/{filename}
GET /api/v1/users/{username}/repos/{repo_slug}/uploads/{upload_uuid}/content/{filename}</code></pre>
      </div>
      <div class="mt-2 d-flex flex-wrap gap-2">
        <span class="badge text-bg-secondary">Authenticated</span>
        <span class="badge text-bg-info">Repo scoped</span>
      </div>
      <p class="text-muted small mb-0 mt-3">
        Download URLs include the original filename as the final path segment, for example
        <code>/api/v1/teams/{team_slug}/repos/{repo_slug}/uploads/{upload_uuid}/content/openapi.json</code>.
      </p>
    </div>
  </div>

  <div class="card shadow-sm mb-4">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Create payload</h2>
      <p class="mb-2">Uploads are sent as <code>multipart/form-data</code> with these fields:</p>
      <ul class="mb-2">
        <li><code>file</code> (required): the binary file part</li>
        <li><code>description</code> (optional): free-form description text</li>
        <li><code>content_type</code> (optional): declared content type; the server normalizes it with magic-byte sniffing</li>
      </ul>
      <p class="mb-0">The server stores uploads under repo and file UUID buckets and derives the file extension itself.</p>
    </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>curl --request POST \
  --header "Authorization: Bearer $PEARING_API_TOKEN" \
  --form "file=@./screenshot.png" \
  --form "description=Build screenshot" \
  "$PEARING_API_URL/v1/teams/platform/repos/website/uploads"</code></pre>
      </div>
    </div>
  </div>

  <div class="card shadow-sm">
    <div class="card-body">
      <h2 class="h6 text-uppercase text-muted">Errors</h2>
      <ul class="mb-0">
        <li><code>403 Forbidden</code> when the caller cannot manage uploads in the repo.</li>
        <li><code>404 Not Found</code> when the repo or upload does not exist.</li>
        <li><code>400 Bad Request</code> for malformed multipart payloads.</li>
        <li><code>413 Payload Too Large</code> when the upload exceeds the maximum file size.</li>
      </ul>
    </div>
  </div>
{% endblock %}