{% extends 'main/base.html' %}
{% block title %}Admissions - Monaco Institute{% endblock %}

{% block content %}
<section class="page-banner">
    <div class="container">
        <h1>Online Admissions</h1>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-custom">
                <li class="breadcrumb-item"><a href="{% url 'home' %}">Home</a></li>
                <li class="breadcrumb-item active">Admissions</li>
            </ol>
        </nav>
    </div>
</section>

<section class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="admission-form-wrap" data-aos="fade-right">
                    <h3 class="section-title">Application Form</h3>
                    <div class="title-bar mb-4"></div>
                    <p class="text-muted mb-4">Fill in the form below to apply for admission to Monaco Institute. All fields marked are required. We will contact you within 3-5 business days.</p>

                    <form method="post">
                        {% csrf_token %}
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">First Name *</label>
                                {{ form.first_name }}
                                {% if form.first_name.errors %}<div class="text-danger small mt-1">{{ form.first_name.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Last Name *</label>
                                {{ form.last_name }}
                                {% if form.last_name.errors %}<div class="text-danger small mt-1">{{ form.last_name.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Email Address *</label>
                                {{ form.email }}
                                {% if form.email.errors %}<div class="text-danger small mt-1">{{ form.email.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Phone Number *</label>
                                {{ form.phone }}
                                {% if form.phone.errors %}<div class="text-danger small mt-1">{{ form.phone.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Date of Birth *</label>
                                {{ form.date_of_birth }}
                                {% if form.date_of_birth.errors %}<div class="text-danger small mt-1">{{ form.date_of_birth.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Nationality *</label>
                                {{ form.nationality }}
                                {% if form.nationality.errors %}<div class="text-danger small mt-1">{{ form.nationality.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-12 mb-3">
                                <label class="form-label">Course Applied For *</label>
                                {{ form.course }}
                                {% if form.course.errors %}<div class="text-danger small mt-1">{{ form.course.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-12 mb-3">
                                <label class="form-label">Previous Education *</label>
                                {{ form.previous_education }}
                                {% if form.previous_education.errors %}<div class="text-danger small mt-1">{{ form.previous_education.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-12 mb-4">
                                <label class="form-label">Personal Statement *</label>
                                {{ form.statement }}
                                {% if form.statement.errors %}<div class="text-danger small mt-1">{{ form.statement.errors.0 }}</div>{% endif %}
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary-custom btn-lg">
                                    <i class="fas fa-paper-plane me-2"></i>Submit Application
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="col-lg-4" data-aos="fade-left">
                <div class="sidebar-widget mb-4">
                    <h5 class="widget-title">Admission Requirements</h5>
                    <ul class="notice-list">
                        <li><i class="fas fa-check-circle me-2 text-success"></i>Completed application form</li>
                        <li><i class="fas fa-check-circle me-2 text-success"></i>High school certificates</li>
                        <li><i class="fas fa-check-circle me-2 text-success"></i>Valid identification document</li>
                        <li><i class="fas fa-check-circle me-2 text-success"></i>Passport-size photographs</li>
                        <li><i class="fas fa-check-circle me-2 text-success"></i>Personal statement</li>
                    </ul>
                </div>

                <div class="sidebar-widget mb-4">
                    <h5 class="widget-title" style="background: #2980b9;">Available Courses</h5>
                    <ul class="footer-links" style="color: #000;">
                        <li><a href="{% url 'courses_by_type' 'degree' %}" style="color: #000;">Children ICT Skills Training</a></li>
                        <li><a href="{% url 'courses_by_type' 'diploma' %}" style="color: #000;">Diploma Courses</a></li>
                        <li><a href="{% url 'courses_by_type' 'certificate' %}" style="color: #000;">Certificate Courses</a></li>
                        <li><a href="{% url 'courses_by_type' 'short' %}" style="color: #000;">Short Courses</a></li>
                        <li><a href="{% url 'courses_by_type' 'vocational' %}" style="color: #000;">Vocational Courses</a></li>
                    </ul>
                </div>

                <div class="sidebar-widget">
                    <h5 class="widget-title">Need Help?</h5>
                    <p class="small">Our admissions team is ready to assist you. Contact us for more information about our programs and the application process.</p>
                    <p class="small"><i class="fas fa-phone me-2 text-primary-custom"></i>{{ settings.phone }}</p>
                    <p class="small"><i class="fas fa-envelope me-2 text-primary-custom"></i>{{ settings.email }}</p>
                    <a href="{% url 'contact' %}" class="btn btn-primary-custom btn-sm w-100 mt-2">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}