{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
        <title>FitnessIQ | Content Management</title>
        <div class="main-content pt-0">
            <div class="content-wrapper">
                <div class="row">
                    <div class="col-12 col-md-5">
                        <h2 class="f-22 mb-0 bold">Content Management</h2>
                        <p class="gray f-14 mb-2">Welcome to Fitness IQ</p>
                    </div>
                </div>

                <!-- Content Management table -->
                <div class="row manage-user-data table-customer content-pages border-0 mt-4">
                    <div class="col-12">
                        <div class="card px-4 py-3">
                        <div class="table-header bg-white d-flex justify-content-between align-items-center border-btm">
                            <h2 class="f-20 bold">Content Management </h2>
                        </div>
                        <div class="manage-user-table">
                            <div class="table-responsive">
                                <table class="table" id="dataTable" width="100%" cellspacing="0">
                                    <thead>
                                    <tr>
                                        <th>User Type</th>
                                        <th>Page Name</th>
                                        <th>Status</th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for content in content_obj %}
                                    <tr>
                                        <td>{{content.user_type}}</td>
					                    <td>{{content.page_type}}</td>
                                        <td>
                                            <span class="active">
                                                <div class="form-check form-switch">
                                                    <input type="checkbox" name="status" checked="">
                                                </div>
                                            </span>
                                        </td>								
                                        <td>
                                            <div class="action-btns">
                                                <a href="/edit-content/{{ content.id}}" class="edit-btn"><img src="/static/admin/images/edit.svg"></a>
                                            </div>
                                        </td>
                                    </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </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 %}