{{template "base/head" .}}
<div class="repository release dataset-list view">
	{{template "repo/header" .}}
	<form class="ui container" action="{{.Link}}" method="post">
    <input name="id" value="{{.dataset.ID}}" type="hidden" />
    {{.CsrfTokenHtml}}
    {{template "base/alert" .}}
    <div class="ui two column stackable grid {{if .Error}}hide{{end}}" id="dataset-content">
      <div class="column">
        <h2>{{.dataset.Title}}</h2>
        <div id="dataset-desc">
          <span class="no-description text-italic">{{.dataset.Description}}</span>
        </div>
      </div>
      {{if .Permission.CanWrite $.UnitTypeDatasets}}
      <div class="column right aligned">
        <a class="ui button primary" href="javascript:void(0)" id="dataset-edit">
          {{.i18n.Tr "dataset.edit"}}
        </a>
      </div>
      {{end}}
    </div>

    <div class="ui grid form segment success {{if not .Error}}hide{{end}}" id="dataset-content-edit">
      <label class="d-block">{{.i18n.Tr "dataset.title"}}</label>
      <div class="sixteen wide column">
        <input name="title" placeholder='{{.i18n.Tr "dataset.title"}}' value="{{.dataset.Title}}" autofocus required maxlength="255">
      </div>
      <label class="d-block">{{.i18n.Tr "dataset.description"}}</label>
      <div class="sixteen wide column">
        <textarea name="description" rows="3">{{.dataset.Description}}</textarea>
      </div>
      <div class="sixteen wide column">
        <a class="ui button" id="cancel">{{.i18n.Tr "cancel"}}</a>
        <button class="ui primary button" id="submit">{{.i18n.Tr "dataset.update_dataset"}}</button>
      </div>
    </div>

    <div class="ui divider"></div>
    <div class="ui grid">
      <div class="row">
        <div class="ui twelve wide column">
          <div class="ui sixteen wide column">
            <div class="ui two column stackable grid">
              <div class="column">
                <h2>{{.i18n.Tr "datasets"}}</h2>
              </div>
              <div class="column right aligned">
                <div class="ui right dropdown type jump item">
                  <span class="text">
                    {{.i18n.Tr "repo.issues.filter_sort"}}<i class="dropdown icon"></i>
                  </span>
                  <div class="menu">
                    <a class="item" href="{{$.Link}}?sort=newest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.latest"}}</a>
                    <a class="item" href="{{$.Link}}?sort=oldest&q={{$.Keyword}}&tab={{$.TabName}}">{{.i18n.Tr "repo.issues.filter_sort.oldest"}}</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="dataset list">
            {{template "repo/datasets/dataset_list" .}}
          </div>
          <div class="dataset ui middle very relaxed page">
            <div class="column">
              {{if .Permission.CanWrite $.UnitTypeDatasets}}
                <form class="ui form" action="{{.Link}}" method="post">
                  {{template "repo/datasets/dataset" .}}
                </form>
              {{end}}
            </div>
          </div>
        </div>
        <div class="ui four wide column">
          {{template "repo/datasets/right_side" .}}
        </div>
      </div>
    </div>
  </form>
</div>
<div class="ui small basic delete modal" id="data-dataset-delete-modal">
	<div class="ui icon header">
		<i class="trash icon"></i>
    {{.i18n.Tr "dataset.attachment.delete"}}
	</div>
	<div class="content">
		<p>{{.i18n.Tr "dataset.attachment.delete_desc" | Str2html}}</p>
	</div>
	{{template "base/delete_modal_actions" .}}
</div>
{{template "base/footer" .}}