{% 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 sm_padding_15px">
<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">Edit Machine</h3>
</div>
</div>
</div>

<div class="white_card_body">
<div class="card-body">
        {% comment %} {% for item in data %} {% endcomment %}
        <form method="POST" action="/EditMachine/{{item.ID}}" enctype="multipart/form-data">
        {% csrf_token %}
        <div class="row mb-3">
        <div class="col-md-12">
        <label class="form-label" for="inputEmail4">Title</label>
        <input type="text"  value="{{item.title}}" class="form-control" id="inputEmail4" placeholder="Title" name="title">
        </div>

        </div>

        <div class="row mb-3">
        <div class="col-md-6">
        <label class="form-label" for="inputEmail4">Device ID</label>
        <input type="text" value="{{item.device_ID}}" class="form-control" id="inputEmail4" placeholder="Enter Device ID" name="device_ID">
        </div>
        <div class="col-md-6">
        <label class="form-label" for="inputPassword4">Step ID</label>
        <input type="text" value="{{item.step_ID}}" class="form-control" id="inputPassword4" placeholder="Enter Step ID" name="step_ID">
        </div>
        </div> 

        <div class="row mb-3">
        <div class="col-md-6">
        <label class="form-label" for="inputPassword4">Machine State</label>
        <input type="text"  value="{{item.state}}" class="form-control" id="date_value" placeholder="Enter Machine State" name="state" >

        </div>
        </div>

        <button type="submit" class="btn btn-primary" style="float:right">Edit Machine</button>
        </form>
       {% comment %} {% endfor %} {% endcomment %}
    
</div>
</div>

</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 %}