{{define "content"}}
<div class="container">
  {{template "repo_header" .}}

  <div class="card">
    <div class="card-header">
      <span class="font-semibold flex items-center gap-2">{{icon "plus" "size-4"}} {{t .Lang "issue.new"}}</span>
    </div>
    <form method="post" action="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/issues/new" class="card-body flex flex-col gap-3">
      <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
      <div>
        <label class="label" for="title">{{t .Lang "issue.title"}}</label>
        <input id="title" name="title" type="text" class="input" placeholder="{{t .Lang "issue.title_ph"}}" required autofocus maxlength="200">
      </div>
      <div>
        <label class="label" for="body">{{t .Lang "issue.body"}}</label>
        <textarea id="body" name="body" class="textarea" rows="6" placeholder="{{t .Lang "issue.body_ph"}}" maxlength="20000"></textarea>
      </div>
      <div class="flex items-center justify-end gap-2">
        <a href="/{{.Repo.OwnerUsername}}/{{.Repo.Name}}/issues" class="btn btn-ghost btn-sm">{{t .Lang "common.cancel"}}</a>
        <button type="submit" class="btn btn-primary btn-sm">{{t .Lang "issue.create"}}</button>
      </div>
    </form>
  </div>
</div>
{{end}}