{% extends 'notes/base.html' %}
{% load static %}
{% block content %}

<!--Add navigation to other resources-->


<div class="accordion" id="accordionExample">
  <div class="container-fluid">
    <div class="card-header" id="headingOne">
      Navigate
      <h2 class="mb-0">
        <span class="btn btn-link badge nav-link" type="button" data-toggle="collapse" data-target="#collapseOne"
          aria-expanded="true" aria-controls="collapseOne">
          Python<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28" height="28" viewBox="0 2 48 48"
            style=" fill:#000000;">
            <path fill="#0277BD"
              d="M24.047,5c-1.555,0.005-2.633,0.142-3.936,0.367c-3.848,0.67-4.549,2.077-4.549,4.67V14h9v2H15.22h-4.35c-2.636,0-4.943,1.242-5.674,4.219c-0.826,3.417-0.863,5.557,0,9.125C5.851,32.005,7.294,34,9.931,34h3.632v-5.104c0-2.966,2.686-5.896,5.764-5.896h7.236c2.523,0,5-1.862,5-4.377v-8.586c0-2.439-1.759-4.263-4.218-4.672C27.406,5.359,25.589,4.994,24.047,5z M19.063,9c0.821,0,1.5,0.677,1.5,1.502c0,0.833-0.679,1.498-1.5,1.498c-0.837,0-1.5-0.664-1.5-1.498C17.563,9.68,18.226,9,19.063,9z">
            </path>
            <path fill="#FFC107"
              d="M23.078,43c1.555-0.005,2.633-0.142,3.936-0.367c3.848-0.67,4.549-2.077,4.549-4.67V34h-9v-2h9.343h4.35c2.636,0,4.943-1.242,5.674-4.219c0.826-3.417,0.863-5.557,0-9.125C41.274,15.995,39.831,14,37.194,14h-3.632v5.104c0,2.966-2.686,5.896-5.764,5.896h-7.236c-2.523,0-5,1.862-5,4.377v8.586c0,2.439,1.759,4.263,4.218,4.672C19.719,42.641,21.536,43.006,23.078,43z M28.063,39c-0.821,0-1.5-0.677-1.5-1.502c0-0.833,0.679-1.498,1.5-1.498c0.837,0,1.5,0.664,1.5,1.498C29.563,38.32,28.899,39,28.063,39z">
            </path></a>
          </svg>

        </span>
      </h2>
    </div>

    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
      <div class="card-body">
        <div class="media content-section shadow">
          <ol>
            {%if user.first_name%}
            <small>Hi, {{user.first_name}}! You are at "{{object.title}}" right now.</small>
            <br><br>
            {%else%}
            <small>Hi, {{user.username}}! You are at "{{object.title}}" right now.</small>
            <br><br>
            {%endif%}
            {%for resources in resources%}
            <li><a style="color: antiquewhite;" href="{%url 'resources:detail-python' resources.slug%}">{{resources.title}}</a></li>
            {%endfor%}
          </ol>
        </div>
      </div>
    </div>
  </div>
  <p><a href="{%url 'resources:home'%}">Go Back</a></p>
</div>



<article class="media content-section shadow">
  <div class="media-body">
    <div class="article-metadata">
      <span class="badge badge-info badge-pill badge-light">{{object.category}}</span>
      <h2 class="article-title">{{ object.title }}</h2>
      {{object.content|safe}}
    </div>
    <p><a href="{%url 'resources:home'%}">Go Back</a></p>
  </div>
</article>
<p>Optional Python Editor for your use</p>
<iframe src="https://trinket.io/embed/python3/9d578a67e3" width="90%" height="400" frameborder="0" marginwidth="0"
  marginheight="0"></iframe>

<!-- Run video fix. Has to be at the bottom for this to work. -->
<script src="{% static 'js/resources.js' %}"></script>

{% endblock content %}