{{ header }}{{ column_left }}
<!-- Content Wrapper. Contains page content -->
<div id="content" class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <div>
      <div class="pull-right">
        {% if url_create_new is not empty %}
        <a href="{{ url_create_new }}" data-toggle="tooltip" title="{{ button_create_new_listing }}" class="btn btn-success btn-sm"><i class="fa fa-plus-circle"></i> {{ button_create_new_listing }}</a>
        {% endif %}
        {% if url_delete_links is not empty %}
        <a href="{{ url_delete_links }}" data-toggle="tooltip" title="{{ button_remove_links }}" class="btn btn-danger  btn-sm"><i class="fa fa-times-circle"></i> {{ button_remove_links }}</a>
        {% endif %}
        <a href="{{ url_return }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default btn-sm"><i class="fa fa-reply"></i> {{ button_cancel }}</a>
      </div>
      <h1>
        {{ heading_title }}
      </h1>
    </div>
    <div class="row">
      <div class="col-sm-12">
        <ul class="breadcrumb">
          {% for breadcrumb in breadcrumbs %}
          <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </section>

  <!-- Alert -->
  <section class="content-header">
    {% if success %}
    <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}</div>
    {% endif %}
  </section>
  <!-- /.alert -->

  <!-- Main content -->
  <section class="content">

    {% if has_saved_listings %}
    <div class="well">
      <div class="row">
        <div class="col-sm-12">
          <p>{{ text_has_saved_listings }}</p>
        </div>
      </div>
      <div class="row">
        <div class="col-sm-12">
          <div class="pull-right"> <a onclick="location = '{{ url_saved_listings }}'" class="btn btn-primary">{{ button_saved_listings }}</a> </div>
        </div>
      </div>
    </div>
    {% endif %}
    <table class="table table-bordered table-hover">
      <thead>
        <tr>
          <th class="text-left">{{ column_name }}</th>
          <th class="text-left">{{ column_sku }}</th>
          <th class="text-left">{{ column_model }}</th>
          <th class="text-left">{{ column_combination }}</th>
          <th class="text-left">{{ column_sku_variant }}</th>
          <th class="text-left">{{ column_amazon_sku }}</th>
        </tr>
      </thead>
      <tbody>
        {% if product_links %}
          {% for link in product_links %}
          <tr>
            <td class="text-left">{{ link.product_name }}</td>
            <td class="text-left">{{ link.sku }}</td>
            <td class="text-left">{{ link.model }}</td>
            <td class="text-left">{{ link.combination }}</td>
            <td class="text-left">{{ link.var }}</td>
            <td class="text-left">{{ link.amazon_sku }}</td>
          </tr>
          {% endfor %}
        {% else %}
        <tr>
          <td colspan="6" class="text-center">{{ text_no_results }}</td>
        </tr>
        {% endif %}
      </tbody>
    </table>

  </section>
  <!-- /.content -->
</div>
<!-- /.content-wrapper -->
{{ footer }}
