{% extends "main.html" %}

{% block title%}{{ dataset_info["schema:name"] }} dataset - SaGe{% endblock %}

{% block body %}
<!-- JSON-LD description of the dataset -->
{% if to_publish %}
<script type="application/ld+json">
  {{ to_publish | safe }}
</script>
{% endif %}
<div class="container">
  <div class="row">
    <div class="col-lg">
      <h1>{{ dataset_info["schema:name"] }} dataset</h1>

      <!-- Description -->
      <h2><i class="fas fa-comments"></i> Description</h2>
      <p>{{ dataset_info['schema:description'] }}</p>

      <!-- Statistics -->
      <h2><i class="fas fa-info-circle"></i> Infos</h2>
      <div class="table-responsive">
        <table class="table">
          <thead>
            <tr>
              <th>RDF triples</th>
              <th>Subjects</th>
              <th>Predicates</th>
              <th>Objects</th>
              <th>Time quota</th>
              <th>Max results per request</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>{{ "{:,}".format(dataset_info["void:triples"]) }} triples</td>
              <td>{{ "{:,}".format(dataset_info["void:distinctSubjects"]) }}</td>
              <td>{{ "{:,}".format(dataset_info["void:properties"]) }}</td>
              <td>{{ "{:,}".format(dataset_info["void:distinctObjects"]) }}</td>
              <td>{{ dataset_info["sage:timeQuota"] }}ms</td>
              {%- if dataset_info["sage:maxResults"] == 'inf' -%}
                <td>No limit</td>
              {%- else -%}
                <td>{{dataset_info["sage:maxResults"]}} bindings</td>
              {%- endif -%}
            </tr>
          </tbody>
        </table>
      </div>

      <!-- VoID descriptions -->
      <h2><i class="fas fa-boxes"></i> VoID description</h2>
      <p>Access the <a href="https://www.w3.org/TR/void/">VoID description</a> of the dataset at
        <a href="{{ url_for('void-interface.void_dataset', graph_name=dataset_info["schema:name"]) }}">
          {{ url_for('void-interface.void_dataset', graph_name=dataset_info["schema:name"], _external=True) }}</a>.
      </p>

      <p>
        Show the VoID description of this dataset in
        <a class="btn btn-primary" data-toggle="collapse" href="#voidNTriples" role="button" aria-expanded="false" aria-controls="voidNTriples">
          N-Triples
        </a>
        <a class="btn btn-primary" data-toggle="collapse" href="#voidTurtle" role="button" aria-expanded="false" aria-controls="voidTurtle">
          Turtle
        </a>
        <a class="btn btn-primary" data-toggle="collapse" href="#voidXML" role="button" aria-expanded="false" aria-controls="voidXML">
          XML
        </a>
      </p>
      <div class="collapse" id="voidNTriples">
        <div class="card card-body">
          <pre>{{ void_desc["nt"] }}</pre>
        </div>
      </div>
      <div class="collapse" id="voidTurtle">
        <div class="card card-body">
          <pre>{{ void_desc["ttl"] }}</pre>
        </div>
      </div>
      <div class="collapse" id="voidXML">
        <div class="card card-body">
          <pre>{{ void_desc["xml"] }}</pre>
        </div>
      </div>

      <!-- Example queries -->
      {% if queries|length > 0 %}
      <h2><i class="fas fa-atlas"></i> Example SPARQL queries</h2>

      <p>The following SPARQL queries can be executed on this dataset.</p>
        {% for query in queries %}
        <div class="card">
          <div class="card-body">
            <h3 class="card-title">{{ query["name"] }}</h3>
            <div class="card-text">
              <p><strong>Keywords:</strong>
                {% for keyword in query['keywords'] %}
                <span class="badge badge-primary">{{ keyword }}</span>
                {% endfor %}
              </p>
              <p><strong>Description:</strong> {{ query['description'] }}</p>
              <p>
                <a  class="btn btn-success" href="{{ url_for('sparql-interface.sparql_index', query=query['value'].replace('\n', ' '), _external=True) + '&default-graph-uri=' + url_for('sparql-interface.sparql_index', _external=True) + '/' + dataset_info['schema:name'] }}" target="_blank"><i class="fas fa-play"></i> Execute this query</a>
                <a class="btn btn-primary" href="{{ url_for('publish-query-interface.publish_query', graph_name=dataset_info['schema:name'], query_name=query['@id'], _external=True) }}" target="_blank"><i class="far fa-id-card"></i> See details</a>
              </p>
            </div>
            <p>
            </p>

          </div>
        </div>
        {% endfor %}
      {% endif %}


      <!-- Query the dataset -->
      <h2><i class="fab fa-hubspot"></i> Query the Dataset</h2>
      <p><strong>Dataset URI:</strong> <a href="{{ dataset_info['schema:url'] }}">{{ dataset_info['schema:url'] }}</a></p>

      <!-- simple queries -->
      <h4>Basic SPARQL queries</h4>
      <p>The SaGe server has a native support for evaluating <em>a subset of the SPARQL syntax</em>. It supports SPARQL queries with the following features:</p>
      <ul>
        <li><a href="https://www.w3.org/TR/sparql11-query/#WritingSimpleQueries">Triple patterns</a></li>
        <li><a href="https://www.w3.org/TR/sparql11-query/#BasicGraphPatterns">Basic Graph patterns</a></li>
        <li><a href="https://www.w3.org/TR/sparql11-query/#alternatives">Unions</a></li>
        <li><a href="https://www.w3.org/TR/sparql11-query/#expressions">Filters</a>, with <em>simple expressions only</em> (=, !=, <, >=, +, -, etc)</li>
        <li><a href="https://www.w3.org/TR/sparql11-query/#queryDataset">GRAPH clauses</a></li>
      </ul>
      <form action="{{ url_for('sparql-interface.sparql_index', _external=True) }}" id="queryForm" method="GET">
        <input id="defaultGraphUri" hidden="true" name="default-graph-uri" value="{{ dataset_info['schema:url'] }}" />
        <div class="form-group">
          <label for="sparqlQueryTextArea"><strong>Type your SPARQL query</strong></label>
          <textarea name="query" class="form-control" id="sparqlQueryTextArea"></textarea>
        </div>
        <button type="submit" class="btn btn-success"><i class="fas fa-play"></i> Execute</button>
      </form>

      <hr>

      <!-- complex queries -->
      <h4>Complete SPARQL 1.1 queries</h4>
      <p>To execute <em>complete SPARQL queries</em> using a SaGe server, you have two options:</p>
      <ul>
        <li>Take a look at <a href="{{ url_for('index') }}#software">existing SaGe Smart Clients</a> to evaluate SPARQL queries on your computer.</li>
        <li>Use the online playground <strong>below</strong></li>
      </ul>

      <div id="sage-widget"
        url=""
        defaultServer="{{ dataset_info['schema:url'] }}"
        defaultQuery="SELECT * WHERE { ?s ?p ?o }"
        defaultQName="">
      </div>
    </div>
  </div>
</div>
<script src="{{ url_for('static', filename='node_modules/yasgui-yasqe/dist/yasqe.bundled.min.js') }}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
  var yasqe = YASQE.fromTextArea(document.getElementById("sparqlQueryTextArea"), {
    createShareLink: null
  })
  yasqe.setValue("SELECT * WHERE { ?s ?p ?o }")
</script>
{% endblock %}