@extends('layouts/default')



@section('commonbuttons')

  @if($para != 'fromadmin')

  <a href="{{route('amazonsummaryseller/accountdetail',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['dashboard']}}</a>

  @if($AccountingSystemName == 'Sage')

  <a href="{{route('setting\sgauth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @elseif($AccountingSystemName == 'Xero')

  <a href="{{route('setting\xoauth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @elseif($AccountingSystemName == 'Quickbook')

  <a href="{{route('setting\auth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @endif

  @endif

@stop



@section('title')

Settlement — {{date('d M Y',strtotime($settlementDetail[0]['start_date']))}} to {{date('d M Y',strtotime($settlementDetail[0]['end_date']))}}

@stop

<style type="text/css">

  .sync-message {

    color: #212b36 !important;

    background-color: #f7cece !important;

    border: none;

    box-shadow: inset 0 3px 0 0 #c14760, inset 0 0 0 0 transparent, 0 0 0 1px rgb(63 63 68 / 5%), 0 1px 3px 0 rgb(63 63 68 / 15%);

  }

</style>

@section('content')



<!-- Main content -->

<div class="ui-layout">

@include('notifications')

@if($error != '' && ($settlementDetail[0]['sync_status'] != 'Sync' && $settlementDetail[0]['sync_status'] != 'New'))     

<div class="col-md-12" style="margin-bottom: 10px;">

    <div class="sync-message show " style="padding: 15px;">

    <button type="button" class="close" onclick="removeWelcomeMessage();">x</button>

    <h4 style="margin-top: 0px;"> Error while Settlement Sync.</h4>

      <p>Please resolve error shown below then try to sync again using button below Create Invoice In {{$AccountingSystemName}}</p>

      
      </div>

</div>   

@endif

  <div class="row">

    <div class="col-md-12">

      <div class="box box-default">

        <div class="box-body">

            <div style="float: left;margin-bottom: 10px;">

              <b>Total Amount : {{$settlementDetail[0]['total_amount']}}</b> 

            </div>

            <div style="float: right;">



              @php

              $status = ($settlementDetail[0]['sync_status'] == 'New' ? 'Pending to Send' : (($settlementDetail[0]['sync_status'] == 'Sync') ? 'Sent to $AccountingSystemName' : ( ($settlementDetail[0]['sync_status'] == 'Pending' || $settlementDetail[0]['sync_status'] == 'Syncpending') ? 'Error while Sent' : $settlementDetail[0]['sync_status']) ) )

              @endphp



              <!-- <b>{{$status}}  @if($settlementDetail[0]['sage_document_number'] != '' && $settlementDetail[0]['sage_document_number'] != NULL) with Document Number : {{$settlementDetail[0]['sage_document_number']}} @endif</b> -->

            </div>

            <div class="next-card">

              <div>

                <form id="resendSettlement" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">

                  {{ csrf_field() }}

                  <div class="col-md-12" style="padding-left: 0px;margin-bottom: 10px;">

                    @if($settlementDetail[0]['sync_status'] == 'Sync')

                    <button type="button" class="btn btn-info updatebutton" onclick="resendSettlement();" disabled >Update Invoice In {{$AccountingSystemName}}</button> 

                    @else

                    <button type="button" class="btn btn-info" onclick="resendSettlement();">Create Invoice In {{$AccountingSystemName}}</button> 

                    @endif

                  </div>

                  <input type="hidden" name="settlement" value="{{$settlement}}">

                   <table class="table table-bordered">

                     <tr style="background-color: #c6dfeb !important;">

                       <th style="width: 30% !important;">Description</th>

                       @if($level > 6)

                       <th  style="width: 10% !important;">Percent</th>

                       @endif

                       <th  style="width: 10% !important;">Amount</th>

                       <th  style="width: 30% !important;">Account</th>

                       @php

                       $sellerid = App\Helpers\Helper::encryptor('decrypt',$seller_id);

                       @endphp

                       @if($tax_method != "line" && $settingData['taxcode_disable'] == "No")

                       <th  style="width: 30% !important;">Tax</th>

                       @endif

                     </tr>

                   </table>

                       @foreach($summaryData as $key2=>$value2)

                       <div style="font-size: medium;padding-left: 7px;">

                        <b>{{$key2}}</b>

                       </div>

                       <br/>

                         <table class="table table-bordered">

                       @foreach($value2 as $key1=>$value1)

                       <!-- <hr style="border-top: 1px solid #9d8f8f !important;"> -->

                        @foreach($value1 as $key=>$value)

                          @if(isset($value['percent']))

                            @php $i=1; @endphp

                            @foreach($value['percent'] as $kp=>$vp)

                                <tr>

                                  @if($vp['CurrencyAmount'] != 0)

                                    @if($i == 1)

                                    @php $count = count($value['percent']) @endphp

                                    <td style="width: 30% !important;" rowspan="{{$count}}">{{$value['FeeType_description']}}</td>

                                    @php $i++; @endphp

                                    @endif

                                  
                                  

                                  <td style="width: 10% !important;">{{$kp}}</td>

                                  <td style="width: 10% !important;">{{$vp['CurrencyAmount']}}</td>

                                  <td style="width: 30% !important;">{{ Form::select($name, $vp['accountsList'] , Input::old($vp['FeeType'], @$vp['account']), array('class'=>'form-control select2', 'style'=>'width:100%','id'=>$name,'parent'=>$key2,'original_account'=>$vp['original_account'],'fee_type'=>$vp['FeeType'],'percent'=>$kp)) }}</td>

                                  @if($tax_method != "line" && $settingData['taxcode_disable'] == "No")

                                  <td style="width: 30% !important;">{{ Form::select($taxrate_name, $vatRateDataList , Input::old($taxrate_acc_name, @$vp['taxRate']), array('class'=>'form-control select2', 'style'=>'width:100%' , 'id'=>$taxrate_name,'original_account'=>$vp['original_tax_account'],'percent'=>$kp)) }}</td>

                                  @endif

                                @endif

                              </tr>

                            @endforeach

                          @else

                          <tr>

                            @if($value['CurrencyAmount'] != 0)

                              
                              <td style="width: 30% !important;">{{$value['FeeType_description']}}</td>

                              @if($level > 6)

                              <td style="width: 10% !important;">

                              @endif

                              <td style="width: 10% !important;">{{$value['CurrencyAmount']}}</td>

                              <td style="width: 30% !important;">{{ Form::select($name, $value['accountsList'] , Input::old($value['FeeType'], @$value['account']), array('class'=>'form-control select2', 'style'=>'width:100%','id'=>$name,'parent'=>$key2,'original_account'=>$value['original_account'],'fee_type'=>$value['FeeType'])) }}</td>

                              @if($tax_method != "line" && $settingData['taxcode_disable'] == "No")

                              <td style="width: 30% !important;">{{ Form::select($taxrate_name, $vatRateDataList , Input::old($taxrate_acc_name, @$value['taxRate']), array('class'=>'form-control select2', 'style'=>'width:100%' , 'id'=>$taxrate_name,'original_account'=>$value['original_tax_account'])) }}</td>

                              @endif

                            @endif

                          </tr>

                          @endif

                           @endforeach

                       @endforeach

                        </table> 

                     

                       @endforeach

                  <input type="hidden" name="acc_mapping" id="acc_mapping"></input> 

                  <input type="hidden" name="serialize_data" id="serialize_data"></input> 

                  @if($settlementDetail[0]['sync_status'] == 'Sync')

                  <button type="button" class="btn btn-info updatebutton" onclick="resendSettlement();" disabled >Update Invoice In {{$AccountingSystemName}}</button> 

                  @else

                  <button type="button" class="btn btn-info" onclick="resendSettlement();">Create Invoice In {{$AccountingSystemName}}</button> 

                  @endif

                  @if($para != 'fromadmin')

                  <a class="btn btn-danger" style="margin:5px;" href="{{route('amazonsettlements',array('seller_id'=>$seller_id))}}">Cancel</a>

                  @endif

                  <input type="hidden" name="old_setting_fields" id="old_setting_fields" value="{{json_encode($oldsummaryData)}}"></input> 

                </form>

              </div>

            </div>

      </div><!-- /.box-body -->

    </div><!-- /.box -->

    </div>

</div>

</div>



@stop



@section('moar_scripts')

<link rel="stylesheet" href="{{asset('assets/chartBar/bar.chart.min.css')}}" />

<script src='https://d3js.org/d3.v4.min.js'></script>

@include ('partials.bootstrap-table', ['exportFile' => 'Sellers-export', 'search' => true])

<script type="text/javascript">

  $('.select2').on('change', function() {

        $('.updatebutton').prop("disabled", false);

  });

  function resendSettlement(){

    var new_data = $('#resendSettlement').serializeArray();

    var old_data = JSON.parse($('#old_setting_fields').val());

      var obj = {};

      var change = false;

      var html = 'Following list of fields value get changes and this will reflect in sync in future.<br>';

      console.log(new_data);

      $.each(new_data, function( index, value ) {

        var val = value.name;

        /*if(typeof val.split('_percent_')[1] !== 'undefined')

          val = val.split('_percent_')[0];*/



        if(val != 'old_setting_fields'){

          var strPos = val.indexOf("_taxrate");//9

        

          if(strPos == -1){

              /*if(typeof val.split('_seperation_')[1] !== 'undefined')

              var field_name = val.split('_seperation_')[1];

              else

              var field_name = parent;*/



              var a = val;

              var a = a.replace('&','');

              var a = a.replace('$','');

              a = a.replace(/\s/g,'');



              var parent = $('#'+a).attr('parent');

              var field_name = $('#'+a).attr('fee_type');

              var original_value = $('#'+a).attr('original_account');

              if(typeof original_value === 'undefined')

                original_value = '';

              var original_tax_value = $('#'+a+'_taxrate').attr('original_account');

              if(typeof original_tax_value === 'undefined')

                original_tax_value = '';



              var compare_value = $('#'+a).val();

              if(typeof compare_value === 'undefined')

                compare_value = '';            



              var compare_tax_value = $('#'+a+'_taxrate').val();

              if(typeof compare_tax_value === 'undefined')

                compare_tax_value = ''; 



              if(original_value != compare_value){

                change = true;

                if(!obj.hasOwnProperty(parent)){

                  obj[parent] = {};

                }

                var percent = $('#'+a).attr('percent');

                if(typeof percent !== 'undefined'){

                  if(!obj[parent].hasOwnProperty(field_name))

                    obj[parent][field_name] = {};   

                  obj[parent][field_name][percent] = {'account':$('#'+a).val(),'taxrate':$('#'+a+'_taxrate').val()};

                }

                else{

                  obj[parent][field_name] = {'account':$('#'+a).val(),'taxrate':$('#'+a+'_taxrate').val()};

                }

                html += "Account <b>"+field_name+"<b>"+ " value chanaged to  "+$('#'+a+" option:selected").text()+"</b><br>";

              }



              if(original_tax_value != compare_tax_value){

                change = true;

                if(!obj.hasOwnProperty(parent)){

                  obj[parent] = {};

                }

                var percent = $('#'+a).attr('percent');

                if(typeof percent !== 'undefined'){

                  if(!obj[parent].hasOwnProperty(field_name))

                    obj[parent][field_name] = {};   

                  obj[parent][field_name][percent] = {'account':$('#'+a).val(),'taxrate':$('#'+a+'_taxrate').val()};

                }else{

                  obj[parent][field_name] = {'account':$('#'+a).val(),'taxrate':$('#'+a+'_taxrate').val()};

                }

                html += "Tax Rate of <b>"+field_name+"<b>"+ " value chanaged to "+$('#'+a+'_taxrate'+' option:selected').text()+"</b><br>";

              }



          }

        }

      });

      

      change = false;

      console.log(obj);

      

      $("#acc_mapping").val(JSON.stringify(obj)); 

      $("#serialize_data").val(JSON.stringify(new_data)); 

      if(change == true){

        bootbox.confirm({

          title: "Change Confirmation",

          message: html,

          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();

                  $.ajaxSetup({

                    headers: {

                         'X-CSRF-TOKEN': '{{ csrf_token() }}'

                    }

                });

                  $.ajax({

                        type: 'POST',

                        url: "{{route('resendsettlementamazon',array('seller_id' => $seller_id ))}}", 

                        data:$('#resendSettlement').serialize(),

                        success:function( data , code ) 

                        { 

                            window.location.href = '{{route("amazonsettlements",array("seller_id"=>$seller_id))}}';

                        }

                  });

              }

          }

        });

        

      }else{

                  startLoading();

                  $.ajaxSetup({

                    headers: {

                         'X-CSRF-TOKEN': '{{ csrf_token() }}'

                    }

                });

                $.ajax({

                      type: 'POST',

                      url: "{{route('resendsettlementamazon',array('seller_id' => $seller_id ))}}", 

                      data:$('#resendSettlement').serialize(),

                      success:function( data , code ) 

                      { 

                          window.location.href = '{{route("amazonsettlements",array("seller_id"=>$seller_id))}}';

                      }

                });

      }

  }

</script>

@stop