{% extends "layout.html" %}

{% block content %}
<div class="header"> 
<h2>View Transaksi Pembelian</h2>
</div> 

<!-- Flash Messages -->
{% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
        <ul>
            {% for category, message in messages %}
                <li style="color: {% if category == 'error' %}red{% else %}green{% endif %};">
                    {{ message }}
                </li>
            {% endfor %}
        </ul>
    {% endif %}
{% endwith %}

<!-- Form Transaksi -->
<!-- <form method="post" action="{{ url_for('transaksi_pembelian') }}"> -->
<form method="post" action="{{ url_for('view_transaksi_pembelian') }}" style="margin-bottom: 20px;">
   

    <label for="search_transaksi_id">Cari Transaksi ID:</label>
    <input type="text" name="search_transaksi_id" id="search_transaksi_id" placeholder="Masukkan Transaksi ID" value="{{ transaksi_id }}">
    <button type="submit">Cari</button>

</form>

<!-- Tabel Master Pembelian -->
<h3>Master Pembelian</h3>
<table id="transaksi_pembelian" border="1" cellspacing="0" cellpadding="8" class="display" style="width:100%">
   
    <thead>
        <tr>
            <th>ID</th>
            <th>Supplier</th>
            <th>Total Harga</th>
            <th>Created At</th>
             
        </tr>
    </thead>
    <tbody>
        {% for item in master_pembelian %}
        <tr>
            <td>{{ item[0] }}</td>
            <td>{{ item[1] }}</td>
            <td>{{ item[2] }}</td>
            <td>{{ item[3] }}</td>
             
        </tr>
        {% endfor %}
    </tbody>
</table>
<br>
<br>
<br>
<!-- Tabel Master Pembelian -->
<h3>Detail Pembelian</h3>
<table id="detailPembelianTable" border="1" cellspacing="0" cellpadding="8" class="display" style="width:100%">
   
    <thead>
        <tr>
            <th>ID</th>
            <th>Transaksi Id</th>
            <th>Nama</th>
            <th>Harga</th>
            <th>Jumlah</th>
            <th>Subtotal</th>
   
        </tr>
    </thead>
    <tbody>
        {% for itemsub in sub_pembelian %}
        <tr>
            <td>{{ itemsub[0] }}</td>
            <td>{{ itemsub[1] }}</td>
            <td>{{ itemsub[2] }}</td>
            <td>{{ itemsub[3] }}</td>
            <td>{{ itemsub[4] }}</td>
            <td>{{ itemsub[5] }}</td>
             
        </tr>
        {% endfor %}
    </tbody>
</table>

<table border="1">
    <thead>
        <tr>
            <th>Transaksi ID</th>
            <th>Supplier</th>
            <th>Nama Barang</th>
            <th>Jumlah</th>
            <th>Subtotal</th>
            <th>Total Harga</th>
        </tr>
    </thead>
    <tbody>
        {% for row in transaksi_data %}
        <tr>
            <td>{{ row[0] }}</td>
            <td>{{ row[2] }}</td>
            <td>{{ row[3] }}</td>
            <td>{{ row[4] }}</td>
            <td>{{ row[5] }}</td>
            {% if loop.index == 1 %}
            <td rowspan="{{ transaksi_data|length }}">{{ row[1] }}</td>
            {% endif %}
        </tr>
        {% endfor %}
    </tbody>
</table>

{% endblock %}