{{define "page:content"}}
  <dialog id="dialog" class="share">
      <header>
          <h5><i class="bi bi-share-fill" title="Share"></i> Share item</h5>
          <span class="close-dialog button close"><i class='close-dialog bi bi-x-circle-fill'></i></span>
      </header>
      <div class="content">
          <form hx-post="/item/share/{{ .item.Id }}" hx-target="#message">
            <h5>{{ .item.Title }}</h5>
            <div class="row">
              <div class="col l6">
                <p style="margin-right: 6px">
                  <label for="share-start-datetime">Start date time</label>
                  <input name="Start_datetime" id="share-start-datetime" type="datetime-local" value=""/>
                </p> 
              </div>
              <div class="col l6">
                <p>
                  <label for="share-end-datetime">End date time</label>
                  <input name="End_datetime" id="share-end-datetime" type="datetime-local" value=""/>
                </p> 
              </div>
            </div>
            <div class="row" style="margin-top: 10px;">
              <div class="col l12">
                  <label for="share-token">Share Url</label>
                  <div class="input-container">
                    <span class="prefix">{{ .publicBaseUrl }}/item/shared/</span>
                    <div class="row">
                      <div class="col s10 m10 l10 left">
                        <input name="Token" id="share-token" value="{{ .shareToken }}" />
                      </div>
                      <div class="col s2 m2 l2 right">
                        <span class="button copy-to-clipboard" title="Copy to clipboard" data-clipboard-field-id="share-token" data-clipboard-prefix="{{ .publicBaseUrl }}/item/shared/" style="margin-right: 6px"><i class='bi bi-copy copy-to-clipboard' data-clipboard-field-id="share-token" data-clipboard-prefix="{{ .publicBaseUrl }}/item/shared/"></i></span>
                      </div>
                    </div>
                  </div>
              </div>
            </div>
            <div class="row">
              <div class="col l12">
                <p style="margin-right: 6px">
                  <label for="share-password">Password</label>
                  <input name="Password" id="share-password" type="password" value=""/>
                </p> 
              </div>
            </div>
              <div class="row">
                <div class="col l6"><p>{{ widget_checkbox "Permission_edit" "Allow editing" "1" "" }}</p></div>
              </div>
            <div id="footer-navbar">
              <button type="submit" class="main" title="Share"><i class='bi bi-floppy'></i><span>Save</span></button>
            </div>
          </form>
    </div>
  </dialog>
  {{ end }}