{% extends 'base.html' %}
{% block title %}Application Submitted - {{ job.title }}{% endblock %}
{% block content %}
<div class="card">
    <div style="text-align: center; padding: 30px 0;">
        <div style="width: 80px; height: 80px; background: #d4edda; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 20px;">
            <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#28a745" viewBox="0 0 16 16">
                <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
            </svg>
        </div>
        
        <h1 style="color: #28a745; margin-bottom: 15px;">Thank You!</h1>
        <h2>Your application has been submitted successfully</h2>
        
        <div style="background: #f8f9fa; padding: 20px; border-radius: 8px; margin: 25px 0; text-align: left;">
            <p><strong>Position:</strong> {{ job.title }}</p>
            <p><strong>Job ID:</strong> {{ job.internal_job_id }}</p>
            <p><strong>Department:</strong> {{ job.department|default:"Not specified" }}</p>
            {% if job.application_deadline %}
                <p><strong>Application Deadline:</strong> {{ job.application_deadline|date:"F j, Y" }}</p>
            {% endif %}
        </div>
        
        <p style="font-size: 18px; line-height: 1.6;">
            We appreciate your interest in joining our team. Our hiring team will review your application 
            and contact you if there's a potential match for this position.
        </p>
        
        {% comment %} <div style="margin-top: 30px;">
            <a href="/" class="btn btn-primary" style="margin-right: 10px;">Apply to Another Position</a>
            <a href="{% url 'jobs:job_detail' job.internal_job_id %}" class="btn btn-outline">View Job Details</a>
        </div> {% endcomment %}
    </div>
</div>
{% endblock %}