{% extends 'base/base.html' %}
{% block start %}

<section class="main_content dashboard_part large_header_bg">


<div class="main_content_iner ">
<div class="container-fluid p-0">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="white_card card_height_100 mb_30">
<div class="white_card_header">
<div class="box_header m-0">
<div class="main-title">
<h3 class="m-0">Machine Operator</h3>
</div>
</div>
</div>
<div class="white_card_body">
<div class="QA_section">
<div class="white_box_tittle list_header">
<h4> </h4>
{% comment %} {% if messages %}
    <div class="alert text-white bg-primary" role="alert">
    {% for message in messages %}
         <div class="alert-text">{{ message }}</div>
    {% endfor %}
    </div>     
{% endif %} {% endcomment %}
<div class="box_right d-flex lms_block">
<div class="serach_field_2">
<div class="search_inner">
<form active="#">
<div class="search_field">
<input type="text" placeholder="Search content here...">
</div>
<button type="submit"> <i class="ti-search"></i> </button>
</form>
</div>
</div>
   
<div class="add_button ms-2">
{% comment %} <a href="{%url 'Add_Step' %}" class="btn_1">Add New</a> {% endcomment %}
</div>
</div>
</div>
<div class="QA_table mb_30">

<table class="table lms_table_active ">
<thead>
<tr>
<th scope="col">Id</th>
<th scope="col">Operator </th>
<th scope="col">Machine</th>

<th scope="col">Start Time </th>
<th scope="col">End Time</th>
{% comment %} <th scope="col">Created On</th> {% endcomment %}
</tr>
</thead>
<tbody>
{% if data_steps %}
    {% for item in data_steps %}
        <tr>
        <td>{{ forloop.counter }}</td>
        <td>{{ item.operator_name }}</td>
        <td>{{ item.machine_title }}</td>
        <td>{{ item.startTime }}</td>
        <td>{{ item.endTime }}</td>
        {% comment %} <td>{{ item.created_on }}</td> {% endcomment %}
        {% comment %} <td><a href="{% url 'Edit_Steps' id=item.ID %}" class="status_btn">edit</a> <a href="{% url 'delete_Steps' id=item.ID %}" class="status_btn">delete</a></td> {% endcomment %}
        </tr>
    {% endfor %}
{% else %}
    <tr>
      <td colspan="12"style="text-align:center">No data available</td>
    </tr>
  {% endif %}



</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
</div>
</div>
</div>
</div>

<div class="footer_part">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer_iner text-center">
{% comment %} <p>2020 © Influence - Designed by <a href="#"> <i class="ti-heart"></i> </a><a href="#"> Dashboard</a></p> {% endcomment %}
</div>
</div>
</div>
</div>
</div>
</section>



<div id="back-top" style="display: none;">
<a title="Go to Top" href="#">
<i class="ti-angle-up"></i>
</a>
</div>



{% endblock %}