{{template "base/head" .}}
<div class="repository release dataset-list view">
  {{template "repo/header" .}}
  <script>
    $(document).ready(function() {
      url = window.location.href
      type = url.split('?type=')[1]
      if (type == 0){
        $('.contorl_component').attr("id", 'minioUploader')
      }else{
        $('.contorl_component').attr("id", 'obsUploader')
      }
    });
  </script>
	<form class="ui container" action="{{.Link}}" method="post">
    <input name="id" value="{{.dataset.ID}}" type="hidden" />
    <!--
    <span class="alert" style="font-size:20px;color:red">
      <strong>{{.i18n.Tr "dataset.alert"}}</strong>
    </span>
    -->
    <div id="datasetId" datasetId="{{.dataset.ID}}">
    {{.CsrfTokenHtml}}
    {{template "base/alert" .}}
    <div class="ui stackable grid {{if .Error}}hide{{end}}" id="dataset-content">
      <div class="row">
        <div class="column sixteen {{if .Permission.CanWrite $.UnitTypeDatasets}}twelve{{end}} wide">
          <h2>{{.dataset.Title}}</h2>
        </div>
        {{if .Permission.CanWrite $.UnitTypeDatasets}}
        <div class="column four wide right aligned">
          <a class="ui button primary" href="javascript:void(0)" id="dataset-edit">
            {{.i18n.Tr "dataset.edit"}}
          </a>
        </div>
        {{end}}
      </div>
      <div class="row">
        <div class="column sixteen wide">
          {{if .dataset.Description }}
            <span class="no-description text-italic">{{.dataset.Description}}</span>
          {{else}}
            <span class="no-description text-italic">{{.Repository.DescriptionHTML}}</span>
          {{end}}
        </div>
      </div>
    </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 stackable grid">
      <div class="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}}
            <div style='display:none;'
              id="minioUploader-params"
              data-uuid="{{.uuid}}"
              data-add-url="{{AppSubUrl}}/attachments/add"
              data-accepts="{{.AttachmentAllowedTypes}}"
              data-remove-url="{{AppSubUrl}}/attachments/delete"
              data-csrf="{{.CsrfToken}}"
              dataset-id={{.dataset.ID}}
              data-max-file="100"
              data-dataset-id="{{.dataset.ID}}"
              data-max-size="{{.AttachmentMaxSize}}"
              data-default-message="{{.i18n.Tr "dropzone.default_message"}}"
              data-invalid-input-type="{{.i18n.Tr "dropzone.invalid_input_type"}}"
              data-file-too-big="{{.i18n.Tr "dropzone.file_too_big"}}"
              data-remove-file="{{.i18n.Tr "dropzone.remove_file"}}"
              data-file-status='{{.i18n.Tr "dropzone.file_status"}}'
              data-file-init-status='{{.i18n.Tr "dropzone.file_init_status"}}'
              data-waitting-uploading='{{.i18n.Tr "dropzone.waitting_uploading"}}'
              data-md5-computing='{{.i18n.Tr "dropzone.md5_computing"}}'
              data-obs-connecting='{{.i18n.Tr "dropzone.obs-connecting"}}'
              data-loading-file='{{.i18n.Tr "dropzone.loading_file"}}'
              data-upload-complete='{{.i18n.Tr "dropzone.upload_complete"}}'
              data-uploading='{{.i18n.Tr "dropzone.uploading"}}'
              data-failed='{{.i18n.Tr "dropzone.failed"}}'
            >
            </div>
            <div class="contorl_component"></div>
          {{end}}
          </div>
        </div>
      </div>
      <div class="four wide column">
        {{template "repo/datasets/right_side" .}}
      </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" .}}