{% extends "mobile-layout.html" %} {% macro sentence_case(text) %} {{
text[0]|upper}}{{text[1:] }} {% endmacro %} {% block header %}
<script src="{{url_for('static', filename='article.js')}}"></script>

<style>
    #projectdiv {
        background-color: #ffffff10;
        opacity: 100%;
    }

    article {
        margin-bottom: unset;
    }

    .articles {
        margin-bottom: unset;
        margin-top: unset;
    }

    .article-detail-container{
        margin-left: unset;
        margin-right: unset;
    }

</style>

<script>
    $(document).ready(function () {
        if ("{{toastMessage|safe}}" != "") {
            vt.success("{{toastMessage|safe}}", { position: 'top-right' });
        }
    });
</script>

{% endblock header %} {% block content %}
<script>
    $(document).ready(function () {
        $('[data-toggle="tooltip"]').tooltip();
    });
</script>

<div class="articles">
    <article class="article-detail-container" style="gap:5px">
        <div class="d-flex" style="justify-content: space-between;">
            <a href="{{ url_for('project_bp.project', project_name=project.slug) }}"
                style="width: min-content; margin-bottom: 1rem;">
                <button class="back-article"> <img src="{{url_for('static', filename='icons/back-grey.svg')}}">
                    Back</button>
            </a>
            <a class="d-flex justify-content-end no-underline" href="{{job.link}}" target="_blank">
                <button class="button-add" id="post_job_add_button">Application Link</button>
            </a>
        </div>

        <h1 class="article-header-font" style="font-size: 24px; margin: 0;">
            {{job.title}}
        </h1>

        <h1 class="article-header-font" style="font-size: 14px; font-weight: 400; margin: 0;">
            {{job.company_name}}
        </h1>

        <h1 class="article-header-font" style="font-size: 14px; font-weight: 400; margin: 0;">
            {{job.department.name}}
        </h1>

        <h1 class="article-header-font">
            {{job.type}} - {{job.location}}
        </h1>

        <!-- <img style="width:100%" src="{{url_for('static', filename='article_png/article-large.png')}}"> -->
        <div>
            <p class="article-body-font">
                {{job.description}}
            </p>
        </div>
        <a class="d-flex justify-content-end no-underline" href="{{job.link}}" target="_blank">
            <button class="button-add" id="post_job_add_button">Application Link</button>
        </a>
    </article>
</div>
{% endblock content %}