{% extends 'base_patient.html' %}
{% load static %}

{% block content %}
<!-- Title -->
<h1 class="section-title" id="services">
    <span>Requests granted</span>
</h1><!-- End Title -->

<!--breadcrum start-->
<ol style="display:none;" class="breadcrumb text-left">
    <li><a href=" {% static 'index.html' %} ">Dashboard</a></li>
    <li class="active">Button</li>
</ol><!--breadcrum end-->

<!--component header -->
<div style="display:none;" class="componant-title-bg"> 
    <p class="lead">Welcome to your account! Please fill in any pending requests if present.</p>
</div> <!--component header end -->

<!-- Propeller button -->
<section class="row component-section">
    
    <!-- Default button title and description --> 
    <div style="display:none;" class="col-md-3">
        <div id="propeller-button">
            <h2>Propeller Button</h2>
        </div>
        <p>Propeller button consists of Bootstrap HTML structure with Propeller customized classes based on material design standards. Add <code>.pmd-ripple-effect</code> followed by Bootstrap classes to get ripple effect to button.</p>
    </div> <!-- Default button title and description end --> 
    <!-- Real ones! -->
    <form method="POST">
    {% csrf_token %}
    {% if test_list %}
    {% for test_tup in test_list %}
        <div class="col-md-9">
            <div class="pmd-card pmd-z-depth card-custom-view">
                <div class="pmd-card-body"> 
                    <!-- <h2>Patient ID : {{ test_tup.pid.pid }}</h2> -->
                    <h2>Doctor ID : {{ test_tup.docid.name }}</h2>
                </div>
            </div>
            <div class="component-box">
                <!--Bootstrap button example -->
                <div class="pmd-card pmd-z-depth card-custom-view">
                    <div class="pmd-card-body"> 
                        
                        <!--Primary button with a ripple effect-->
                        <button type="submit" value="{{ test_tup.id }}" class="btn pmd-ripple-effect btn-primary" name="fill" >Remove Permission</button >
                    </div>
                </div> <!--default button example end-->
                
            </div> <!-- Default button code and example end --> 
        </div>
    {% endfor %}
    {% else %}
    <br><br><br><br><br>
    <h2>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;No granted requests!</h2>
    {% endif %}
    </form>
</section> <!-- Propeller button end --> 		
{% endblock %}       