{% extends "basic.html" %}
{% load humanize i18n %}
{% block title %}Dashboard{% endblock %}
{% block content %}
{% language 'id' %}
<main class="h-100">
    {% include "header.html" %}
    <!-- main page content -->
    <div class="main-container container">
        <!-- welcome user -->
        <div class="row mb-4">
            <div class="col-auto">
                <form method="post" action="">
                    {% csrf_token %}
                    <div class="input-group mb-3">
                        <select class="form-select" name="id_kamar">
                            {% for x in listkamar %}
                            {% if x.id == kamar.id %}
                            {% else %}
                            <option value="{{ x.id }}">{{ x.nama }}</option>
                            {% endif %}
                            {% endfor %}
                            <option value="{{ kamar.id }}">{{ kamar.nama }}</option>
                        </select>
                        <input type="submit" class="input-group-text bg-success text-light" value="Kunjungi Kamar">
                    </div>
                </form>
            </div>
        </div>



        <div class="row mb-4">
            <div class="col-auto">
                <a href="#">
                    <div class="avatar avatar-50 mt-2">
                        <h1><i class="bi bi-house-heart"></i></h1>
                    </div>
                </a>
            </div>
            <div class="col align-self-center ps-0">
                <a href="#">
                    <h5 class="text-color-theme"><span class="fw-normal">{{ kamar.nama }}</span></h5>
                    <h5 class="text-color-theme"><span class="fw-normal">KAPASITAS: {{ kamar.kapasitas|floatformat:0 }}</span></h5>
                </a>
            </div>
        </div>

        <!-- swiper credit cards -->
        <div class="row mb-3">
            {% for x in invoicebed %}
            <details class="col-6 col-sm-6 col-md-4 col-lg-3 mt-2 mb-2">
                <summary class="btn-block btn-lg btn-primary text-light text-center" style="font-size: 1rem;"><i class="bi bi-person-badge"></i>

                    &nbsp;{{ x.nama }}&nbsp;
                    -&nbsp;{{ x.pendaftaran.pasien.first_name }}</summary>
                <div class="row">
                    <form action="/pemeriksaan/tambahcppt" method="post">
                        {% csrf_token %}
                                <input type="hidden" name="pendaftaran" value="{{ x.pendaftaran.id }}">
                                    <button class="btn-block btn-lg btn-secondary col-12 mb-2 mt-2 text-center" type="submit">
                                        + CPPT
                                    </button>
                    </form>

                {% for z in cppt %}
                {% if z.pendaftaran == x.pendaftaran %}<a class="btn-block btn-lg btn-secondary col-12 mb-2 mt-2 text-center" href="/pemeriksaan/cppt/{{ z.id }}">
                                CPPT Ke {{ forloop.counter }} | Status {{ z.status }}
                            </a>
                {% endif %}
                {% endfor %}

                    <td colspan="9" class="text-center">
                        <a href="#" class="btn btn-success text-light mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/suratperintahrawatinap/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">Surat
                            Perintah Rawat Inap</a>
                        <a href="#" class="btn btn-success text-light mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/informedconsent/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">Informed
                            Consent</a>
                        <a href="#" class="btn btn-success text-light mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/lembarpertama/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">Lembar
                            Pertama Pasien</a>
                        <a href="#" class="btn btn-success text-light mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/rekammedis/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">Resume
                            Medis</a>
                        {% if x.pendaftaran.dokter_ranap %}
                        <a href="#" class="btn btn-success mr-1 mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/sepranap/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">SEP
                            RANAP {{ x.nomor_sep_ranap }}</a>
                        {% endif %}
                        {% if x.pendaftaran.dokter %}
                        <a href="#" class="btn btn-success mr-1 mb-2 mt-2"
                           onclick="window.open('/pemeriksaan/sep/{{ x.pendaftaran.id }}','mywindow','location=1,status=1,scrollbars=1,width=500px,height=380px');">SEP
                            {{ x.nomor_sep }}</a>
                        {% endif %}

                    </td>
                </div>

            </details>
            {% endfor %}
        </div>
        <!-- money request received -->
    </div>


    <!-- main page content ends -->
    {% include "footer.html" %}
</main>
{% endlanguage %}
{% endblock %}