{% load humanize i18n static %}
{% language 'en-US' %}
{% csrf_token %}
    <div style="display: flex; justify-content: space-between;border-bottom: 1px solid;padding-bottom: 10px;align-items: center;">
        <h5 class="h5">List Voucher</h5>
    </div>
    <div id="collapseOneVitalSign" class="accordion-collapse collapse show collapse show"
        aria-labelledby="headingOneVitalSign" data-bs-parent="#accordionVitalSign">
        <div class="accordion-body">
            <!-- <h5 class="mt-3 h5">Semua Pasien</h5> -->
            <div class="row gy-3">
                <table width="100%" style="width:100% !important; cursor: pointer;" class="table dataTable table-striped table-bordered" id="table-voucher-history">
                    <thead>
                        <th>#</th>
                        <th>Pasien</th>
                        <th class="text-center">Voucher</th>
                        <th class="text-center">Pembayaran</th>
                        <th class="text-center">Diskon</th>
                        <th class="text-center">Status</th>
                        <th class="text-center">Tanggal</th>
                    </thead>
                    <tbody>
                        {% for data in voucherlisthistory %}
                            <tr>
                                <td class="text-center">{{forloop.counter}}</td>
                                <td class="text-center">{{data.pendaftaran.pasien.first_name}}</td>
                                <td class="text-center">{{data.voucher.kode}}</td>
                                <td class="text-center">Rp{{data.pembayaran.total_pembayaran|floatformat:0|intcomma}}</td>
                                <td class="text-center">{% if data.voucher.tipe_diskon != "%" %}-{%endif%}{{ data.voucher.diskon|floatformat:0|intcomma }} {% if data.voucher.tipe_diskon == "%" %}%{%endif%}</td>
                                <td class="text-center">{%if data.status == "1"%}Dibayar{%else%}Belum bayar{%endif%}</td>
                                <td class="text-center">{{data.created_at|date:"d M Y"}}</td>
                            </tr>
                        {%endfor%}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    {% endlanguage %}
<script>
    function panggilPasien(nama){
        let name = nama.split(',')[0].trim();
        speak(`pasien atas nama ${name} silahkan ke loket pembayaran`)
    }
</script>