{% if neworcopy ==0 %}
    {% set addNew = path('new_workspace_crm', {'assignmentId':assignment.id, 'candidateId':candidate.id}) %}
{% else %}
    {% set addNew = path('workspace_crm_copy', {'assignmentId':assignment.id, 'candidateId':candidate.id, 'id':idlastcontact}) %}
{% endif %}

<section class="scrollable col-lg-12 table-responsive WsCandidateTableCRM" id="mainTable">

    <div class="col-lg-6">
      <h4 class="search-title" title="Search">{{ title }} 

          <a data-toggle="modal" href="{{ addNew }}" data-target="#mainModal" class="btn btn-sm btn-success"><i class="fa fa-plus"></i> Add New Approach</a>

      </h4>
    </div>
    {# <div class="paginator col-lg-6">
      {{ knp_pagination_render(results) }}
    </div> #}

  <div class="hidden-paginator" style="display: none;">
    {{ knp_pagination_render(results) }}
  </div>
  <table class="table table-striped table-hover table-condensed table-bordered text-sm list-group no-radius m-b-none m-t-n-xxs list-group-alt list-group-lg">
    <thead>
    <tr>
      <th width="20"></th>
      <th class="th-sortable action ">Action</th>
      <th class="th-sortable lastDatetime ">Date Updated</th>
      <th class="th-sortable clientNotes ">Call Notes</th>
      <th class="th-sortable internalNotes ">Internal Notes</th>
      <th class="th-sortable result " >Result</th>
      <th class="th-sortable interestedProgress " >Interested Progress</th>
      <th class="th-sortable notInterestedReason " >Not interested Reason</th>
      <th class="th-sortable toReport " >To Report</th>
      <th class="th-sortable lastUser " >Last Updated by</th>
      <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    {% set break = 0 %}
    {% for record in results %}
      {% if loop.first %}
        <tr>
        
            <td class="col-md-0"><input type="checkbox" name="candidates[]" value="{{ record.id }}" class="bulk-toggleable" /></td>
            <td class="col-md-2">{{ record.action }}</td>
            <td class="col-md-1">
            {% if record.lastDatetime is not null %}
              {{ record.lastDatetime|date("d/m/Y") }}
            {% endif %}
            </td>
            <td class="col-md-6"><pre>{{ record.clientNotes | raw }}</pre></td>
            <td class="col-md-2">{{ record.internalNotes }}</td>
            <td class="col-md-0">{% if record.result %} {{ record.result }} {% endif %}</td>
            <td class="col-md-0">{% if record.interestedProgress   %} {{ record.interestedProgress }} {% endif %}</td>
            <td class="col-md-0">{% if record.notInterestedReason %} {{ record.notInterestedReason }}{% endif %}{% if record.notInterestedReason == "Other reason" %}: {{ record.otherNotInterestedReason }} {% endif %}</td>
            <td class="col-md-0">{{ record.toReport ? "Yes" : "No" }}</td>
            <td class="col-md-1">{{ record.contactedBy }}</td>
            <td class="col-md-1">
            <a class="btn btn-warning btn-sm" data-toggle="modal" data-target="#mainModal" href="{{ path('edit_workspace_crm', {'assignmentId':assignment.id, 'candidateId':candidate.id, 'id':record.id}) }}"><i class="fa fa-pencil"></i></a><br>
            <a data-toggle="modal" href="{{ path('new_calendar_event', {'assignmentId':assignment.id, 'candidateId':candidate.id }) }}" data-target="#mainModal" class="btn btn-sm btn-success gcal1"><i class="fa fa-calendar"></i></a>
            </td>
        </tr>
      {% endif %} 
    {% endfor %}
    {# Commented out AngularJS code
        {% verbatim %}
          <tr class="Row" ng-repeat="candidate in candidates">
            ...
          </tr>
        {% endverbatim %}
    #}
    </tbody>
  </table>
</section>