{% extends "hbase.html" %}
{% load static %}
{% block content %}
<div id="print-section" class="container my-5">

    <!-- Header -->
     <div class="text-center mb-4">
        <h2 class="fw-bold text-primary d-flex justify-content-center align-items-center gap-2">
            <img src="{% static 'hospital/imgs/logo_hello_hospital.png' %}" alt="Logo" style="height: 150px; width: auto;" class="p-2">
            প্রেসক্রিপশন বিস্তারিত
        </h2>
        <p class="text-muted">তারিখ: {{ prescription.prescribed_date }}</p>
    </div>

    <!-- Patient and Doctor Info -->
    <div class="row border rounded p-3 mb-4">
        <div class="col-md-6 col-sm-6">
            <p><b>রোগীর নাম:</b>{{ prescription.appointment.patient.name }}</p>
            <p><b>বয়স:</b>{{ prescription.appointment.patient.age.years }} বছর {{ prescription.appointment.patient.age.months }} মাস {{ prescription.appointment.patient.age.days }} দিন , <b>লিঙ্গ:</b>{{prescription.appointment.patient.gender}}</p>
            <p>{% if prescription.weight %}<b>ওজন:</b>{{ prescription.weight }} {% endif %} {% if prescription.temperature %} | <b>শরীরের তাপমাত্রা:</b>{{ prescription.temperature }}{% endif %}{% if prescription.blood_pressure %} | <b>রক্তচাপ:</b>{{ prescription.blood_pressure }}{% endif %}</p>
        </div>
        <div class="col-md-6 col-sm-6">
            <p><b>ডাক্তার:</b> {{ prescription.appointment.doctor.vendor.name}} <br/> {{ prescription.appointment.doctor.designation }} <br/> {{ prescription.appointment.doctor.specialization | safe }}</p>
        </div>
    </div>

    <!-- Symptoms -->
     
    <div class="row border rounded p-3 mb-4">
        {% if prescription.symptoms %}
        <div class="col-sm-6">
        <h5>C/C:</h5>
        <p>{{ prescription.symptoms|linebreaks }}</p>
        </div>
        {% endif %}
        {% if prescription.on_examination %}
        <div class="col-sm-6">
        <h5>O/E:</h5>
        <p>{{ prescription.on_examination|linebreaks }}</p>
        </div>
        {% endif %}
    </div>
    {% if request.user.vendor_doctor.eye_specialist or prescription.appointment.doctor.eye_specialist %}
    <div class="row">
    <div class="col-md-12">
        <div class="section-title"><strong>Right Eye</strong></div>
        <div class="table-responsive">
            <table class="table table-bordered align-middle text-center">
                <thead>
                    <tr>
                        <th>Type</th>
                        <th>Sph</th>
                        <th>Cyl</th>
                        <th>Axis</th>
                        <th>Corrected Acuity</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Distance</td>
                        <td>{{prescription.right_sph_distance}}</td>
                        <td>{{prescription.right_cyl_distance}}</td>
                        <td>{{prescription.right_axis_distance}}</td>
                        <td>{{prescription.right_corrected_distance}}</td>
                    </tr>
                    <tr>
                        <td>Near</td>
                        <td>{{prescription.right_sph_near}}</td>
                        <td>{{prescription.right_cyl_near}}</td>
                        <td>{{prescription.right_axis_near}}</td>
                        <td>{{prescription.right_corrected_near}}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="section-title"><strong>Left Eye</strong></div>
        <table class="table table-bordered align-middle text-center">
            <thead>
                <tr>
                    <th>Type</th>
                    <th>Sph</th>
                    <th>Cyl</th>
                    <th>Axis</th>
                    <th>Corrected Acuity</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Distance</td>
                    <td>{{prescription.left_sph_distance}}</td>
                    <td>{{prescription.left_cyl_distance}}</td>
                    <td>{{prescription.left_axis_distance}}</td>
                    <td>{{prescription.left_corrected_distance}}</td>
                </tr>
                <tr>
                    <td>Near</td>
                    <td>{{prescription.left_sph_near}}</td>
                    <td>{{prescription.left_cyl_near}}</td>
                    <td>{{prescription.left_axis_near}}</td>
                    <td>{{prescription.left_corrected_near}}</td>
                </tr>
            </tbody>
        </table>
        {% if prescription.unifocal or prescription.bifocal or prescription.cr_39 or prescription.h_index or prescription.odd_rt_lt or prescription.kb or prescription.valius or prescription.execution or prescription.dee or prescription.arc or prescription.bluecut %}
        <div class="section-title"><strong>Instructions</strong></div>
        <div class="instructions mb-3 d-flex flex-wrap">
            <table>
                <tr>
                    {% if prescription.unifocal %}
                    <td style="width: 200px;">✔ Unifocal&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.bifocal %}
                    <td style="width: 200px;">✔ Bifocal&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.cr_39 %}
                    <td style="width: 200px;">✔ CR-39&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.h_index %}
                    <td style="width: 200px;">✔ H-Index&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.odd_rt_lt %}
                    <td style="width: 200px;">✔ Odd-Rt./Lt.&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.kb %}
                    <td style="width: 200px;">✔ KB&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.valius %}
                    <td style="width: 200px;">✔ Valius&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.dee %}
                    <td style="width: 200px;">✔ Dee&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.execution %}
                    <td style="width: 200px;">✔ Execution&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.arc %}
                    <td style="width: 200px;">✔ ARC&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                    {% if prescription.bluecut %}
                    <td style="width: 200px;">✔ Bluecut&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    {% endif %}
                </tr>
            </table>
        </div>
        {% endif %}
    </div>
</div>
    {% endif %}
    <!-- Medications -->
    <div class="row border rounded p-3 mb-4">
        <h5 class="text-success">ঔষধ:</h5>
        <div class="table-responsive">
            <table class="table table-bordered table-striped text-center">
                <thead class="table-light">
                    <tr>
                        <th>ক্রম.</th>
                        <th>Dosage Form</th>
                        <th>নাম</th>
                        <th>Generic</th>
                        <th>Strength</th>
                        <th>সময়</th>
                        <th>কখন খাবেন</th>
                        <th>নির্দেশনা</th>
                    </tr>
                </thead>
                <tbody>
                    {% for med in prescription.medicines.all %}
                    <tr>
                        <td>{{ forloop.counter }}</td>
                        <td>{{ med.dosage_form }}</td>
                        <td>{{ med.name }}</td>
                        <td>{{ med.generic }}</td>
                        <td>{{ med.strength }}</td>
                        <td>{{ med.time }}</td>
                        <td>{{ med.meal_time }}</td>
                        <td>{{ med.duration }}</td>
                    </tr>
                    {% empty %}
                    <tr>
                        <td colspan="4">কোন ঔষধ নির্ধারণ করা হয়নি।</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <!-- Instructions -->
     {% if prescription.instructions %}
    <div class="row border rounded p-3 mb-4">
        <h5>পরামর্শ:</h5>
        <p>{{ prescription.instructions|linebreaks }}</p>
    </div>
    {% endif %}

    <!-- Tests -->
    {% if tests %}
    <div class="row border rounded p-3 mb-4">
        <h5 class="text-info">পরীক্ষাসমূহ:</h5>
        <ul class="list-group">
            {% for test in tests %}
            <li class="list-group-item">
                <strong>{{ test.test_name }}:</strong>{% if test.instructions %}
                <small class="text-muted">{{ test.instructions }}</small>
            {% endif %}
            </li>
            {% endfor %}
        </ul>
    </div>
    {% endif %}
    <div class="row border rounded p-3 mb-3">
            <p class="mb-0"><strong>Financed by:</strong>
            Mohammad Mustafa Haider | Managing Director | Samuda Chemicals Complex Limited</p>
          </div>
      <div class="row border rounded p-3 mb-3">
        <p class="mb-1">
        <strong>Organized by:</strong>
          Alhaj Shamsul Hoque Foundation |
          NGO Reg. No.: 3201, RUSC Reg. No.: 620/2018
        </p>
        <p class="mb-0">
        Golam Ali Nazir Para, Chandgaon, Chattogram 4212 |
          <a href="https://www.ashfoundation.ngo" target="_blank">ashfoundation.ngo</a> |
          Mobile: +88 01841 040540
        </p>
    </div>

    <div class="row border rounded p-3 mb-4">
        <i>Note: This is an auto-generated prescription. No signature required.</i>
    </div>
</div>

<!-- Normal buttons (not printed) -->
<div class="text-center my-4 no-print">
    <a href="{% url 'custom_redirect' %}" class="btn btn-outline-secondary me-2">← ফিরে যান</a>
    {% if user.see_vendor.role == "Doctor" %}
        <a href="{% url 'edit_prescription' prescription.id %}" class="btn btn-primary me-2">✎ এডিট করুন</a>
    {% endif %}
    <button class="btn btn-success" onclick="printPrescription()">🖨️ প্রিন্ট</button>
</div>

<!-- JavaScript to isolate print -->
<script>
function printPrescription() {
    const printContents = document.getElementById('print-section').innerHTML;
    const printWindow = window.open('', '', 'height=800,width=1000');

    printWindow.document.write(`
        <html>
            <head>
                <title>প্রেসক্রিপশন</title>
                <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
                <style>
                    body {
                        padding: 20px;
                        font-family: 'SolaimanLipi', sans-serif;
                        color: black;
                    }
                    h2, h5 {
                        color: black !important;
                    }
                    .table th, .table td {
                        border: 1px solid #000 !important;
                    }
                </style>
            </head>
            <body onload="window.print(); setTimeout(() => window.close(), 100);">
                ${printContents}
            </body>
        </html>
    `);

    printWindow.document.close();
}
</script>
{% endblock %}