{% extends "hbase.html" %}
{% block content %}
<div class="container my-5">
    <div class="row">
        <!-- Heading Section -->
        <div class="col-12 text-center mb-4">
            <h2 class="fw-bold text-primary">Patient Dashboard</h2>
        </div>
    </div>
    <div class="row align-items-center">
        <!-- Image Section -->
        <div class="col-md-12">
            <h6 class="my-2 alert alert-info shadow">Appointments</h6>
            <table id="myTable" class="display table table-bordered">
                <thead>
                    <tr>
                        <th>Doctor</th>
                        <th>Designation</th>
                        <th>Specialization</th>
                        <th>Date</th>
                        <th>Time</th>
                        <th>সিরিয়াল নেওয়ার শেষ সময়</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    {% for dav in doc_av %}
                    <tr>
                        <td>{{ dav.doctor.vendor.name }}</td>
                        <td>{{ dav.doctor.designation }}</td>
                        <td>{{ dav.doctor.specialization|safe }}</td>
                        <td>{{ dav.date }}</td>
                        <td>{{ dav.start_time }} - {{ dav.end_time }}</td>
                        <td>{{ dav.date }}-{{ dav.end_serial_time }}</td>
                        <td>
                                {% for appointment in appointment_map %}
                                    {% if appointment.available.id == dav.id %}
                                        {% if appointment.prescriptions.all.count == 0 %}
                                        <h5 class="my-1">
                                            <span class="badge bg-success">ধন্যবাদ। আপনার সিরিয়াল {{ appointment.serial }}</span>
                                        </h5>
                                        <form action="{% url 'delete_appointment' dav.doctor.id dav.id %}" method="post" style="display:inline;">
                                            {% csrf_token %}
                                            <button type="submit" class="btn btn-danger btn-sm my-1" onclick="return confirm('Are you sure you want to delete this appointment?')">
                                                Cancel Appointment
                                            </button>
                                        </form>
                                        {% endif %}
                                    {% endif %}
                                {% endfor %}
                                <a class="btn btn-primary btn-sm my-1" href="{% url 'book_appointment' dav.doctor.id dav.id %}">
                                    Book or Edit Appointment
                                </a>
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
<hr class="my-5"/>
            <h6 class="my-2 alert alert-info shadow">Prescriptions</h6>
<table id="myTable2" class="display table table-bordered">
    <thead>
        <tr>
            <th>ডাক্তারের নাম</th>
            <th>বিশেষজ্ঞ</th>
            <th>প্রেসক্রিপশনের তারিখ</th>
            <th>উপসর্গ</th>
            <th>ঔষধ</th>
            <th>নির্দেশনা</th>
            <th>ভিউ</th>
        </tr>
    </thead>
    <tbody>
        {% for p in prescriptions %}
        <tr>
            <td>{{ p.appointment.doctor.vendor.name }}</td>
            <td>{{ p.appointment.doctor.specialization }}</td>
            <td>{{ p.prescribed_date }}</td>
            <td>{{ p.symptoms }}</td>
            <td>{% for med in p.medicines.all %}
                {{med.name}},
                {% endfor %}
            </td>
            <td>{{ p.instructions }}</td>
            <td>
                <a class="btn btn-sm btn-primary" href="{% url 'prescription_detail' p.id %}">View</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>            
            <hr class="my-5"/>
            <h6 class="my-2 alert alert-info shadow">Lab Tests</h6>
<table id="myTable3" class="display table table-bordered">
    <thead>
        <tr>
            <th>Test Name</th>
            <th>Instructions</th>
            <th>Doctor</th>
            <th>Prescribed Date</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for test in tests %}
        <tr>
            <td>{{ test.test_name }}</td>
            <td>{{ test.instructions }}</td>
            <td>{{ test.appointment.doctor.vendor.name }}</td>
            <td>{{ test.prescribed_date }}</td>
            <td>
                {% if test.status != 'Uploaded' and test.status != 'Reviewed' %}
                <a href="{% url 'upload_test_report' test.id %}">Upload Report</a>
                {% else %}
                <span>Uploaded</span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
        </div>
    </div>
</div>
<script>
    // Ensure DataTables initializes after the document is fully loaded
    $(document).ready(function() {
        $('#myTable').DataTable();
    });
    $(document).ready(function() {
        $('#myTable2').DataTable();
    });
    $(document).ready(function() {
        $('#myTable3').DataTable();
    });
</script>
{% endblock content %}