{{ define "img_setting" }}
<style>
  #img-setting::before { content: "设置" }

  #img-setting > div {
    display: flex;
    gap: .2em;
    max-width: 100%;
    margin-block: .5em;
    flex-wrap: wrap;
  }

  [id$="-button"],
  [id$="-select"],
  [id$="-input"],
  #upload-file::file-selector-button {
    color: white;
    background-color: rgb(50, 50, 50);
    border-radius: .2em;
    border: none;
    padding: .2em .5em;
  }

  [id$="-button"]:hover,
  #upload-file::file-selector-button:hover, {
    background-color: rgb(70, 70, 70);
  }

  [id$="-button"]:active,
  #upload-file::file-selector-button:active, {
    background-color: rgb(60, 80, 70);
  }

  #delete-button:hover {
    background-color: rgb(200, 50, 50);
  }

  #delete-button:active {
    background-color: rgb(150, 50, 50);
  }

  #upload-file {
    min-width: 100%;
  }
</style>
<span id="img-setting" style="display:none">
  <div>
    <select id="sensitive-select">
      <option value="0">safe</option>
      <option value="1">little</option>
      <option value="2">slightly</option>
      <option value="3">innuendo</option>
      <option value="4">explicit</option>
      <option value="5">violence</option>
    </select>
    <select id="private-select">
      <option value="false">public</option>
      <option value="true">private</option>
    </select>
  </div>
  <div>
    <select id="collapse-select">
      <option value="false">expand</option>
      <option value="true">collapse</option>
    </select>
    <input id="setting-button" type="button" value="save"/>
  </div>
  <div>
    <input id="post-input" type="url" size="10" placeholder="add post link..." required />
    <input id="post-button" type="button" value="add" />
  </div>
  <div>
    <input id="upload-file" type="file" multiple accept="image/*" name="上传文件" >
    <input id="upload-url-input" type="url" size="10" placeholder="file link..." >
    <input id="upload-button" type="button" value="上传">
  </div>
  <div>
    <input id="delete-button" type="button" value="delete" />
  </div>
{{ end }}