{%extends "notes/base.html"%}
{%block content%}
<h1>Quizzes</h1>

<hr>
<br>
<div class="media-content shadow" style="font-size: 18px;">
    <ul>The home of quizzes on here! Still under development, adding more quizzes with each subsequent release. </ul>
    <br>
</div>
<hr>

<div class="media-content" style="font-size: 18px;">
    <h3>All Quiz Paths</h3>
    <br>
    <div class="accordion" id="accordionExample">
        <div class="container-fluid">
            <div class="card-header" id="headingOne">
                Explore<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> 
                            {%for quiz in quiz%}
                            {%if quiz.Language == "python"%}
                            <li><a href="{%url 'quizzes:detail-python' quiz.slug%}">{{quiz.name}}</a></li>
                            {%endif%}
                            {%endfor%}
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="card-header" id="headingTwo">
                Explore<h2 class="mb-0">
                    <span class="btn badge nav-link btn-link collapsed" type="button" data-toggle="collapse"
                        data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        Java<i class='fab fa-java' style='font-size:28px;color:red'></i>
                    </span>
                </h2>
            </div>

            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                <div class="card-body">
                    <div class="media content-section shadow">
                        <ol> 
                            {%for quiz in quiz%}
                            {%if quiz.language == "python"%}
                            <li><a href="{%url 'quizzes:detail-java' quiz.slug%}">{{quiz.name}}</a></li>
                            {%endif%}
                            {%endfor%}
                            {%if ques.quiz.language is not "java"%}
                            Java Quizzes coming soon, checkout <a href="{%url 'coder:list-java'%}">Java Practice</a>
                            in the meantime.
                            {%endif%}
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <hr>

    </div>


</div>





{%endblock content%}