@extends('layouts/default')

@section('commonbuttons')
  @if($para != 'fromadmin')
  <a href="{{route('walmartsummaryseller/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 == '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>
  @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%);
  }
.container1 {
  display: flex;
  width:1100px;
}
.container1 > div {
  flex: 1; /*grow*/
}
</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">

          <table style="width: 100%;margin-bottom: 20px;">
            <tr>
              <td style="width: 25% !important;"><b>Total Amount :</b> {{$settlementDetail[0]['total_amount']}}</td>
              <td style="width: 25% !important;">
              <b>Invoice Date :</b>  {{$settlementDetail[0]['invoice_date']}}
              </td>
              <td style="width: 30% !important;">
              <b>Invoice Number :</b>
              @if(!is_null($settlementDetail[0]['xo_id']))
              <a target="_blank" href="https://go.xero.com/AccountsReceivable/View.aspx?InvoiceID={{$settlementDetail[0]['xo_id']}}">{{$settlementDetail[0]['document_number']}}</a>
              @else
              {{$settlementDetail[0]['document_number']}}
              @endif
               

              </td>
              <td style="width: 25% !important;text-align: right;">
              <b>Currency :</b> {{$settlementDetail[0]['currency']}} 
              </td>
            </tr>
          </table>

            <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;">Tax</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;">Taxcode</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,'parent'=>$key2,'original_account'=>$vp['original_tax_account'],'fee_type'=>$vp['FeeType'].'_taxrate','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,'parent'=>$key2,'original_account'=>$value['original_tax_account'],'fee_type'=>$value['FeeType'].'_taxrate')) }}</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('walmartsettlements',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);
      var serialize_data = {};
      i = 0;
      $.each(new_data, function( index, value ) {
          if(!serialize_data.hasOwnProperty(i)){
            serialize_data[i] = {};
          }
          var val = value.name;
          var strPos = val.indexOf("_seperation_");
          if(strPos == -1){
            serialize_data[i]['name'] = value.name;
            serialize_data[i]['value'] = value.value;
          }else{
            var a = val;
            var a = a.replace('&','');
            var a = a.replace('$','');
            a = a.replace(/\s/g,'');
            var field_name = $('#'+a).attr('fee_type');
            var parent = $('#'+a).attr('parent');
            serialize_data[i]['name'] = parent+'_seperation_'+field_name;
            serialize_data[i]['value'] = value.value;
            console.log(serialize_data);
          }
          i++;
      });
      $("#acc_mapping").val(JSON.stringify(obj)); 
      $("#serialize_data").val(JSON.stringify(serialize_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('resendsettlementwalmart',array('seller_id' => $seller_id ))}}", 
                        data:$('#resendSettlement').serialize(),
                        success:function( data , code ) 
                        { 
                            window.location.href = '{{route("walmartsettlements",array("seller_id"=>$seller_id))}}';
                        }
                  });
              }
          }
        });
        
      }else{
                  startLoading();
                  $.ajaxSetup({
                    headers: {
                         'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
                $.ajax({
                      type: 'POST',
                      url: "{{route('resendsettlementwalmart',array('seller_id' => $seller_id ))}}", 
                      data:$('#resendSettlement').serialize(),
                      success:function( data , code ) 
                      { 
                          window.location.href = '{{route("walmartsettlements",array("seller_id"=>$seller_id))}}';
                      }
                });
      }
  }
</script>
@stop