{% extends "base.html" %}
<!-- Load internationalisation utils-->
{% load i18n %}

{% block title %}Clients{% endblock %}

{% block content %}

<h1>Search client</h1>

<form action="" method="get">
    <div class="ui large action left icon input">
        <i class="users icon"></i>
        {{ filter.form.member__lastname }}
        <button class="ui teal button" type="submit">Search
        </button>
    </div>
</form>

<table class="ui very basic table">
  <thead>
    <tr>
      <th class="sorted descending">{% trans 'Name' %}</th>
      <th class="">{% trans 'Phone Number' %}</th>
      <th class="">{% trans 'Gender' %}</th>
      <th class="">{% trans 'Meal Status' %}</th>
    </tr>
  </thead>
  <tbody>
    {% for obj in filter %}
        <tr>
            <td>{{ obj.member }}</td>
            <td>{{ obj.member.get_home_phone.value }}</td>
            <td>{{ obj.member.gender }}</td>
            <td>{{ obj.status  }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>

<script type="text/javascript">
    document.addEventListener( 'DOMContentLoaded', function () {
      $('table').tablesort();
    })
</script>
{% endblock %}

{% extends "base.html" %}
<!-- Load internationalisation utils-->
{% load i18n %}

{% block title %}Clients{% endblock %}

{% block content %}

<h1>Search client</h1>

<form action="" method="get">
    <div class="ui large action left icon input">
        <i class="users icon"></i>
        {{ filter.form.member__lastname }}
        <button class="ui teal button" type="submit">Search
        </button>
    </div>
</form>

<table class="ui very basic table">
  <thead>
    <tr>
      <th class="sorted descending">{% trans 'Name' %}</th>
      <th class="">{% trans 'Phone Number' %}</th>
      <th class="">{% trans 'Gender' %}</th>
      <th class="">{% trans 'Meal Status' %}</th>
    </tr>
  </thead>
  <tbody>
    {% for obj in filter %}
        <tr>
            <td><a href="{% url 'member:view_info' id=obj.id %}">{{ obj.member }}</a></td>
            <td>{{ obj.member.get_home_phone.value }}</td>
            <td>{{ obj.member.gender }}</td>
            <td>{{ obj.status  }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>

<script type="text/javascript">
    document.addEventListener( 'DOMContentLoaded', function () {
      $('table').tablesort();
    })
</script>
{% endblock %}

Add link to member info
Add link to member info
