<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Print</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
    <link rel="stylesheet" href="/print.css">
</head>

<body>
    <h1 class="text-center">Workout Plan</h1>

    <section class="weekblock">
        <div class="day">
            <label for="day1">Day 1</label>
            <div class="week">
                <span>
                    <%=weekLayout.day1%>
                </span>
            </div>
        </div>


        <div class="day">
            <label for="day2">Day 2</label>
            <div class="week">
                <span>
                    <%=weekLayout.day2%>
                </span>
            </div>
        </div>
        <div class="day">
            <label for="day3">Day 3</label>
            <div class="week">
                <span>
                    <%=weekLayout.day3%>
                </span>
            </div>
        </div>
        <div class="day">
            <label for="day4">Day 4</label>
            <div class="week">
                <span>
                    <%=weekLayout.day4%>
                </span>
            </div>
        </div>
        <div class="day">
            <label for="day5">Day 5</label>
            <div class="week">
                <span>
                    <%=weekLayout.day5%>
                </span>
            </div>
        </div>
        <div class="day">
            <label for="day6">Day 6</label>
            <div class="week">
                <span>
                    <%=weekLayout.day6%>
                </span>
            </div>
        </div>
        <div class="day">
            <label for="day7">Day 7</label>
            <div class="week">
                <span>
                    <%=weekLayout.day7%>
                </span>
            </div>
        </div>
    </section>
    <br>
    <br>

    <% if (weekLayout.name==='threeX' ) { %>
        <section>
            <div>
                <%=workout.legsMain%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.chestMain%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.backMain%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.shoulderMain%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.legsSecond%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.chestSecond%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.backSecond%> 3 sets of 6-8 reps
            </div>
            <div>
                <%=workout.accessory[0]%> 3 sets of 8-12 reps
            </div>
            <div>
                <%=workout.accessory[1]%> 3 sets of 8-12 reps
            </div>
            <div>
                <%=workout.abs%> 3 sets of 8-12 reps
            </div>
        </section>
        <%}%>

            <% if (weekLayout.name==='fourX' ) { %>
                <section>
                    <h2>Upper Body</h2>
                    <div>
                        <%=workout.chestMain%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.backMain%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.shoulderMain%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.chestSecond%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.backSecond%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.accessory[0]%> 3 sets of 8-12 reps
                    </div>
                    <div>
                        <%=workout.accessory[1]%> 3 sets of 8-12 reps
                    </div>
                    <div>
                        <%=workout.abs%> 3 sets of 8-12 reps
                    </div>
                    <h2>Lower Body</h2>
                    <div>
                        <%=workout.legsMain%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.legsSecond%> 3 sets of 6-8 reps
                    </div>
                    <div>
                        <%=workout.accessory2[0]%> 3 sets of 8-12 reps
                    </div>
                    <div>
                        <%=workout.accessory2[1]%> 3 sets of 8-12 reps
                    </div>
                    <div>
                        <%=workout.abs2%> 3 sets of 8-12 reps
                    </div>
                </section>
                <%}%>

                    <% if (weekLayout.name==='sixX' ) { %>
                        <section>
                            <h2>Push</h2>
                            <div>
                                <%=workout.chestMain%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.shoulderMain%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.chestSecond%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.accessory[0]%> 3 sets of 8-12 reps
                            </div>
                            <div>
                                <%=workout.accessory[1]%> 3 sets of 8-12 reps
                            </div>
                            <div>
                                <%=workout.abs%> 3 sets of 8-12 reps
                            </div>
                            <h2>Pull</h2>
                            <div>
                                <%=workout.backMain%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.backSecond%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.accessory2[0]%> 3 sets of 8-12 reps
                            </div>
                            <div>
                                <%=workout.accessory2[1]%> 3 sets of 8-12 reps
                            </div>
                            <h2>Legs</h2>
                            <div>
                                <%=workout.legsMain%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.legsSecond%> 3 sets of 6-8 reps
                            </div>
                            <div>
                                <%=workout.accessory3[0]%> 3 sets of 8-12 reps
                            </div>
                            <div>
                                <%=workout.accessory3[1]%> 3 sets of 8-12 reps
                            </div>
                            <div>
                                <%=workout.abs2%> 3 sets of 8-12 reps
                            </div>
                        </section>
                        <%}%>
                            <div class="btndiv">
                                <button class='btn' onclick="window.print()">Print page</button>
                            </div>

                            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
                                integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
                                crossorigin="anonymous"></script>
</body>

</html>