{% extends 'base.html' %}
{% load static %}
{% block title %} EXPath Tool 2.0{% endblock %}
{% block content %}
<main>
    <div class="container">
        <div class="col-sm-10 mx-auto mt-5">
            <div class="card mt-3">
                <div class="card-header">
                    <h3 style="text-align:center"><b>Projects</b></h3>
                </div>
                <div style="display: flex; justify-content: center; padding-top: 20px;">
                    <table class="table table-striped" style="width: 80%; ">
                        <thead>
                            <tr>
                                <th>Project Name</th>
                                <th>Species</th>
                                <th>Type of expression profile</th>
                                <th>Expression scale</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ project.name }}</td>
                                <td><i>{{ project.species }}</i></td>
                                <td>{{ project.expression_profile_type }}</td>
                                <td>{{ project.expression_scale }}</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <br>
            <div class="mx-auto" style="width: 90%;">
                <h5 class="text-secondary mb-3">
                    <i class="fas fa-database me-2"></i>Dataset Summary
                </h5>
                {% if dataset_summary %}
                <div class="row">
                    <div class="col-md-5 mb-3">
                        <table class="table table-striped table-hover bg-white shadow-sm">
                            <thead class="table-light">
                                <tr>
                                    <th colspan="2" class="text-center text-muted">Summary</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="fw-bold w-50 align-middle">Total Genes</td>
                                    <td class="align-middle fs-5">{{ dataset_summary.total_genes }}</td>
                                </tr>
                                <tr>
                                    <td class="fw-bold align-middle">Total Samples</td>
                                    <td class="align-middle fs-5">{{ dataset_summary.total_samples }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <div class="col-md-7 mb-3">
                        <table class="table table-striped table-hover bg-white text-center shadow-sm">
                            <thead class="table-light">
                                <tr>
                                    <th class="text-start text-muted">Condition</th>
                                    <th class="text-muted">Replicates</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for cond in dataset_summary.conditions %}
                                <tr>
                                    <td class="text-start align-middle">{{ cond.name }}</td>
                                    <td class="align-middle">{{ cond.reps }}</td>
                                </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                {% else %}
                <div class="alert alert-warning mt-2">
                    <i class="fas fa-exclamation-triangle me-1"></i> No dataset information available.
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</main>
{% endblock %}