{% extends "interface/project_base.html" %}
{% load polyphonic %}

{% block admin %}

{% if meta.folderid %}
<button class="button is-link" data-api="{% url 'work_sync' work=object.pk %}" data-success="Synced" onclick="background_api(this)">
                         Sync with Drive
  </button>
{% endif %}

<a href="{% url 'work_detail' collection=collection.pk pk=object.pk %}" class="button is-link is-light">
  {% icon "backspace" %}
  <span>Back to work</span>
</a>

{% endblock %}

{% block page %}
<h2 class="title">
  {% icon "add_to_drive" %}
  <span>Google Drive - Shared Links
</h2>
<h3 class="subtitle"><a href="{% url 'work_detail' collection.pk object.pk %}">{{ object.name }}</a></h3>
<div class="m-3">
<p>This page lets you link a work to a google drive folder.  You can either paste a public link to a folder to enable syncing or a file to add individually</p>
</div>
<div class="m-3">
<p>
    {% if meta.folderid %}
This work is currently linked to folder <span class="tag is-success">{{ meta.folderid }}</span><br/>
<em>Pasting a new folder link will overwrite this.</em>
    {% else %}
There is currently no shared drive folder linked to this work - paste one here to enable syncing.
    {% endif %}
</p>
</div>
<div class="mt-5">
<form method="post">
  <div class="field has-addons mx-6">
      <div class="control is-expanded">
          <input class="input" name="link" type="text" placeholder="Paste shared link">
      </div>
      <div class="control">
          <button class="button" type="submit">
            Add
          </button>
      </div>
  </div>
  {% csrf_token %}
</form>
</div>

{% endblock %}