@extends('layouts/default')
@section('title')
{{ $shop }} | QB Feature List
@stop
@section('content')

<div class="setting_page default-sticky-footer">
  <div class="d-inline-block w-100"> 
    <div class="ui-layout">
      @include('notifications')
      <header class="ui-title-bar-container ui-title-bar-container--full-width">
        <h1 class="ui-title-bar__title">Feature List</h1>
      </header>
      <div class="ui-layout__sections">
        <div class="ui-layout__section">
          <div class="ui-layout__item">
            <div class="next-card">
              <div class="row" style="margin-top: 15px;">
               <div class="col-md-12 text-center">
                 @if($firstTime)
                  <button type="button" class="btn btn-danger" onclick="skipFeature();">Skip To Dashboard</button>
                 @else
                 <a href="{{route('apporderdetails',array('shop'=>$shop))}}" class="btn btn-info" onclick="skipFeature();">Go To Dashboard <i class="fa fa-arrow-right"></i></a>
                 @endif
               </div>
             </div> 
             <input type="hidden" name="classMap" id="classMap">
              <div class="row">
                @if($featureListData->count() != 0)
                  @foreach($featureListData as $key=>$value)
                    <div class="col-md-12" id="feature-{{$value['id']}}" style="padding: 10px;border-bottom: 1px solid #c2c1c1;">
                      <div class="col-md-8">
                        <div><b>{{ $value['title'] }} </b></div>
                        <div class="">{{ $value['short_desc'] }} </div>
                        @if($value['id'] == "1")
                          <div class="" style="font-size: 13px;color: #9b9898;">$1 per 100 product variants / month.<br>
                          Max $20 / month - Max 5000 product variants supported currently.<br>
                          If you have more than 5000 product variants, please contact us.</div>
                        @endif
                      </div>

                      <div class="col-md-2">
                        @if($value['id'] == "1")
                        <div class=""><b>$1 per 100 product variants / month</b> </div>
                        @else
                        <div class=""><b>${{ number_format($value['price'],2) }} / month</b> </div>
                        @endif
                      </div>

                      <div class="col-md-2">
                          @if($value['approved_status'] == "Y")
                              <p>Feature Added</p>
                              <button type="button" class="btn btn-danger" onclick="removeFeature('{{$value['id']}}','{{$value['price']}}');">Remove</button>                        
                          @else
                           @if($value['id'] == "1")
                              <button type="button" class="btn btn-info" onclick="ShowIntruct('{{$value['id']}}','{{$value['price']}}');">Add</button>
                           @elseif($value['id'] == "3")
                              <button type="button" class="btn btn-info" onclick="addFeatureCost('{{$value['id']}}','{{$value['price']}}');">Add</button>
                            @else
                              <button type="button" class="btn btn-info" onclick="addFeature('{{$value['id']}}','{{$value['price']}}');">Add</button>
                            @endif
                           
                          @endif
                          <div class="hidden" id="longDesc-{{$value['id']}}">{{ $value['long_desc'] }}</div>
                      </div>
                    </div>
                  @endforeach
                @endif
              </div>

             <div class="row" style="margin-top: 15px;">
               <div class="col-md-12 text-center">
                 @if($firstTime)
                 <button type="button" class="btn btn-danger" onclick="skipFeature();">Skip To Dashboard</button>
                 @else
                 <a href="{{route('apporderdetails',array('shop'=>$shop))}}" class="btn btn-info" onclick="skipFeature();">Go To Dashboard <i class="fa fa-arrow-right"></i></a>
                 @endif
               </div>
             </div> 
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <form name="paymentFrm" action="{{ route('postspypayments') }}" method="get">
    <!-- <input type="hidden" name="_token" value="{!! csrf_token() !!}"> -->
    <input type="hidden" name="shop" value="{{ $shop }}" />
    <input type="hidden" name="planName" value="{{$planName}}" />
    <input type="hidden" name="featureId" id="spyFeatureId" />
    <input type="hidden" name="tempID" id="tempID" />
    <input type="hidden" name="type" id="type" />
  </form>
</div>

<div class="modal fade" id="accept-feature-modal" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="featureTitle"></h4>
      </div>
      <div class="modal-body">
          <input type="hidden" name="featureId" id="featureId" />
          <input type="hidden" name="featurePrice" id="featurePrice" />
        <div class="form-group" id="featurePriceText">
            
        </div>
        <div class="form-group" id="featureLongDesc">
            
        </div>
        <div class="form-group" id="featureLongDesc2">
            
        </div>
        <p class="text-center text-red hide bold" id='error'></p>
        <div class="form-group hide" id='cogsDiv'>
            <div class="next-label">QuickBooks - Expense Account</div>
              <select name="cogs" id="cogs" class="form-control" required=""></select>
        </div>
        <div class="form-group hide" id='inventoryDiv'>
            <div class="next-label">QuickBooks - Inventory asset account</div>
              <select name="inventory" id="inventory" class="form-control" required=""></select>
        </div>
        <div class="form-group hide" id='locationDiv'>
            <div class="next-label">Amazon - Location</div>
              <select name="location" id="location" class="form-control" required=""></select>
              <div class="col-md-12 field-info">This is the location in Amazon which will be used as primary for updating the inventory quantity. If the particular item is not available at this location, the first location for that item will be used.</div>
        </div>
        <div class="form-group hide"  id='commentDiv'>
            <div class="next-label">Comments</div>
              <textarea name="comment" id="comment" class="form-control" cols="6" rows="4"></textarea>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="acceptFeatureRequest();">Accept</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div id="instructionsModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header" style="padding: 10px !important;">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Instructions</h4>
      </div>
      <div class="modal-body" style="padding-bottom: 0px;padding-top: 0px; ">
        <input type="hidden" name="instr_id" id="instr_id">
        <input type="hidden" name="instr_price" id="instr_price"> 
        <h5>Please read the instructions below and agree to each of them. These are very important points for the inventory sync feature of our app.</h5>
        <form id="instrFrm">
          <input type="checkbox" name="Instruct1" id="Instruct1" value="true">&nbsp;&nbsp;&nbsp;
          <label for="Instruct1">Product Sync</label>
          <div class="errorTxt1 text-red"></div>

           <div class="" style="font-size: 13px;">
            <ul>
              <li>The product sync happens in 2 ways, during the Order sync and during Auto Product Sync. Auto Product Sync is available only if you enable this feature.</li>
              <li>Once you activate this feature, the products from Amazon will be pulled by the app and synced with the available products in QuickBooks. If the product is not already present in QuickBooks, it will create a new product based on the settings done in the Settings section.</li>
              <li>Initially the products will be created as NonInventory products and then converted to Inventory products once all the previous orders are synced.</li>
              <li>Whenever the product is converted from NonInventory to Inventory, the current quantity in Amazon will be inserted as the Quantity on Hand in QuickBooks.</li>
              <li>The products created during Order Sync will always be created only as a NonInventory item unless it matches with an existing product in your QuickBooks.</li>
            </ul>
          </div>
          <input type="checkbox" name="Instruct2" id="Instruct2" value="true">&nbsp;&nbsp;&nbsp;
          <label for="Instruct2" class="label-error">Auto Quantity Sync</label><br>
          <div class="errorTxt2 text-red"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li>Whenever an Invoice/SalesReceipt is created while sync of an order, the inventory quantity will be automatically deducted from the product in QuickBooks.</li>
              <li>Whenever a RefundReceipt is created for a refund, the quantity will automatically be added for that Product. </li>
              <li>When a purchase or sale is done directly in QuickBooks, the app will adjust the quantity of the relevant products/variants in Amazon.</li>
            </ul>
          </div>
          <input type="checkbox" name="Instruct3" id="Instruct3" value="true">&nbsp;&nbsp;&nbsp;
          <label for="Instruct3" class="label-error">Manual Quantity Sync</label><br>
          <div class="errorTxt3 text-red"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li> Shortly, We will also allow you to do a manual sync of inventory quantities from QuickBooks to Amazon. Along with this we will also provide an option for manual sync of inventory quantities from Amazon to QuickBooks.</li>
            </ul>
          </div>
          <input type="checkbox" name="Instruct4" id="Instruct4" value="true">&nbsp;&nbsp;&nbsp;
          <label for="Instruct4" class="label-error">Inventory Start Date</label><br>
          <div class="errorTxt4 text-red"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li>This is a very important field for the Inventory type products. This is the same as As Of Date in QuickBooks edit product page.</li>
              <li>QuickBooks does not allow us to enter a SalesReceipt/Invoice for a product with a transaction date that is less than the Inventory Start Date of the particular product. For eg, if T-shirt product has the inventory start date as 4th July, we cannot insert an order for a date before 4th July.</li>
              <li>QuickBooks also does not allow us to enter the Inventory Start Date for a product that is less than the latest order for that product. For eg, if T-shirt product has the latest order on 4th July, the inventory start date cannot be less than 4th July.</li>
              <li><p class="text-red">Hence, we prefer that you enable this feature only after each and every past orders have synced.</p></li>
            </ul>
          </div>
        </form>
      </div>
      <div class="modal-footer" style="padding-top: 0px">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="acceptInstructions();">Accept</button>
      </div>
    </div>

  </div>
</div>
<div class="modal fade" id="class-feature-modal" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Confirm Feature Request</h4>
      </div>
        <input type="hidden" name="classfeatureId" id="classfeatureId" />
          <input type="hidden" name="classfeaturePrice" id="classfeaturePrice" />
        
      <div class="modal-body">
        <div class="col-md-12">
          <div class="form-group" id="classfeaturePriceText">    
        </div>
        <div class="form-group" id="classfeatureLongDesc">
            
        </div>
         <div class="form-group" id="classfeatureLongDesc2">
            
        </div>
        <div class="col-md-12 "> 
          <button type="button" class="btn btn-primary pull-right" onclick="$('#class-add-qb-modal').modal('show');">Add Class In QB</button>
        </div>
        <div class=" form-group col-md-12"><input type="radio" checked="" name="classAllChk" onclick="classAllChk()" value="prdAll"> Via For All Products</div>
         <div class="form-group col-md-12 prdAllDiv">
            <div>
              <div class="col-md-5">
                <div class="next-label">Product Type</div>
                <input type="text" name="productTypeName" readonly="" id="productTypeName" value="ALL" class="form-control">
              </div>

              <div class="col-md-5">
                <div class="next-label">Select Class</div>              
                  <select class="form-control classQbAll" name="classQb" id="classQb">
                    @foreach($classData as $k=>$v)
                      <option value="{{$k}}">{{$v}}</option>
                    @endforeach
                  </select>
              </div>       
            </div>
          </div>
        <div class=" form-group col-md-12"><input type="radio" name="classAllChk" value="prdTy" onclick="classAllChk()"> Via Product Type</div>
          <div class="prdTyDiv hide">
             <div class="col-md-12" id="samesalesacc_error" style="color: red;display: none;" > Product Type can't be same</div> 
            <div class="col-md-12" id="salesacc_error" style="color: red;display: none;" > Product Type must have Account</div>  
            </div>    
            <form id="class-acc-form" class="" method="post" action="" autocomplete="off">
            <div class="form-group col-md-12 field_wrapper prdTyDiv hide">
              <div>
                <div class="col-md-5">
                  <div class="next-label">Product Type</div>
                  <input type="text" name="productTypeName_1" id="productTypeName_1" class="productTypeName form-control">
                </div>

                <div class="col-md-5">
                  <div class="next-label">Select Class</div>              
                    <select class="form-control classQb" name="classQb_1" id="classQb_1">
                      @foreach($classData as $k=>$v)
                        <option value="{{$k}}">{{$v}}</option>
                      @endforeach
                    </select>
                </div>  
                <div class="col-md-1">
                  <a href="javascript:void(0);" class="add_button" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>    
                </div>      
              </div>
            </div>
          </form>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveAllClassData();">Save</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="class-add-qb-modal" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Add Class in QuickBooks</h4>
      </div>
      <form id="class-qb-form" class="" method="post" action="" autocomplete="off">
        
      <div class="modal-body">
        <div class="col-md-12">
          <p id="errorClass" class="text-red"></p>
          <div class="form-group col-md-12">
            <div class="col-md-5">
              <div class="next-label">Enter Class Name</div>
              <input type="text" name="ClassName" id="ClassName" class="form-control">
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveClassQbAcc();">Save</button>
      </div>
    </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
@stop
@section('moar_scripts')
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>
<script type="text/javascript">
  var y = 1;
  var htmlData = '';
    $(document).ready(function() 
    {
          AmazonApp.init({
          apiKey: "{{ config('app.QUICK_BOOKS.AmazonapiKey')}}",
          shopOrigin: 'https://{{ $shop }}'
        });

        AmazonApp.Bar.initialize({
          buttons: {
            secondary: [
              {
                  label: 'Settings',  href: '{{ route("setting\auth",array("shop"=>$shop)) }}'
              },
              {
                label: "Account Details", href: "{{route('apporderdetails',array("shop"=>$_REQUEST['shop']))}}"
              },
              {
                  label: 'Contact Us',  href: '{{ route("Amazon\contactus",array("shop"=>$shop)) }}'
              },
              {
                label: "Unsynced Orders", href: "{{route('getOrderList',array("shop"=>$shop))}}"
              },
              {
                label: "Synced Orders", href: "{{route('getSyncedOrderList',array("shop"=>$shop))}}"
              },
            ],
          }
        });

         $validator = $('#instrFrm').validate({
              rules: {
                Instruct1: {
                       required: true
                    },
                Instruct2: {
                       required: true
                    },
                Instruct3: {
                       required: true
                    },
                Instruct4: {
                       required: true
                    },
              },
              messages:{
                 Instruct1: {
                    required: "Select this Checkbox to continue."
                },
                 Instruct2: {
                    required: "Select this Checkbox to continue."
                },
                 Instruct3: {
                    required: "Select this Checkbox to continue."
                },
                 Instruct4: {
                    required: "Select this Checkbox to continue."
                }
              },
              errorPlacement: function(error, element) {
              //Custom position: first name
                if (element.attr("name") == "Instruct1" ) {
                    $(".errorTxt1").html(error);
                }
                //Custom position: second name
                else if (element.attr("name") == "Instruct2" ) {
                    $(".errorTxt2").html(error);
                }
                //Custom position: second name
                else if (element.attr("name") == "Instruct3" ) {
                    $(".errorTxt3").html(error);
                }
                //Custom position: second name
                else if (element.attr("name") == "Instruct4" ) {
                    $(".errorTxt4").html(error);
                }
                // Default position: if no match is met (other fields)
                else {
                     error.insertAfter(element);
                }
              }
            
          });

         //field_wrapper
        //add more functionality for sales account
        
        var maxField_sales = 500; //Input fields increment limitation
        var addButton_sales = $('.add_button'); //Add button selector
        var wrapper_sales = $('.field_wrapper'); //Input field wrapper
        
        //Once add button is clicked
        $(addButton_sales).click(function(){
            //Check maximum number of input fields
            if(y < maxField_sales){ 
                y++; //Increment field counter
                var fieldHTML = '<div class="remove_class_div"> <div class="col-md-5"> <div class="next-label">Product Type</div> <input type="text" name="productTypeName_'+y+'" id="productTypeName_'+y+'" class=" productTypeName form-control"> </div> <div class="col-md-5"> <div class="next-label">Select Class</div> <select class="form-control classQb" name="classQb_'+y+'" id="classQb_'+y+'"> @foreach($classData as $k=>$v) <option value="{{$k}}">{{$v}}</option> @endforeach '+htmlData+'</select> </div> <a href="javascript:void(0);" class="remove_button_class_account col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a> </div> </div>';
                $(wrapper_sales).append(fieldHTML); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(wrapper_sales).on('click', '.remove_button_class_account', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            y--; //Decrement field counter
        });
});
	
  function skipFeature()
  {
    startLoading();
    $.ajax({
            type: 'GET',
            url: "{{route('skipFeature',array('shop' => $shop))}}", 
            success:function( data , code ) 
            { 
              stopLoading();
              window.location.href = '{{route('apporderdetails',array("shop"=>$shop))}}';
              //window.scrollTo(0,0);
            },
            error : function(reject)
            {
              stopLoading();
              
            }
    });
  }
  function ShowIntruct(id,price){
    $('#instrFrm')[0].reset();
    $('#instr_id').val(id);
    $('#instr_price').val(price);
    $("#instructionsModal").modal('show');
  }
  function acceptInstructions() {
    if($('#instrFrm').valid())
    {
      $("#instructionsModal").modal('hide');
      addFeature($('#instr_id').val(),$('#instr_price').val());
    }
  }
  function addFeatureCost(id,price)
  {
    var capped_amount = '{{ $capped_amount }}';
    var dollar_per_order = '{{ $dollar_per_order }}';
    var priceText = '';
    if(capped_amount != '0.0000' || dollar_per_order != '0.0000'){
      $("#classfeatureLongDesc").html($('#longDesc-'+id).text());
      $("#classfeatureLongDesc2").html('Please enter your feature specific request below and our team will contact you in case we need any further information.');
      $("#classfeaturePriceText").html("<b>Price - "+price+" </b>");
      $("#classfeatureId").val(id);
      $("#classfeaturePrice").val(price);
      $("#class-feature-modal").modal('show');
    }else{
      bootbox.confirm({
          title: "Payment Re-authorization for Paid Features",
          message: "To use this and other features, we need you to reauthorize the payment plan. You will continue to be on the same plan but we need authorization for charges for the paid features. <br> Once you authorize the payment plan, you will have to again select the same feature.",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                window.location = '{{ route("postspypayments",array("shop"=>$shop)) }}'+'&planName={{$planName}}&planTrial=0&featured=ture';
              }
          }
      });
      
    }
    
  }
  function addFeature(id,price)
  {
    var capped_amount = '{{ $capped_amount }}';
    var dollar_per_order = '{{ $dollar_per_order }}';
    var priceText = '';
    if(capped_amount != '0.0000' || dollar_per_order != '0.0000'){
      if(id == 1){
        startLoading();
         $.ajax({
            type: 'GET',
            data:{ "shop": "{{ $shop }}" },
            url: "{{route('fetchAccInventory')}}",
            beforeSend: function () { startLoading(); },
            success:function( data) 
            { 
              stopLoading();
              var allData = JSON.parse(data);
              $('#cogs option').remove();
              $('#inventory option').remove();
              $('#location option').remove();
               var cogs = '<option value="">Select Cost Account</option>';
               var inv = '<option value="">Select Inventory Account</option>';
               var location = '<option value="">Select Location</option>';
               $.each( allData.cogsData, function( key, value ) {
                cogs += '<option value="'+value.Id+'">'+value.Name+'</option>';
                
              });
              $.each( allData.InvData, function( key, value ) {
                inv += '<option value="'+value.Id+'">'+value.Name+'</option>';
              });
              $.each( allData.locationData, function( key, value ) {
                location += '<option value="'+value.id+'">'+value.name+'-'+value.city+'</option>';
              });
              $('#cogs').append(cogs);
              $('#inventory').append(inv);
              $('#location').append(location);
              priceText = 'You have approximately '+allData.variantData.variantsCount +' variants in your store. Based on this number you will be charged $'+allData.variantData.variantsPrice+' per month along with the charges for the app.';
              price = allData.variantData.variantsPrice;
              $("#featurePriceText").html("$1 per 100 product variants / month<br><b>"+priceText+'</b>');
              $("#featureTitle").html("Inventory Sync Feature");
              $("#featureLongDesc2").html('Please select the options below for an accurate inventory sync.');
              $("#featureId").val(id);
              $("#featurePrice").val(price);
              $("#featureLongDesc").html($('#longDesc-'+id).text());
              $("#accept-feature-modal").modal('show');
            },
            error : function(reject)
            {
              
            }
        });

        $('#cogsDiv').removeClass('hide');
        $('#inventoryDiv').removeClass('hide');
        $('#locationDiv').removeClass('hide');
      }else{
        $('#cogsDiv').addClass('hide');
        $('#inventoryDiv').addClass('hide');
        $('#locationDiv').addClass('hide');
        $('#commentDiv').removeClass('hide');
      
        $("#featureLongDesc").html($('#longDesc-'+id).text());
        $("#featureLongDesc2").html('Please enter your feature specific request below and our team will contact you in case we need any further information.');
        $("#featurePriceText").html("<b>Price - "+price+" </b>");
        $("#featureTitle").html("Confirm Feature Request");
        $("#featureId").val(id);
        $("#featurePrice").val(price);
        $("#accept-feature-modal").modal('show');
        stopLoading();
      }
    }else{
        stopLoading();
      bootbox.confirm({
          title: "Payment Re-authorization for Paid Features",
          message: "To use this and other features, we need you to reauthorize the payment plan. You will continue to be on the same plan but we need authorization for charges for the paid features. <br> Once you authorize the payment plan, you will have to again select the same feature.",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                window.location = '{{ route("postspypayments",array("shop"=>$shop)) }}'+'&planName={{$planName}}&planTrial=0&featured=ture';
              }
          }
      });
      
    }
  }
 function removeFeature(id,price)
  {
     bootbox.confirm({
          title: "Are you sure you want to remove this Feature?",
          message: "Once you confirm to remove this feature, you will be taken to the Amazon charge authorization page to reauthorize the reduced charges for an amount which will include the base plan and other features but not include the fees for this feature.<br><br>You will continue to be on the same base plan as before, the change in amount will be only for this feature.",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                startLoading();
                $('#spyFeatureId').val(id);
                $('#type').val('remove');
                $('form[name="paymentFrm"]').submit();
              }
          }
      });      
  }

  function acceptFeatureRequest()
  {
    startLoading();
    $.ajax({
            url: "{{route('acceptFeatureRequest',array('shop' => $shop))}}", 
            data:{ "featureId": $("#featureId").val() , "featurePrice" : $("#featurePrice").val() , "cogs" : $("#cogs option:selected").val(),'inventory':$('#inventory option:selected').val(),'location':$('#location option:selected').val(),'comment':$('#comment').val(),'classMap':$('#classMap').val()},
            type: 'POST',
            success:function( data , code ) 
            { 
              stopLoading();
              if(data.success == true){
                var tempdata = JSON.parse(data.data);
                $('#error').addClass('hide');
                  $('#spyFeatureId').val($("#featureId").val());
                  $('#type').val('add');
                  $('#tempID').val(tempdata.tempId);
                  $('form[name="paymentFrm"]').submit();
              }
              else{
                $('#error').removeClass('hide');
                $('#error').html(data);
              }



            },
            error : function(reject)
            {
              stopLoading();
              
            }
    });
  }
  function saveClassQbAcc() {
    startLoading();
    $.ajax({
            url: "{{route('saveClassQb',array('shop' => $shop))}}", 
            data:{ "ClassName": $("#ClassName").val()},
            type: 'POST',
            success:function( data , code ) 
            { 
              stopLoading();
              console.log(data);
                $('#error').addClass('hide');
                htmlData += data.data; 
                $('.classQb').append(data.data);
                $('.classQbAll').append(data.data);
                $('#class-add-qb-modal').modal('hide');

            },
            error : function(reject)
            {
              stopLoading();
              var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.responseJSON.errors+'</div></div>';
                $('#class-add-qb-modal #errorClass').prepend(errorHtml);
            }
    });
  }
   function saveAllClassData(){
        //console.log($("#sales-acc-form").serialize());
        var value = $('input[name=classAllChk]:checked').val();
        if(value == 'prdAll'){
          var mainData1 = {};
            mainData1[$('#productTypeName').val()] = $('#classQb').val();
          $('#featureId').val($('#classfeatureId').val());
            $('#featurePrice').val($('#classfeaturePrice').val());
            $('#classMap').val(JSON.stringify(mainData1));
            $('#class-feature-modal').modal('hide');
            acceptFeatureRequest();
        }else{
          var pro_type = [];
          var pro_type1 = [];
          var mainData = {};
          var emptysalesacc = false;
          var samesalesacc = false;
          $("#class-acc-form").serializeArray().forEach(function(x){
              var name = x.name;
              var number = name.split("_");
              var salesname = $("#classQb_"+number[1]).val();
              if(x.value != ''){              
                pro_type.push(x.value);
                if(!$.isNumeric(x.value)){
                  mainData[x.value] = salesname;
                }
              }
           }); 
           $.each( $('.productTypeName'), function( key, value ) {
            pro_type1.push($(value).val());
            
          });
          var countOriginal = pro_type1.length;
          const distinct = (value,index,self)=>{
            return self.indexOf(value) === index;
          }
          const dis = pro_type1.filter(distinct);
          var countDistinct = dis.length;
          if(countDistinct < countOriginal){
            samesalesacc = true;
          }
          console.log(samesalesacc);

          if (samesalesacc == true) {
               $('#samesalesacc_error').css('display','block');
          }else{
               $('#samesalesacc_error').css('display','none');               
          }     

          console.log(mainData);
          if(emptysalesacc == false && samesalesacc == false){

            $('#featureId').val($('#classfeatureId').val());
            $('#featurePrice').val($('#classfeaturePrice').val());
            $('#classMap').val(JSON.stringify(mainData));
            $('#class-feature-modal').modal('hide');
            acceptFeatureRequest();
          }
        }
      }
      function classAllChk () {
        var value = $('input[name=classAllChk]:checked').val();
        if(value == 'prdAll'){
          $('.prdTyDiv').addClass('hide');
          $('.prdAllDiv').removeClass('hide');
        }else{
          $('.prdAllDiv').addClass('hide');
          $('.prdTyDiv').removeClass('hide');
        }
      }
</script>
@stop