{% extends "AdmingeneratorGeneratorBundle::base_admin_assetic_less.html.twig" %}

{% block title %}       
{% endblock %}

{% block body %}    

        <header>
            <h1 id="test">			
              All services per Customer						
            </h1>
        </header>
        
        <form class="form-horizontal span12 reporting reportingAllservicesperCustomer"  method="post" {{ form_enctype(form) }} action="{{ path('Etrali_GinangBundle_reporting_all_services_per_customer') }}">
            <div class="form-group">
            <legend>Filter</legend>
            </div>
            <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.customerManagedBranch, "Customer Managed Branch") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.customerManagedBranch) }}
                    </div>
                </div>
            </div>
           <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.extremityCustomerName, "Extremity Customer Name") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.extremityCustomerName) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.extremityCustomerDeliveryAddress, "Extremity Customer Delivery Address") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.extremityCustomerDeliveryAddress) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.product, "Product") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.product) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.projectCode, "Project Code") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.projectCode) }}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group">
                    <label for="text" class="span4">
                        {{ form_label(form.serviceStatus, "Service Status") }}
                    </label>
                    <div class="span8">
                        {{ form_widget(form.serviceStatus) }}
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="span9">
                    <input type="submit" class="btn btn-success" />
                </div>
            </div>
        </form>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        function AjaxOfCustomerBranch(){
            $idBranches = $('#etrali_ginangBundle_reporting_all_services_per_customer_customerManagedBranch').val();
            $.ajax({ 
                    url: "{{path('Etrali_GinangBundle_ajax_of_customer_branch',{'idBranches':'0'})}}".replace('0',$idBranches),
                    async: false
                }).done(function(data) {                   
                   var listOption ="";
                   var listidCustomer = "";
                   var elems = data.split("!");
                   for(var i= 0; i < elems.length; i++){
                       var elem = elems[i].split(",");
                       listOption += '<option value="' + elem[0] + '">' + elem[1] + '</option>';
                       listidCustomer += elem[0]+",";
                    }                    
                   $('#etrali_ginangBundle_reporting_all_services_per_customer_extremityCustomerName').html(listOption);
                   AjaxOfDeliveryAddressCustomer(listidCustomer);
                }).fail();
        }
        
        function AjaxOfDeliveryAddressCustomer(elem){
            if(elem==null)
                $idCustomers = $('#etrali_ginangBundle_reporting_all_services_per_customer_extremityCustomerName').val();
            else
                $idCustomers = elem;
            
            $idBranches = $('#etrali_ginangBundle_reporting_all_services_per_customer_customerManagedBranch').val();
            $path = "{{path('Etrali_GinangBundle_ajax_of_delivery_address_customer',{'idCustomers':'0','idBranches':'1'})}}";
            $path = $path.replace('0',$idCustomers);
            $path = $path.replace('1',$idBranches);
            $.ajax({ 
                    url: $path,
                    async: false
                }).done(function(data) {                  
                   var listOption ="";
                   var elems = data.split("!");
                   for(var i= 0; i < elems.length; i++){
                       var elem = elems[i].split(",");
                       listOption += '<option value="' + elem[0] + '">' + elem[1] + '</option>';
                    }                    
                   $('#etrali_ginangBundle_reporting_all_services_per_customer_extremityCustomerDeliveryAddress').html(listOption);
                }).fail();
        }
    </script>
{% endblock %}