{% 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">Doctor Dashboard</h2>
        </div>
    </div>
    <div class="row align-items-center">
        <!-- Image Section -->
        <div class="col-md-12">
            <h6 class="alert alert-info shadow">Appointments</h6>
            <div class="messages">
                {% if messages %}
                    {% for message in messages %}
                        <p class="alert alert-warning">{{ message }}</p>
                    {% endfor %}
                {% endif %}
            </div>
<table id="myTable" class="display table table-bordered">
    <thead>
        <tr>
            <th>Patient ID</th>
            <th>Patient Name</th>
            <th>Mobile</th>
            <th>Date</th>
            <th>Time</th>
            <th>Patient Notes</th>
            <th>Serial</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for appointment in appointments %}
        {% if appointment.patient.id %}
        <tr>
            <td><a href="{% url 'update_patient' appointment.patient.id %}">{{ appointment.patient.id }}</a></td>
            <td>{{ appointment.patient.name }}</td>
            <td>{{ appointment.patient.mobile }}</td>
            <td>{{ appointment.available.date }}</td>
            <td>{{ appointment.available.start_time }} - {{appointment.available.end_time}}</td>
            <td>{{appointment.notes | truncatewords:20}}</td>
            <td>{{appointment.serial}}</td>
            <td>
                {% if appointment.prescription_exists %}
                    <!-- Show edit and delete buttons if a prescription exists -->
                     {% for prescription in appointment.prescriptions.all %}
                     {% if prescription.appointment.id == appointment.id %}
                        <a class="btn btn-warning btn-sm" href="{% url 'edit_prescription' prescription.id %}">Edit</a>
                        <a class="btn btn-danger btn-sm" href="{% url 'delete_prescription' prescription.id %}" onclick="return confirm('Are you sure you want to delete this prescription?');">Delete</a>
                        <a class="btn btn-sm btn-primary" href="{% url 'prescription_detail' prescription.id %}">Print</a>
                    {% endif %}
                    {% endfor %}
                {% else %}
                    <!-- Show write prescription button if no prescription exists -->
                    <a class="btn btn-primary btn-sm" href="{% url 'create_prescription' appointment.id %}">Write Prescription</a>
                {% endif %}
            </td>
        </tr>
        {% endif %}
        {% endfor %}
    </tbody>
</table>
<hr class="my-5"/>
<h6 class="my-2 alert alert-info shadow">Lab Reports</h6>
<table id="myTable2" class="display table table-bordered">
<thead>
<tr>
<th>Test Name</th>
<th>Instructions</th>
<th>Patient ID.</th>
<th>Patient Name</th>
<th>Mobile</th>
<th>Prescribed Date</th>
<th>Prescription</th>
<th>Report</th>
</tr>
</thead>
<tbody>
{% for r in reports %}
<tr>
<td>{{ r.test.test_name }}</td>
<td>{{ r.test.instructions }}</td>
<td>{{ r.test.appointment.patient.id}}</td>
<td>{{ r.test.appointment.patient.name}}</td>
<td>{{ r.test.appointment.patient.mobile}}</td>
<td>{{ r.test.prescribed_date }}</td>
<td><a href="{% url 'prescription_detail' r.test.appointment.prescriptions.all.first.id %}" class='btn btn-primary btn-sm'>View</a></td>
<td><a class="btn btn-sm btn-info" href="{{ r.report_file.url }}" target="_blank">Download Report</a></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();
    });
</script>
{% endblock content %}