<?php
session_start(['gc_maxlifetime' => 14400, 'cookie_httponly' => true]); // Starting Session
include('member_session.php');
include('member-header.php');
?>
<style>	
.app-layout {
    width: 100%;
}

.link-card-title {
    padding: 0;
}
.link-card:hover {
    text-decoration: none;
}
    #daily_log_id { width: 75%; margin: 5px 0px 52px 0px; }
    .success { background-color: #4592e0; height: 25px; text-align: center; color: #ffffff;}
    .text-center{
        text-align: center;
    }
    @media (max-width: 768px) {
        #daily_log_id { width: 90%; margin: 5px 0px 52px 0px; }
    }      
</style>

<div class="app-layout">
<?php include('menu.php'); ?>

<?php if ($remoteClient == 1 && in_array("graphs_and_charts", $remote_client)) { ?>
    <script>
        window.location.href = "member_homepage.php";
    </script>
<?php } ?>

    <main class="main-content">

        <header class="page-header">
            <div class="page-header-meta">
                <div>
                    <h1 class="page-header-title">Graphs & Charts</h1>
                    <p class="page-header-subtitle">
                        Track your progress over time
                    </p>
                </div>
            </div>
        </header>

        <div class="body-content">

            <div class="tp-cards-grid">

                <!-- Body Composition -->
                <a href="body_composition_chart.php" class="link-card">
                    <div class="link-card-content">
                        <h3 class="link-card-title">
                            Body Composition
                        </h3>
                        <p class="link-card-desc">
                            Track body composition over time
                        </p>
                    </div>
                </a>

                <!-- Circumference Measurements -->
                <?php if (!(in_array("circumference_measurements", $remote_client) && $remoteClient == 1)) { ?>
                    <a href="measurement_chart.php" class="link-card">
                        <div class="link-card-content">
                            <h3 class="link-card-title">
                                Circumference Measurements
                            </h3>
                            <p class="link-card-desc">
                                Track circumference measurements over time
                            </p>
                        </div>
                    </a>
                <?php } ?>

                <!-- Blood Pressure -->
                <?php if (!(in_array("blood_preasure", $remote_client) && $remoteClient == 1)) { ?>
                    <a href="screen_chart.php" class="link-card">
                        <div class="link-card-content">
                            <h3 class="link-card-title">
                                Blood Pressure
                            </h3>
                            <p class="link-card-desc">
                                Track blood pressure over time
                            </p>
                        </div>
                    </a>
                <?php } ?>

                <!-- Accountability Charts -->
                <?php if (!(in_array("accountability_charts", $remote_client) && $remoteClient == 1)) { ?>
                    <a href="member_accountability.php" class="link-card">
                        <div class="link-card-content">
                            <h3 class="link-card-title">
                                Accountability Charts
                            </h3>
                            <p class="link-card-desc">
                                Track nutrition and activity over time
                            </p>
                        </div>
                    </a>
                <?php } ?>

            </div>

        </div>

    </main>

</div>
<?php
include('member-footer.php');
?>