{% from "_macros.html" import get_label %}
{% macro upload_button_modal(resource) %}
{% if g.current_user and g.current_user.is_authenticated %}
<button type="button" class="btn btn-outline-secondary" aria-label="Upload File" title="Upload File" data-bs-toggle="modal" data-bs-target="#uploadModal">
  <i class="bi bi-upload"></i>
</button>
<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadModalLabel">
  <div class="modal-dialog" role="document">
    <form class="modal-content" action="" method="post" enctype="multipart/form-data">
      <div class="modal-header">
        <h4 class="modal-title" id="uploadModalLabel">Upload File for {{get_label(resource)}}</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>
          <div class="form-group mb-3">
            <label class="form-label">Upload Type</label>
            <div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="upload-file" checked value="http://purl.org/net/provenance/ns#File">
                <label class="form-check-label" for="upload-file">Single File</label>
              </div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="upload-collection" value="http://purl.org/dc/dcmitype/Collection">
                <label class="form-check-label" for="upload-collection">Collection</label>
              </div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="upload-dataset" value="http://www.w3.org/ns/dcat#Dataset">
                <label class="form-check-label" for="upload-dataset">Dataset</label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <input name="file" type="file" class="form-control" multiple>
          </div>
        </p>
      </div>
    </form>
  </div>
</div>
{% endif %}
{% endmacro %}

{% macro upload_button_tab_modal(resource) %}
{% if g.current_user and g.current_user.is_authenticated %}
<a class="nav-link" aria-label="Upload file for this entity" title="Upload file for this entity." data-bs-toggle="modal" data-bs-target="#uploadTabModal">
    Upload
</a>
<div class="modal fade" id="uploadTabModal" tabindex="-1" role="dialog" aria-labelledby="uploadTabModalLabel">
  <div class="modal-dialog" role="document">
    <form class="modal-content" action="" method="post" enctype="multipart/form-data">
      <div class="modal-header">
        <h4 class="modal-title" id="uploadTabModalLabel">Upload File for {{get_label(resource)}}</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>
          <div class="form-group mb-3">
            <label class="form-label">Upload Type</label>
            <div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="tab-upload-file" checked value="http://purl.org/net/provenance/ns#File">
                <label class="form-check-label" for="tab-upload-file">Single File</label>
              </div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="tab-upload-collection" value="http://purl.org/dc/dcmitype/Collection">
                <label class="form-check-label" for="tab-upload-collection">Collection</label>
              </div>
              <div class="form-check form-check-inline">
                <input class="form-check-input" type="radio" name="upload_type" id="tab-upload-dataset" value="http://www.w3.org/ns/dcat#Dataset">
                <label class="form-check-label" for="tab-upload-dataset">Dataset</label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="form-label">Files</label>
            <input name="file" type="file" class="form-control" multiple placeholder="Add files here.">
          </div>
        </p>
      </div>
    </form>
  </div>
</div>
{% endif %}
{% endmacro %}


{% macro vue_upload_button_tab_modal(resource) %}
{% if g.current_user and g.current_user.is_authenticated %}
<a class="nav-link" href="#" aria-label="Upload file for this entity" title="Upload file for this entity." data-bs-toggle="modal" data-bs-target="#vueUploadTabModal">
    Upload
</a>

<div class="modal fade" id="vueUploadTabModal" tabindex="-1" role="dialog" aria-labelledby="vueUploadTabModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="vueUploadTabModalLabel">Upload File for {{get_label(resource)}}</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form id="upload_form" enctype="multipart/form-data" novalidate method="post" action="">
          <div class="mb-3">
            <label class="form-label">Upload Type</label>
            <div>
              <div class="form-check">
                <input class="form-check-input" type="radio" name="upload_type" id="vue-upload-file" checked value="http://purl.org/net/provenance/ns#File">
                <label class="form-check-label" for="vue-upload-file">Single File</label>
              </div>
              <div class="form-check">
                <input class="form-check-input" type="radio" name="upload_type" id="vue-upload-collection" value="http://purl.org/dc/dcmitype/Collection">
                <label class="form-check-label" for="vue-upload-collection">Collection</label>
              </div>
              <div class="form-check">
                <input class="form-check-input" type="radio" name="upload_type" id="vue-upload-dataset" value="http://www.w3.org/ns/dcat#Dataset">
                <label class="form-check-label" for="vue-upload-dataset">Dataset</label>
              </div>
            </div>
          </div>
          <div class="mb-3">
            <label class="form-label">Files</label>
            <input name="file" type="file" class="form-control" multiple placeholder="Add files here.">
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="submit" form="upload_form" class="btn btn-primary">Upload</button>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endmacro %}