{% load humanize %}
<div class="row g-3 mt-2">
    <hr class="my-1 text-primary">
    <div class="accordion" id="accordionLayanan{{ k.nama }}">
        <div class="accordion-item">
            <h2 class="accordion-header" id="headingOneLayanan{{ k.nama }}">
                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                    data-bs-target="#collapseOneLayanan{{ k.nama }}" aria-expanded="true"
                    aria-controls="collapseOneLayanan{{ k.nama }}">
                    Layanan {{ k.nama }}
                </button>
            </h2>
            <div id="collapseOneLayanan{{ k.nama }}" class="accordion-collapse collapse show collapse show"
                aria-Labelledby="headingOneLayanan{{ k.nama }}b" data-bs-parent="#accordionLayanan{{ k.nama }}">
                <div class="accordion-body">
                    <!-- Button trigger modal -->

                    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#exampleModal{{ k.nama }}">
                        Minta Layanan {{ k.nama }}
                    </button>
                    {% if requestdokter %}
                    {% for w in requestdokter %}
                    {% if w.kategori_request == k %}
                    <div class="row mb-4 mt-4 mr-4">Record Permintaan:
                    <textarea class="form-control" disabled>{{ w.request }}</textarea>
                    </div>
                    {% if k.nama == 'RANAP' %}
                    <div class="row mb-4 mt-4 mr-4">Dokter Tujuan:
                    <textarea class="form-control" disabled>{{ w.cppt.pendaftaran.dokter_ranap.last_name }}. {{ w.cppt.pendaftaran.dokter_ranap.first_name }} | {{ w.cppt.pendaftaran.dokter_ranap.kode }}</textarea>
                    </div>
                    {% endif %}
                    {% if k.nama == 'FARMASI' %}
                    <a href="#" class="btn btn-success text-light" onclick="window.open('/pemeriksaan/resep/{{ w.cppt.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=260px,height=380px');">Resep</a>
                    {% endif %}
                    {% if k.nama == 'LABORATORIUM' %}
                    <a href="/pemeriksaan/cetaklabellab/{{ cppt.id }}/" target="_blank">Lihat Form Pemeriksaan</a>
                    {% endif %}
                    {% endif %}
                    {% endfor %}
                    {% endif %}
                    <!-- Modal -->
                    <div class="modal fade" id="exampleModal{{ k.nama }}" tabindex="-1"
                        aria-Labelledby="exampleModalLabel{{ k.nama }}" aria-hidden="true">
                        <div class="modal-dialog modal-xl">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h1 class="modal-title fs-5" id="exampleModalLabel{{ k.nama }}">Layanan {{ k.nama }} | CPPT ID: {{ cppt.id }} | Kategori ID: {{ k.id }}
                                    </h1>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"
                                        aria-Label="Close"></button>
                                </div>
                                <div class="modal-body">
                                        {% if k.nama == 'RANAP' %}
                                    <form method="POST" action="/pemeriksaan/postrequestdokterranap">
                                        {% else %}
                                    <form method="POST" action="/pemeriksaan/postrequestdokter">
                                        {% endif %}
                                        {% csrf_token %}
                                        <div class="mb-3">
                                            <label for="exampleFormControl{{ k.nama }}" class="form-label">Request {{ k.nama }}</label>
                                            <textarea class="form-control" id="exampleFormControl{{ k.nama }}" rows="3"
                                                name="request"></textarea>
                                        </div>
                                        <div class="mb-3">
                                            <label for="exampleFormControl{{ k.nama }}" class="form-label">Catatan dalam request</label>
                                            <textarea class="form-control" id="exampleFormControl{{ k.nama }}{{ k.id }}" rows="3"
                                                name="catatan"></textarea>
                                        </div>
                                        {% if k.nama == 'RANAP' %}
                                        <div class="mb-3 row">
                                            <label for="inputDokter" class="col-sm-2 col-form-label">Ke Dokter</label>
                                            <div class="col-sm-10">
                                                <select class="form-select" aria-label="Default select example" name="dokter_ranap" required>
                                                    <option>Pilih</option>
                                                    {% for a in dokter %}
                                                    <option value="{{ a.id }}">KLINIK: {{ a.poli.nama }} | DOKTER: {{ a.first_name }}, {{ a.last_name }}
                                                    </option>
                                                    {% endfor %}
                                                </select>
                                            </div>
                                        </div>
                                        {% endif %}
                                        <div class="d-grid gap-2 d-md-flex justify-content-md-end">
                                            <input type="hidden" name="cppt" value="{{ cppt.id }}">
                                            <input type="hidden" name="kategori_request" value="{{ k.id }}">
                                            <button class="btn btn-primary" type="submit">Submit</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                                        {% if k.nama == 'FARMASI' %}
                                        <div class="row mt-4 mb-4">
                                            <div class="col">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th colspan="8">Invoice Barang</th>
                                                        </tr>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Nama</th>
                                                            <th>Harga</th>
                                                            <th>Kuantitas</th>
                                                            <th>Jumlah</th>
                                                            <th>Cara Pakai</th>
                                                            <th>Cetak</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        {% for x in invoicebarang %}
                                                        <tr>
                                                            <td>{{ forloop.counter }}
                                                            </td>
                                                            <td>{{ x.barang.nama }}</td>
                                                            <td>{{ x.barang.harga_jual }}</td>
                                                            <td>{{ x.kuantitas }}</td>
                                                            <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                            <td>{% widthratio x.barang.harga_jual 1 x.kuantitas as summary %}{{ summary|intcomma }}</td>
                                                            <td>{{ x.catatan }}</td>
                                                            <td><a href=" 'cetaklabelobat' x.id %}" class="btn btn-primary" target="_blank">Cetak Label</a></td>
                                                        </tr>
                                                        {% endfor %}
                                                        <tr>
                                                            <td colspan="4">Total: </td>
                                                            <!-- ( x.biaya harga / 1 ) * x.kuantitas -->
                                                            <td colspan="4"><b>{{ summaryinvoicebarang|intcomma }}</b></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        {% elif k.nama == 'RANAP' %}
                                        <div class="row mt-4 mb-4">
                                            <div class="col">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Nama Bed</th>
                                                            <th>Harga</th>
                                                            <th>Jumlah</th>
                                                            <th>Progress</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        {% for x in invoicebed %}
                                                        <tr>
                                                            <td>

                                                                {{ forloop.counter }}
                                                            </td>
                                                            <td>{{ x.tarif_layanan.nama }}</td>
                                                            <td>{{ x.tarif_layanan.harga }}</td>
                                                            <td>{{ x.kuantitas }}</td>
                                                            <td>{{ x.tarif_layanan.hasil_normal }}</td>
                                                            <td>{{ x.catatan }}</td>
                                                        </tr>
                                                        {% endfor %}
<!--                                                        <tr>-->
<!--                                                            <td colspan="4">Total: </td>-->
<!--                                                            <td colspan="4"><b>{{ summaryinvoicelayanan|intcomma }}</b></td>-->
<!--                                                        </tr>-->
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        {% else %}
                                        <div class="row mt-4 mb-4">
                                            <div class="col">
                                                <div class="table-responsive">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                        <tr>
                                                            <th>#</th>
                                                            <th>Nama</th>
                                                            <th>Harga</th>
                                                            <th>Kuantitas</th>
                                                            <th>Jumlah</th>
                                                            <th>Hasil Normal</th>
                                                            <th>Hasil</th>
                                                            <th>Cetak</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        {% for x in invoicelayanan %}
                                                        {% if x.tarif_layanan.relasi.relasi.nama == k.nama %}
                                                        <tr>

                                                            <td>{{ forloop.counter }}
                                                            </td>
                                                            <td>{{ x.tarif_layanan.nama }}</td>
                                                            <td>{{ x.tarif_layanan.harga }}</td>
                                                            <td>{{ x.kuantitas }}</td>
                                                            <td>{% widthratio x.tarif_layanan.harga 1 x.kuantitas as summary %}{{ summary|intcomma }}</td>
                                                            <td>{{ x.tarif_layanan.hasil_normal }}</td>
                                                            <td>{{ x.catatan }}</td>
                                                            {% if x.file %}
                                                            <td><a href="{{ x.file.url }}" class="btn btn-primary" target="_blank">File</a></td>
                                                            {% else %}
                                                            <td></td>
                                                            {% endif %}
                                                        </tr>
                                                            {% endif %}
                                                        {% endfor %}
<!--                                                        <tr>-->
<!--                                                            <td colspan="4">Total: </td>-->
<!--                                                            <td colspan="4"><b>{{ summaryinvoicelayanan|intcomma }}</b></td>-->
<!--                                                        </tr>-->
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>