{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<title>FitnessIQ | Add Subscription</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">Add New Subscription</h2>
                <p class="gray f-14 mb-2">Welcome to Fitness IQ</p>
            </div>   
        </div>
        <form class="row" action="/add-subscription" id="add-trianer" method="POST" enctype="multipart/form-data" novalidate="novalidate">
    
            <div class="row new-user-table bookings mt-3">
                <div class="col-12 col-md-12">
                    <div class="card addService fortune dashboard-card">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <label class="col-form-label">Subscription Name</label>
                                <input type="text" placeholder="Subscription Name" name="name" class="form-control" value="Option" maxlength="15">
                            </div>                         
                            <div class="col-12 col-md-6">
                                <label class="col-form-label">Price</label>
                                <input type="text" placeholder="Enter Price" name="price" class="form-control" maxlength="100">
                            </div>
                            <div class="col-12 col-md-6">
                                <label class="col-form-label">Description</label>
                                <textarea class="form-control" name="description" placeholder="Enter Description"></textarea>
                            </div>
                            <div class="col-12">
                                <div class="save-btn text-right mt-4">
                                    <button type="submit" class="save-btn">Add Subscription</button>
                                </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 %}