{% extends 'layout.html' %}

{% block content %}
<header class="mb-4 d-flex justify-content-between align-items-center">
    <div>                
        <h2 class="text-white">{{ title }}</h2>
        <p class="text-white-50 mb-0">{{ subtitle }}</p>
    </div>
    <div class="d-flex align-items-center">
        <div class="status-badge-pill status-online me-3">
            <span class="pulse"></span>
            <span id="statusText">Sistem Aktif</span>
        </div>
        <div id="currentTime" class="text-white-50 me-3 fw-bold"></div>
        <a href="{{ url_for('st_hat.index', bolum_id = hat.bolum.id) }}" class="btn btn-danger rounded-pill px-4">
            <i class="bi bi-arrow-left me-1"></i> Geri Dön
        </a>
    </div>
</header>

<div class="row g-4 mb-4">
    <div class="accordion accordion-flush" id="accordionFlushExample">
        {% for ind, data in hat.anomaliler.items() %}          
            <div class="accordion-item">
                <h2 class="accordion-header">
                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{ ind }}" aria-expanded="false" aria-controls="flush-collapse{{ ind }}">
                    Agoritma {{ind}}
                </button>
                </h2>
                <div id="flush-collapse{{ ind }}" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
                    <div class="accordion-body">                        
                        <table class="table">
                            {% if ind in [1,4,5,6] %}
                                <thead>
                                    <th>Tarih</th>
                                    <th>Hat</th>
                                    <th>İş Emri</th>
                                    <th>v-RMS (magnitude)</th>
                                    <th>a-Peak (magnitude)</th>
                                    <th>Sıcaklık</th>
                                </thead>
                                <tbody>
                                    {% for row in data %}                                    
                                        <tr>
                                            <td>{{ row.tarih }}</td>
                                            <td>{{ row.hat_id }}</td>
                                            <td>{{ row.is_emri_id }}</td>
                                            <td>{{ row.v_rms_magnitude }}</td>
                                            <td>{{ row.a_peak_magnitude }}</td>
                                            <td>{{ row.sicaklik }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            {% else %}
                                <thead>
                                    <th>Tarih</th>
                                    <th>Hat</th>
                                    <th>İş Emri</th>
                                    <th>Sıcaklık 1</th>
                                    <th>Sıcaklık 12</th>
                                    <th>Sıcaklık 24</th>
                                    <th>Ana Motor Akımı</th>
                                    <th>Ana Motor Hızı</th>
                                    <th>Çizgi Motor Hızı</th>
                                    <th>Eriyik Başıncı</th>
                                    <th>Çekici Hızı</th>                                    
                                </thead>
                                <tbody>
                                    {% for row in data %}                                    
                                        <tr>
                                            <td>{{ row.tarih }}</td>
                                            <td>{{ row.hat_id }}</td>
                                            <td>{{ row.is_emri_id }}</td>
                                            <td>{{ row.sicaklik1 }}</td>
                                            <td>{{ row.sicaklik12 }}</td>
                                            <td>{{ row.sicaklik24 }}</td>
                                            <td>{{ row.ana_motor_akimi }}</td>
                                            <td>{{ row.ana_motor_hizi }}</td>
                                            <td>{{ row.cizgi_motor_hizi }}</td>
                                            <td>{{ row.eriyik_basinci }}</td>
                                            <td>{{ row.cekici_hizi }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            {% endif %}
                        </table>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
</div>


{% endblock content %}