{% load i18n %}
{% with request.resolver_match as resolved %}
    {% if 'resume-template' in resolved.route and resolved.kwargs.slug == candidate.slug %}
        <nav aria-label="breadcrumb" style="font-family: 'Inter', sans-serif; margin-bottom:1.5rem;">
                <ol style="
                    display: flex;
                    flex-wrap: wrap;
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    font-size: 0.875rem; /* text-sm */
                ">
                    
                    <li style="display: flex; align-items: center;">
                        <a 
                            href="{% url 'dashboard' %}" 
                            style="
                                color: #6c757d; /* text-secondary/gray */
                                text-decoration: none;
                                transition: color 0.15s ease-in-out;
                            "
                            onmouseover="this.style.color='#000000';"
                            onmouseout="this.style.color='#6c757d';"
                        >
                            {% translate 'Home' %}
                        </a>
                    </li>
                    
                    <li style="
                        display: flex;
                        align-items: center;
                        padding-left: 0.5rem;
                        padding-right: 0.5rem;
                    ">
                        <span style="color: #6c757d; opacity: 0.75;" aria-hidden="true">/</span>
                    </li>
                    
                    <li style="display: flex; align-items: center;">
                        <a 
                            href="{% url 'job_list' %}" 
                            style="
                                color: #6c757d; /* text-secondary/gray */
                                text-decoration: none;
                                transition: color 0.15s ease-in-out;
                            "
                            onmouseover="this.style.color='#000000';"
                            onmouseout="this.style.color='#6c757d';"
                        >
                            {% trans 'Jobs' %}
                        </a>
                    </li>
                     <li style="
                        display: flex;
                        align-items: center;
                        padding-left: 0.5rem;
                        padding-right: 0.5rem;
                    ">
                        <span style="color: #6c757d; opacity: 0.75;" aria-hidden="true">/</span>
                    </li>
                    <li style="display: flex; align-items: center;">
                        <a 
                            href="{% url 'candidate_list' %}" 
                            style="
                                color: #6c757d; /* text-secondary/gray */
                                text-decoration: none;
                                transition: color 0.15s ease-in-out;
                            "
                            onmouseover="this.style.color='#000000';"
                            onmouseout="this.style.color='#6c757d';"
                        >
                            {% trans 'Applicants' %}
                        </a>
                    </li>
                    <li style="
                        display: flex;
                        align-items: center;
                        padding-left: 0.5rem;
                        padding-right: 0.5rem;
                    ">
                        <span style="color: #6c757d; opacity: 0.75;" aria-hidden="true">/</span>
                    </li>
                    <li style="display: flex; align-items: center;">
                        <a 
                            href="{% url 'candidate_detail' candidate.slug %}" 
                            style="
                                color: #6c757d; /* text-secondary/gray */
                                text-decoration: none;
                                transition: color 0.15s ease-in-out;
                            "
                            onmouseover="this.style.color='#000000';"
                            onmouseout="this.style.color='#6c757d';"
                        >
                            {{candidate.resume_data.full_name}}
                        </a>
                    </li>
                    
                    <li style="
                        display: flex;
                        align-items: center;
                        padding-left: 0.5rem;
                        padding-right: 0.5rem;
                    ">
                        <span style="color: #6c757d; opacity: 0.75;" aria-hidden="true">/</span>
                    </li>
                    
                    <li 
                        aria-current="page" 
                        style="
                            color: #F43B5E; /* Rosy Accent Color */
                            font-weight: 600; 
                        "
                    >
                        {% trans 'AI Overview' %}
                    </li>
                </ol>
        </nav>
    {% endif %}
{% endwith %}