{% load i18n iclock_tags static common %}
<div style="padding: 10px;min-width:450px">
  <form class="layui-form action-form" action="" method="post" id="{{ model_name }}_{{ action_repr }}"
        enctype="multipart/form-data">
    {% csrf_token %}
    {% with form.form as f %}
      <div class="layui-form-item">
        {% layui_inline f.category %}
      </div>
      <div class="layui-form-item">
        {% layui_inline f.start_time %}
      </div>
       <div class="layui-form-item">
        {% layui_inline f.end_time %}
      </div>
      <div class="layui-form-item">

        <div class="layui-input-inline" style="margin-left:10px;margin-right: -78px;">
          <span>Auto selection</span>
        </div>
        <input type="hidden" name="my_checkbox" value="0" id="hidden_id">
    <input type="checkbox" name="my_checkbox" lay-skin ="primary" id="my_checkbox_id" value="1">
      </div>
    {% endwith %}
  </form>
</div>
<script>
   layui.use(['form', 'laydate'], function () {
 // if ($(window).height()<600) $('#id_manual_logs').height($(window).height()-100)
    var form = layui.form;
    var laydate = layui.laydate;
    $("form.layui-form input.layui-datetime").each(function () {
      laydate.render({elem: this, type: 'datetime'});
    });
    $("form.layui-form input.layui-date").each(function () {
      laydate.render({elem: this, type: 'date'});
    });
    $("form.layui-form input.layui-time").each(function () {
      laydate.render({elem: this, type: 'time'});
    });
    {% block form_verify %}
      form.verify({});
    {% endblock %}
    form.render();

  });
</script>