{% extends 'base.html' %} 
{% block body_content %}
{% load crispy_forms_tags %}
<div class="row">
    <div class="col-md-12">
        <div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
            <h1 class="h2 text-center">{{ title }}</h1>
            <p class="lead"></p>
        </div>
    </div>
</div>
<div class="table-wrapper-scroll-y my-custom-scrollbar">
  <table class="table table-hover table-bordered">
    <thead>
      <tr>
        <th scope="col">Conversation with {{ person }}</th>
      </tr>
    </thead>
    <tbody>
    {% for message in jobmessage %}
      <tr>
        <td>{{ message.sender }}: {{ message.text }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
    <div class="dropdown-divider"></div>
    <form action="{% url 'jobs:send_message' %}" method="POST">
        {% csrf_token %}
        <input type="hidden" value="{{ person.id }}" name="receiver_id">
        {{ form|crispy }}
        <input class="btn btn-primary btn-block" type="submit" value="Send Message">
    </form>

{% endblock %}