{% if style_list %}
  <div class="tables table-responsive" id="style_list">
    <table class="table  table-striped table-hover">
      <thead>
        <tr>
          <th class="text-center">SL No</th>
            <th>Style Number</th>
            <th>Style Description</th>
            <th>Buyer</th>
            <th>Costing</th>
            <th>Sample</th>
            <th>Date</th>
            <th>Team</th>
            <th>Action</th>
      </thead>
      <tbody>
        {% for style in style_list  %}
        <tr>
          <td class="text-center">{{forloop.counter}}</td>
          <td>{{ style.style_number }}</td> 
          <td>{{ style.style_description }}</td> 
          <td>{{ style.buyer }}</td> 
          <td>{{style.costing_approval_status}}</td>
          <td  style="background-color:#ff9966 !important; color:white">Pending</td> 
          <td>{{ style.created_date }}</td> 
          {% if style.team %}
          <td>{{style.team}}</td> 
          {% else %}
          <td></td> 
          {% endif %}
          <td>
             <ul class="action">
              <li >
                <a href="{% url 'style-details' style.id %}">
                  <i class="fa fa-eye" aria-hidden="true"></i>
                </a>
              </li>
             
              <li>
                <a type="button" href="{% url 'style-update' style.id %}">
                  <i class="fa fa-pencil" aria-hidden="true"></i>
                </a>
              </li>
             
              <li>
                <a onclick="SweetDelete(event,this.href)" href="{% url 'style-delete' style.id %}">
                  <i class="fa fa-trash" aria-hidden="true"></i>
                </a>
              </li>
             
            </ul> 
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  {%else%}
    <div class="tables table-responsive" id="style_list">
    <table class="table  table-striped table-hover">
      <thead>
        <tr>
          <th class="text-center">SL No</th>
            <th>Style Number</th>
            <th>Style Description</th>
            <th>Buyer</th>
            <th>Costing</th>
            <th>Sample</th>
            <th>Date</th>
            <th>Team</th>
            <th>Action</th>
      </thead>
      <tbody>
        <tr>
        <td colspan="9" class="text-center">No Data Found </td>
        </tr>
      </tbody>
  {% endif %}