{% extends "base.html" %} {% block title %}Job Details{% endblock %} {% block
styles %}{% endblock %} {% block content %}
<div id="job-details">
  <p><strong>ID:</strong> {{ job.id }}</p>
  <p>
    <strong>Title:</strong> {{ job.title }} | <strong>Company:</strong> {{
    job.company }} | <strong>Location:</strong> {{ job.location }}
  </p>
  <p>
    <strong>Salary:</strong> {{ job.salary }} | <strong>Posted on:</strong> {{
    job.posted_date }}
  </p>

  <h2>Job Description</h2>
  <hr />
  <p class="job-description">{{ job.description|safe }}</p>
  <hr />
  <p>
    <strong>Original URL:</strong>
  </p>
  <p>
    <a href="{{ job.url }}" target="_blank" class="job-title"
      >{{ job.title }}</a
    >
  </p>
</div>
{% endblock %}