{% extends 'base_assets.html' %}
{% block title %}Supplier List{% endblock %}
{% load paginator from filters %}
{% load widget_tweaks %}

{% block content %}

<div class="page-header">
    <h1>Supplier List</h1>
</div>

<form id="supplier-search-form" method="get" class="form-inline pull-right">
    {% csrf_token %}
    <div class="input-group pull-right" style="width: auto;">
        {% render_field form.query|add_class:'form-control' placeholder='Search by Name' style="width: 250px"%}
        <label for="query" class="sr-only">Name:</label>
        <span class="input-group-btn"><button type="submit" class="btn btn-default" id="id_search">Search</button></span>
    </div>
</form>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Supplier</th>
      <th>Quick Links</th>
    </tr>
  </thead>
  <tbody id="asset_table_body">
    {% for item in object_list %}
    <tr class="supplierRow">
      <td class="supplierName">{{ item.name }}</td>
      <td>
        <a href="{% url 'supplier_detail' item.pk %}" class="btn btn-default"><i class="glyphicon glyphicon-eye-open"></i> View</a>
        <a href="{% url 'supplier_update' item.pk %}" class="btn btn-default"><i class="glyphicon glyphicon-edit"></i> Edit</a>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% if is_paginated %}
<div class="text-center">
  {% paginator %}
</div>
{% endif %}

{% endblock %}
