{% extends 'base.html' %}
{% load static %}
{% block content %}
{% include 'profile/header.html' %}
{% include 'profile/drawer.html' %}
{% load widget_tweaks %}

<br>
<br>
<br>
<br>
<div class="container mt-4">
    <h1 class="mb-4 text-center">ایجاد/ویرایش کارنامه</h1>

    <div class="card mb-4 animate__animated animate__delay-0.1s animate__fadeIn">
        <div class="card-body"> 
            <form method="post">
                {% csrf_token %}


                <div class="row mb-4">
                    <!-- فیلد حلقه -->
          
                    <div class="col-md-6">
                        <label for="{{ form.person.id_for_label }}" class="form-label">شخض</label>
                        {{ form.person|add_class:"form-control form-control-lg" }}
                    </div>

                    <div class="col-md-6">
                        <label for="{{ form.date.id_for_label }}" class="form-label">تاریخ</label>
                        {{ form.date|add_class:"form-control form-control-lg" }}
                    </div>
                    
                    <div class="col-md-6">
                        <label for="{{ form.title.id_for_label }}" class="form-label">عنوان کارنامه</label>
                        {{ form.title|add_class:"form-control form-control-lg" }}
                    </div>
                    <div class="col-md-6">
                        <label for="{{ form.ring.id_for_label }}" class="form-label">حلقه</label>
                        {{ form.ring|add_class:"form-control form-control-lg" }}
                    </div>
                    
                </div>


                
          
                <!-- دکمه ذخیره -->
                <button type="submit" class="btn btn-success">ذخیره</button>
                <!-- دکمه بازگشت -->
                <a href="{% url 'reportcard_list' %}" class="btn btn-secondary mx-2">بازگشت به لیست</a>
            </form>
        </div>
    </div>
</div>

{% endblock %}
