{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<title>FitnessIQ | Exercises</title>
<div class="main-content pt-0">
    <div class="content-wrapper">
        <div class="row">
            <div class="col-12 col-md-12">
                <h2 class="f-22 mb-0 bold">Workout Plans</h2>
            </div>
        </div>
        <form class="row" action="/add-exercise" id="add-trianer" method="POST" enctype="multipart/form-data"
            novalidate="novalidate">

            <div class="row new-user-table bookings exercise-add mt-3">
                <div class="col-12 col-md-12">
                    <div class="card addService fortune dashboard-card">
                        <h4 class="f-16 bold border-btm pb-2">Workout Plans</h4>
                        <div class="row mt-3">
                            <div class="col-12 col-md-4 mb-3">
                               <div class="card card-main pt-0">
                                  <img src="/static/admin/images/view-card-2.jpg" class="card-img-top" alt="img" class="w-100">
                                  <div class="card-body">
                                    <h5 class="card-title fw-bold">Dumbbell Side Bends</h5>
                                    <p class="card-text">Reps: 20-20-20-20</p>
                                  </div>
                                </div>
                            </div>

                             <div class="col-12 col-md-4 mb-3">
                               <div class="card card-main pt-0">
                                  <img src="/static/admin/images/view-card-3.jpg" class="card-img-top" alt="img" class="w-100">
                                  <div class="card-body">
                                    <h5 class="card-title fw-bold">Dumbbell Flys</h5>
                                    <p class="card-text">Reps: 30-30-30-30</p>
                                  </div>
                                </div>
                            </div>

                            <div class="col-12 col-md-4 mb-3">
                               <div class="card card-main pt-0">
                                  <img src="/static/admin/images/view-card.jpg" class="card-img-top" alt="card" class="w-100">
                                  <div class="card-body">
                                    <h5 class="card-title fw-bold">Thigh Abductor</h5>
                                    <p class="card-text">Reps: 30-30-30-30</p>
                                  </div>
                                </div>
                            </div>

                            <div class="col-12 col-md-4 mb-3">
                               <div class="card card-main pt-0">
                                  <img src="/static/admin/images/view-card.jpg" class="card-img-top" alt="card" class="w-100">
                                  <div class="card-body">
                                    <h5 class="card-title fw-bold">Decline Push-Up</h5>
                                    <p class="card-text">Reps: 30-30-30-30</p>
                                  </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

{%endblock%}

{%block js%}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>


{% endblock %}