{% extends "marchant_base.html" %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}<title>Budget Create</title>{% endblock title %}
{% block Style %}

{% endblock Style %}


{% block MainContent %}
<div class="contents">
    {% if request.user.is_superuser == True or request.user.marchant_user_type == 'mother_admin' or request.user.marchant_user_type == 'sister_admin' or request.user.marchant_user_type == 'admin' or request.user.marchant_user_type == 'regular_user' %}
        {% include 'marchant_app/budget/create/super_admin_forms.html' %}
    {% endif %}


</div>

{% endblock MainContent %}
{% block meassage %}
{% include 'notifications/notifications.html' %}           
{% endblock meassage %}

{% block JS %}
<script type=text/javascript>
  var load_branch_url = "{% url 'ajax_load_branchs' %}"
  var load_sister_organization_url = "{% url 'sister-organization-load' %}"
  var load_branch_organization_url = "{% url 'load-branch-organization' %}"
  {% comment %} var load_style_url = "{% url 'marchant_app-style-load' %}" {% endcomment %}
  var load_purchase_order_url = "{% url 'merchant-load-purchase-order' %}"
  
</script>

<script>

  
  $("#id_mother_organization").change(function () { 
      var mother_organizationId = $(this).val();  
      $.ajax({                       
      url: load_sister_organization_url,
      
      data: {
          'mother_organization': mother_organizationId   
      },
      success: function (data) { 
          console.log(data);
          $("#id_sister_organization").html(data);  
          }
      });
  });
  
  
  
  $("#id_sister_organization").change(function () {
      var sister_organizationId = $(this).val();  
      $.ajax({                       
        url: load_branch_organization_url,
        
        data: {
          'sister_organization': sister_organizationId   
        },
        success: function (data) { 
          console.log(data);
          $("#id_branch").html(data);  
          }
      }); 
  });
  

 $("#id_branch").change(function () {
    var branchId = $(this).val();  
    $.ajax({                       
      url: load_style_url,
      
      data: {
        'branch': branchId   
      },
      success: function (data) { 
        $("#id_style").html(data);  
        }
    }); 
  }); 

  $("#id_style").change(function () {
    var styleId = $(this).val();  
    console.log("Styel ID",$(this).val())
    $.ajax({                       
      url: load_purchase_order_url,
      data: {
        'style': styleId   
      },
      success: function (data) { 
        $("#id_purchase_order").html(data);  
        }
    }); 
  });
  
  
  $(document).ready(function() {
    $("#id_style").select2({
        
    });
  }); 

  $(document).ready(function() {
    $("#id_purchase_order").select2({
        
    });
  });

  $(document).ready(function() {
    $("#id_sister_organization").select2({
        
    });
  });
  
  
  $(document).ready(function() {
    $("#id_branch").select2({
        
    });
  });
  
  $(document).ready(function() {
    $("#id_finance_company").select2({
        
    });
  });
  
  
  
  $(document).ready(function() {
    $("#id_mother_organization").select2({
        
    });
  });
  

</script>

{% endblock JS %}