{% extends "ie_base.html" %}
{% load crispy_forms_tags %}
{% block title %}
<title>Generate Barcode QR Code</title>
{% endblock title %}
{% load static %}

{% load widget_tweaks %}

{% block Style %}
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
{% endblock Style %}


{% block MainContent %}

<div class="contents">
  {% comment %} {% if request.user.is_superuser == True %} {% endcomment %}
  {% if request.user.is_superuser  or request.user.ie_support_user or user_obj.user_type == 'central_user' %}

  <form method="POST" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="accordion-item">
          <div class="card">
            <div class="card-header">
              <h5 class="mb-0 fw-bold">
                Generate Barcode QR Code
              </h5>
            </div>
          </div>
          <div>
            <div class="card-body">
              <div class="row">
                <div class="col-md-4">
                  {{form.production_unit|as_crispy_field}}
                </div>
                <div class="col-md-4">
                  {{form.type|as_crispy_field}}
                </div>
                <div class="col-md-4">
                  {{form.machine_type|as_crispy_field}}
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  {{form.machine|as_crispy_field}}
                </div>
              
              </div>
          </div>
        </div>



      <div class="row" style="margin-top: 7px;margin-bottom: 8px;">
          <div class="col-md-12 text-center">
              <button type="submit" class="cus-btn" >Submit</button>
          </div>
      </div>
    </div>
  </form>

  {% else %}

  <form method="POST" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="accordion-item">
          <div class="card">
            <div class="card-header">
              <h5 class="mb-0 fw-bold">
                Generate Barcode QR Code
              </h5>
            </div>
          </div>
          <div>
            <div class="card-body">
              <div class="row">
             
                <div class="col-md-4">
                  {{form.type|as_crispy_field}}
                </div>
                <div class="col-md-4">
                  {{form.machine_type|as_crispy_field}}
                </div>
                <div class="col-md-4">
                  {{form.machine|as_crispy_field}}
                </div>
              </div>
             
          </div>
        </div>



      <div class="row" style="margin-top: 7px;margin-bottom: 8px;">
          <div class="col-md-12 text-center">
              <button type="submit" class="cus-btn" >Submit</button>
          </div>
      </div>
    </div>
  </form>






{% endif %}
  </div>
</div>
{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}  
{% endblock meassage %}
{% block JS %}

<script type=text/javascript>
  var dept_url="{% url 'ajax_load_hr_line' %}"
  var floor_load_url = "{% url 'ajax_load_floor' %}"
  $(document).ready(function(){
    $("#id_production_unit").select2()
    $("#id_type").select2()
    $("#id_machine").select2()
    $("#id_machine_type").select2()
    $("#id_production_unit").trigger('change', true)
    $("#id_machine_type").trigger('change', true)

 
  })
</script>
<script type='text/javascript'>
    var load_machine_url = "{% url 'ajax_machine_load_form_machine_type_production_unit' %}"
    var machine_load_from_product_unit_url = "{% url 'machine_load_from_production_unit' %}"
    var userHasPrivileges = {% if request.user.is_superuser or user_obj.user_type == 'central_user' or request.user.ie_support_user %}true{% else %}false{% endif %};
    var fac_admin_production_unit = "{{user_obj.production_unit.id}}"

    if(userHasPrivileges){
      $("#id_production_unit, #id_machine_type").change(function(){
        const machine_type_id = $("#id_machine_type").val()
        console.log("id", machine_type_id)
        const production_unit_id = $("#id_production_unit").val()
        if(machine_type_id || production_unit_id){
          $.ajax({
            url: load_machine_url,
            data: {
              'type_id': machine_type_id,
              'production_unit_id': production_unit_id
            },
            success: function(data){
              $("#id_machine").html(data)
            },
          });

        }
      })
    }else{
      $("#id_production_unit, #id_machine_type").change(function(){
        const machine_type_id = $("#id_machine_type").val()
        console.log("id", machine_type_id)
        const production_unit_id = $("#id_production_unit").val()
        if(machine_type_id || production_unit_id){
          $.ajax({
            url: load_machine_url,
            data: {
              'type_id': machine_type_id,
              'production_unit_id': fac_admin_production_unit
            },
            success: function(data){
              $("#id_machine").html(data)
            },
          });

        }
      })
    }
</script>

<script src="{% static 'js/mother_organization/branch/create.js' %} "></script>
{% endblock JS %}