bio-performx/app/report_gen/page_10.html

<div class="w-full page bg-white">
    <!-- Main Content -->
    <div class="px-8 py-6">
        <!-- Page Title -->
        <h1 class="text-3xl font-bold text-black mb-6">Fuelling Analysis</h1>

        <!-- Flowchart Image -->
        <div class="mb-8 flex justify-center">
            <img
                src="data:image/png;base64,{{ fuelling_analysis_flowchart }}"
                alt="Fuelling Analysis Flowchart"
                class="w-full max-w-4xl h-auto object-contain"
            />
        </div>

        <!-- Carbohydrate Storage Table -->
        <div class="mb-8">
            <h2 class="text-xl font-bold text-black mb-4 text-center">
                Estimated Carbohydrate Storage by Weight and Sex in Athletes
            </h2>

            <div class="flex justify-center">
                <table
                    class="table-auto border-collapse border border-gray-400 text-sm"
                >
                    <thead>
                        <tr class="bg-gray-200">
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Weight (kg)
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Sex
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Muscle Glycogen (g)
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Liver Glycogen (g)
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Blood Glucose (g)
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Total Carb (g)
                            </th>
                            <th
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                Total Carb (kcal)
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                50
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                292
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                402
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1608
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                50
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                228
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                317
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1268
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                60
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                351
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                460
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1842
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                60
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                273
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                362
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1450
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                70
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                410
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                519
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                2076
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                70
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                318
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                408
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1632
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                80
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                468
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                578
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                2310
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                80
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                364
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                454
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1814
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                90
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                526
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                636
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                2544
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                90
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                409
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                499
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                1996
                            </td>
                        </tr>
                        <tr>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                100
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                male
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                585
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                105
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                694
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                2778
                            </td>
                        </tr>
                        <tr class="bg-gray-50">
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                100
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                female
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                455
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                85
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                4.5
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                544
                            </td>
                            <td
                                class="border border-gray-400 px-4 py-2 text-center"
                            >
                                2178
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>