{% extends 'basic.html' %}
{% load humanize i18n static %}

{% block title %}
Daftar Pasien
{% endblock %}

{% block content %}
{% language 'id' %}
<main class="h-100">

    {% include "header.html" %}
    <!-- main page content -->
    <div class="main-container container">
        <!--card pelayanan-->
        <div class="row mb-2">
            {% for x in messages %}
            <button class="btn btn-primary col-lg-12">{{ x }}</button>
            {% endfor %}
        </div>

        <div class="d-flex justify-content-center">
            <div class="row mb-3 mt-4">
                <div class="col">
                    <h4>Dashboard Task ID</h4>
                </div>
            </div>
        </div>
        <div class="row mb-3 mt-4">
            <div class="card">
                <div class="card-body">
                    <form method="POST" action="">
                        {% csrf_token %}
                        <div class="form-group mb-2">
                            <label for="choice">Dokter:</label><br>
                            <input id="choice" class="form-control" name="dokter">
                        </div>
                        <div class="form-group mb-2">
                            <label for="name">No RM :</label>
                            <input class="form-control" type="text" id="norm" name="norm">
                        </div>
                        <div class="form-group mb-2">
                            <label for="name">Nama Pasien</label>
                            <input class="form-control" type="text" id="name" name="name">
                        </div>
                        <div class="form-group mb-2">
                            <label for="name">Tanggal</label>
                            <input class="form-control" type="date" id="date" name="date">
                        </div>
                        <div class="form-group mt-2">
                            <button type="submit" class="btn btn-primary btn-block">Submit</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="row mb-2 mt-2">
            <div class="card">
            <div class="card-body">
            <table class="table table-sm table-bordered">
    <thead class="bg-success text-center">
    <tr class="bg-light"><th colspan="13">PERIODE {{ formatted_date }}</th></tr>
    <tr>
        <th rowspan="3" scope="col" style="vertical-align: middle;">No</th>
        <th rowspan="3" scope="col" style="vertical-align: middle;">Kode Booking</th>
        <th rowspan="3" scope="col" style="vertical-align: middle;">No. RM</th>
        <th rowspan="3" scope="col" style="vertical-align: middle;">Nama Pasien</th>
        <th colspan="8" scope="col">Status Task ID</th>
    </tr>
    </thead>
    <tbody>
    {% for x in taskid %}
    <tr>
        <td style="text-align: right;">{{ forloop.counter }}</td>
        <td style="text-align: center;">{{ x.kode_booking }}</td>
        <td style="text-align: center;">{{ x.pasien.nomor_rekam_medis }}</td>
        <td style="text-align: left;">{{ x.pasien.first_name }}</td>
        {% for y in logtaskid %}
        {% if y.relasi == x and y.status|add:'' == '1' %}
        <td style="text-align: center;">TaskId: {{ y.status }} <br> {{ y.created_at }}</td>
        {% endif %}
        {% endfor %}
        {% for y in logtaskid %}
        {% if y.relasi == x and y.status|add:'' == '2' %}
        <td style="text-align: center;">TaskId: {{ y.status }} <br> {{ y.created_at }}</td>
        {% endif %}
        {% endfor %}
        {% for y in logtaskid %}
        {% if y.relasi == x and y.status|add:'' == '3' %}
        <td style="text-align: center;">TaskId: {{ y.status }} <br> {{ y.created_at }}</td>
        {% endif %}
        {% endfor %}
        {% for y in logtaskid %}
        {% if y.relasi == x and y.status|add:'' == '4' %}
        <td style="text-align: center;">TaskId: {{ y.status }} <br> {{ y.created_at }}</td>
        {% endif %}
        {% endfor %}
        {% for y in logtaskid %}
        {% if y.relasi == x and y.status|add:'' == '5' %}
        <td style="text-align: center;">TaskId: {{ y.status }} <br> {{ y.created_at }}</td>
        {% endif %}
        {% endfor %}
    </tr>
    {% endfor %}

    </tbody>
</table>
            </div>
            </div>
            </div>
    </div>
    {% include "footer.html" %}
</main>
{% endlanguage %}
{% endblock %}