@extends('layouts/default')

@section('commonbuttons')

@stop

@section('title')
Settlement — {{date('01 M Y',strtotime($settlementDetail[0]['start_date']))}} to {{date('01 M Y',strtotime($settlementDetail[0]['end_date']))}}
@stop
<style type="text/css">
   /*.sync-message {
      color: #212b36 !important;
      background-color: #e0f5f5 !important;
      border: none;
      box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
  }*/

  .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%);
  }
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px !important;
    line-height: 1.42857143 !important;
    vertical-align: unset !important; 
    border-top: hidden !important;
}
</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 Sage</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 Sage' : ( ($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 : 
                @if($settlementDetail[0]['sage_type'] == 'invoice')
                <a href="https://accounts-extra.sageone.com/invoicing/sales_invoices/{{$settlementDetail[0]['sage_id']}}" target="_blank">{{$settlementDetail[0]['sage_document_number']}} </a></b>
                @else
                <a href="https://accounts-extra.sageone.com/invoicing/sales_credit_notes/{{$settlementDetail[0]['sage_id']}}" target="_blank">{{$settlementDetail[0]['sage_document_number']}}</a> </b>
                @endif
              @endif
            </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 Sage</button> 
                    @else
                    <button type="button" class="btn btn-info" onclick="resendSettlement();">Create Invoice In Sage</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>
                       <th style="width: 10% !important;">Amount</th>
                       <th style="width: 30% !important;">Account</th>
                       @php
                       $sellerid = App\Helpers\Helper::encryptor('decrypt',$seller_id);
                       $allowdedsellers = config('amazonsummaryconstantxo.tax_selection_allow_us_seller_ids');
                       @endphp
                       @if($tax_method != "line")
                       <th style="width: 30% !important;">Tax</th>
                       @endif
                     </tr>
                   </table>
                       @foreach($summaryData as $key1=>$value1)
                       <hr style="border-top: 1px solid #9d8f8f !important;">
                         <table class="table">
                        @foreach($value1 as $key=>$value)
                          <tr>
                                                            <td style="width: 30% !important;">{{$value['FeeType_description']}}</td>
                              <td style="width: 10% !important;">{{$value['CurrencyAmount']}}</td>
                              <td style="width: 30% !important;">{{ Form::select($value['FeeType'], $value['accountsList'] , Input::old($value['FeeType'], @$value['account']), array('class'=>'form-control select2', 'style'=>'width:100%','id'=>$acc_name_and,'original_account'=>$value['original_account'])) }}</td>
                              @if($tax_method != "line")
                              <td style="width: 30% !important;">{{ Form::select($taxrate_acc_name, $vatRateDataList , Input::old($taxrate_acc_name, @$value['taxRate']), array('class'=>'form-control select2', 'style'=>'width:100%' , 'id'=>$taxrate_acc_name_and,'original_account'=>$value['original_tax_account'])) }}</td>
                              @endif
                         </tr>
                           @endforeach
                        </table> 
                       @endforeach
                  <input type="hidden" name="acc_mapping" id="acc_mapping"></input> 
                  @if($settlementDetail[0]['sync_status'] == 'Sync')
                  <button type="button" class="btn btn-info updatebutton" onclick="resendSettlement();" disabled >Update Invoice In Sage</button> 
                  @else
                  <button type="button" class="btn btn-info" onclick="resendSettlement();">Create Invoice In Sage</button> 
                  @endif
                  <a class="btn btn-danger" style="margin:5px;" href="{{route('azsgsettlements',array('seller_id'=>$seller_id))}}">Cancle</a>
                  <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;
      html = 'Foloowing list of fields value get changes and this will reflect in sync in future.';
      $.each(old_data, function( index1, value1 ) {
          $.each(new_data, function( index, value ) {
            var main_name = value.name;
            //obj[main_name] = {};
            var old_name = value1.FeeType.replace('&','');
            if(value.name.replace('&','') == value1.FeeType.replace('&','')){
              var old_acc = value1.account;
              if(old_acc === null)
                old_acc = '';
              var new_acc = value.value;
              if(new_acc === null)
                new_acc = '';
              var org_field_name = value.name.replace('&','');
              field_name = org_field_name.replace(/\s/g, '');

              var new_tax = $("#"+field_name+"_taxrate").val();
              var old_tax = value1.taxRate;
              if(old_tax === null)
                old_tax = '';
              if(new_tax === null)
                new_tax = '';
              if(old_acc == '--- Select Account ---')
                old_acc = '';
              if(new_acc == '--- Select Account ---')
                new_acc = '';
              if(new_tax == '--- Select Account ---')
                new_tax = '';
              if(old_tax == '--- Select Account ---')
                old_tax = '';
		
              if(old_acc != new_acc || old_tax != new_tax){
                  change = true;
                  obj[main_name] = {'account':new_acc,'taxrate':new_tax};
                  if(old_acc != new_acc){
                    var old_field_text = $("#"+field_name+" option[value='"+old_acc+"']").text();
                    if(old_field_text == '--- Select Account ---')
                      old_field_text = '';
                    var new_field_text = $("#"+field_name+" option[value='"+new_acc+"']").text();
                    if(new_field_text == '--- Select Account ---')
                      new_field_text = '';
                    html += "<br/>"+value.name+" value changed from <b>"+old_field_text+"</b> to <b>"+new_field_text+"</b>";
                  }
                  if(old_tax != new_tax){
                    var old_tax_field_text = $("#"+field_name+"_taxrate option[value='"+old_tax+"']").text();
                    if(old_tax_field_text == '-- Select Tax Rate --')
                      old_tax_field_text = '';
                    var new_tax_field_text = $("#"+field_name+"_taxrate option[value='"+new_tax+"']").text();
                    if(new_tax_field_text == '-- Select Tax Rate --')
                      new_tax_field_text = '';

                    html += "<br/>"+value.name+" tax value changed from <b>"+old_tax_field_text+"</b> to <b>"+new_tax_field_text+"</b>";
                  }
              }
            }
          });
      });
      $.each(new_data, function( index, value ) {
            
            var field_name = value.name;
            var new_val = value.value;
            var name_new = field_name.replace('&','');
            name_new = name_new.replace(/\s/g,'');
            
            var original_value = $('#'+name_new).attr('original_account');
            var original_tax_value = $('#'+name_new+'_taxrate').attr('original_account');
            if(original_value != $('#'+name_new).val()){
              obj[field_name] = {'account':$('#'+name_new).val(),'taxrate':$('#'+name_new+'_taxrate').val()};
            }
        });
      
      $("#acc_mapping").val(JSON.stringify(obj)); 
      var change = false;
      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('resendSettlementazsg',array('seller_id' => $seller_id ))}}", 
                        data:$('#resendSettlement').serialize(),
                        success:function( data , code ) 
                        { 
                            window.location.reload();
                        }
                  });
              }
          }
        });
        
      }else{
                  startLoading();
                  $.ajaxSetup({
                    headers: {
                         'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
                $.ajax({
                      type: 'POST',
                      url: "{{route('resendSettlementazsg',array('seller_id' => $seller_id ))}}", 
                      data:$('#resendSettlement').serialize(),
                      success:function( data , code ) 
                      { 
                          window.location.reload();
                      }
                });
      }
  }
</script>
@stop