@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav',['dashBoardTitle'=>'ARTICLE 47'])
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    @endsection
@section('buttons')
   @if(!$download)
      <div class="d-flex justify-content-end hedr-wdth">
         <a title="Trial Balance" class="export-btn btn btn-success btn-wdth"  href="{{url('trial_balance',['id'=>$id])}}"><i class="fa-regular fa-sheet-plastic"></i>&nbsp;TB</a>
         <a title="Profit & Loss" class="export-btn btn btn-success btn-wdth"  href="{{url('profit_loss',['id'=>$id])}}"><i class="fa-solid fa-money-bills"></i>&nbsp;P&L</a>
         <a title="Balance Sheet" class="export-btn btn btn-success btn-wdth" href="{{url('balance_sheet',['id'=>$id])}}"><i class="fa-sharp fa-solid fa-file-contract"></i>&nbsp;BS</a>
         <a title="Tax Report" class="export-btn btn btn-success btn-wdth"  href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen"></i>&nbsp;TR</a>
      </div>
   @endif
@endsection
@section('content')
<style>
   input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
    -moz-appearance: textfield;
    }  
</style>

<div class="container"  id="main-container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <!-- <div class="card">
                <div class="card-header d-flex justify-content-between bg-al bold">
                @if(!$download)
                <div>
                <a  href="{{url('tax-report',['id'=>$id])}}" class="btn clr-al"style="border-color:white">
                    <i class="fa-sharp fa-solid fa-arrow-left clr"></i>
                </a>
                </div>
                @endif
                <div class="p-lt head-capt">
            {{ __('Article 47') }}
</div>
            @if(!$download)
               <div class="d-flex justify-content-end">
               <a title="Trial Balance" class="export-btn btn btn-success btn-wdth"  href="{{url('trial_balance',['id'=>$id])}}"><i class="fa-regular fa-sheet-plastic"></i>&nbsp;TB</a>
               <a title="Profit & Loss" class="export-btn btn btn-success btn-wdth"  href="{{url('profit_loss',['id'=>$id])}}"><i class="fa-solid fa-money-bills"></i>&nbsp;P&L</a>
               <a title="Balance Sheet" class="export-btn btn btn-success btn-wdth" href="{{url('balance_sheet',['id'=>$id])}}"><i class="fa-sharp fa-solid fa-file-contract"></i>&nbsp;BS</a>
               <a title="Tax Report" class="export-btn btn btn-success btn-wdth"  href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen"></i>&nbsp;TR</a>
               </div>
            @endif
</div> -->

<table class="table table-bordered fnt" id="">
<tr class="bd bg">
            <td class="bd head-capt"style="width:300px;">
           {{strtoUpper($trialBalanceDetails->companyRelationShip->taxpayer)}}
            </td>
           <td style="
    width: 30%"> <span style="float:left">T.R.NO : {{($trialBalanceDetails->companyRelationShip->tax_registration_number)}}</span>
          </td>
</td>
<td colspan="4">
            Tax Period:
            
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->from))}}
                to
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->to))}}
            </td>
 
        </tr>
</table>

<table class="table table-bordered">
<td class="bold mrn bg">Foreign Tax Credit as per Article 47 </td>
</table>
    <table class="table table-bordered fnt">
    <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
            @csrf
        <tr>
            <th>Nature of income 
            </th>
            <td><input name="nature_income" class="form-control" type="text" required></td>
            </tr>
            <tr>
            <th>Country</th>
            <td>
            <input name="article_type"  class="form-control" type="hidden" value="foreign_tax_credit" placeholder="Eg: 10000"  required>
            <input name="form_type"  class="form-control" type="hidden" value="form_one" placeholder="Eg: 10000" required>
            <select name="country" class="form-control">
                  <option value="Afghanistan">Afghanistan</option>
                  <option value="Albania">Albania</option>
                  <option value="American Samoa">American Samoa</option>
                  <option value="Algeria">Algeria</option>
                  <option value="Andorra">Andorra</option>
                  <option value="Angola">Angola</option>
                  <option value="Anguilla">Anguilla</option>
            </select>
            </td>
           
         </tr>
            <tr>
                 <th class="bold mrn bg">Tax identification number </th>
                 <td class="tr"></td>
                 
</tr>
           <tr>
           <th>Foreign income </th>
           <td class="tr"> <input name="foreign_income" class="calc_flied form-control" type="number" step="0.01" required id="foreign_income"></td>
           
           </tr>
           <tr>
             <th>UAE Taxable Income  </th>
             <td class="tr"> <input name="uae_ct_law" class="calc_flied form-control" type="number" step="0.01" required id="uae_ct_law" value="1150000" readonly="readonly"></td>
             
      </tr> 
      <tr>
            <th>CT Liability 
            </th>
            <td class="tr"> <input name="ct_liability" class="calc_flied form-control" type="number" step="0.01" required id="ct_liability" readonly="readonly" value="69750"></td>
           
</tr>
            <tr>
            <th>Tax paid outside UAE                                          (A)</th>
                <td class="tr"> <input name="tax_paid_out_uae_a" class="calc_flied form-control" type="number" step="0.01" required id="tax_paid_out_uae_a" readonly="readonly"></td>
             
         </tr>
         <tr>
            <th>CT due on foreign income                                    (B) </th>
            <td class="tr"> <input name="ct_due_on_foreign_income_b" class="calc_flied form-control" type="number" step="0.01" required id="ct_due_on_foreign_income_b" readonly="readonly"></td>
            
         </tr>
         <tr>
            <th>CT due on foreign income                                    (C)</th>
            <td class="tr"> <input name="ct_due_on_foreign_income_c" class="calc_flied form-control" type="number" step="0.01" required id="ct_due_on_foreign_income_c" readonly="readonly"></td>
           
         </tr>
         <tr>
            <th>FTC Claimed (A) or (B) or (C )</th>
            <td class="tr"> <input name="ftc_claimed" class="calc_flied form-control" type="number" step="0.01" required id="ftc_claimed" readonly="readonly"></td>
         </tr>


<tr>
    <td colspan="4"> <button style="float:right" type="submit" class="btn btn-success">Add</button></td>
  </tr>     

   </form>

        
    </table>
    <div class="row bg-light mt-5">
      <div class="table-responsive pb-4">
    <table class="table-bordered"width="2000px">
   
    <tr class="bg mrn">
            <th width="250px">Nature of income </th>
            <th width="200px">Country </th>
            <th width="250px">Foreign income	</th>
            <th width="300px">UAE Taxable Income</th>
            <th width="200px">CT Liability </th>
            <th width="350px">Tax paid outside UAE (A)</th>
            <th width="500px">CT due on foreign income (B)</th>
            <th width="500px">CT due on foreign income (C)</th>
            <th width="500px">FTC Claimed (A) or (B) or (C )	</th>
            <th width="150px">Action</th>
      </tr>
   
   @php
      $total = 0;
   @endphp
    @foreach($foregin_taxs as $foregin_tax)
      @php
            $data = json_decode($foregin_tax->data);
            $total += $data->ftc_claimed;
            $parameter = "update";
      @endphp
      @if(empty($foregin_tax->deleted_at))
            <tr>
               <td>{{@$data->nature_income}}</td>
               <td>{{@$data->country}}</td>
               <td>{{@$data->foreign_income}}</td>
               <td>{{@$data->uae_ct_law}}</td>
               <td>{{@$data->ct_liability}}</td>
               <td>{{@$data->tax_paid_out_uae_a}}</td>
               <td>{{@$data->ct_due_on_foreign_income_b}}</td>
               <td>{{@$data->ct_due_on_foreign_income_c}}</td>
               <td>{{@$data->ftc_claimed}}</td>
              
               <td> <div class="d-flex" style="gap:5px;">
                        <button class="btn btn-success" onclick='openModel(`{
                                                    id:"{{$foregin_tax->id}}",
                                                    article_type:"foreign_tax_credit",
                                                    form_type:"form_one",
                                                    inputs:[
                                                        {
                                                            label:"Nature of income",
                                                            name:"nature_income",
                                                            placeholder:"Bank Transfer",
                                                            value:"{{@$data->nature_income}}",
                                                            id:"update_nature_income",
                                                            isRequired:"1",
                                                            editable:"0",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"Country",
                                                            name:"country",
                                                            placeholder:"Eg: country",
                                                            value:"{{@$data->country}}",
                                                            id:"update_country",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"Foreign income",
                                                            name:"foreign_income",
                                                            placeholder:"Eg: 1000",
                                                            value:"{{@$data->foreign_income}}",
                                                            id:"update_foreign_income",
                                                            isRequired:"1",
                                                            editable:"0",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                             function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"UAE Taxable Income",
                                                            name:"uae_ct_law",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->uae_ct_law}}",
                                                            id:"update_uae_ct_law",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate",
                                                           
                                                        },
                                                        {
                                                            label:"CT Liability",
                                                            name:"ct_liability",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->ct_liability}}",
                                                            id:"update_ct_liability",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate",
                                                            
                                                        },
                                                        {
                                                            label:"Tax paid outside UAE (A)",
                                                            name:"tax_paid_out_uae_a",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->tax_paid_out_uae_a}}",
                                                            id:"update_rate_as_per_foregin",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"CT due on foreign income (B)",
                                                            name:"ct_due_on_foreign_income_b",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->ct_due_on_foreign_income_b}}",
                                                            id:"update_ct_due_on_foreign_income_b",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"CT due on foreign income (C)",
                                                            name:"ct_due_on_foreign_income_c",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->ct_due_on_foreign_income_c}}",
                                                            id:"update_ct_due_on_foreign_income_c",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        },
                                                        {
                                                            label:"FTC Claimed (A) or (B) or (C )",
                                                            name:"ftc_claimed",
                                                            placeholder:"Eg: 100",
                                                            value:"{{@$data->ftc_claimed}}",
                                                            id:"update_ftc_claimed",
                                                            isRequired:"1",
                                                            editable:"1",
                                                            is_function:"1",
                                                            function_type:"onKeyup",
                                                            function_body:"{{$parameter}}",
                                                            function_name:"calculate"
                                                        }
                                                      
                                                        ]}`)'>
                        <i class="fa-sharp fa-regular fa-pen-to-square"></i>
                        </button>
                        <button class="btn btn-success"  onclick='deleteModel(`{
                            id:"{{$foregin_tax->id}}"
                        }`)'>
                        <i class="fa-sharp fa-regular fa-trash"></i>
                        </button>
                    </div></td>
            </tr>
            @endif
      @endforeach

      <tr class="bold">
      <td colspan="8">Total</td>
      <td>{{$total}}</td>
      <td></td>
      

      </tr>

      </div>
                     </div>
</table>
                    
    </div>
</div>
</div>
</div>
</div>

<script>

function calculate(type){

    if(type == "add"){
    $('#ftc_claimed').val(0);
      var foreignIncome =  $('#foreign_income').val();
      var taxPaidOutUaeA = $('#tax_paid_out_uae_a').val(parseInt(parseInt(foreignIncome)/100)*20);
      var taxPaidOutUaeB = $('#ct_due_on_foreign_income_b').val(parseInt(foreignIncome)*parseInt($('#ct_liability').val())/parseInt($('#uae_ct_law').val()));
      var taxPaidOutUaeC = $('#ct_due_on_foreign_income_c').val((parseInt(foreignIncome)/100)*9);
      var minValue = Math.min(parseInt($('#tax_paid_out_uae_a').val()) , parseInt($('#ct_due_on_foreign_income_b').val()));
      $('#ftc_claimed').val(minValue);
    }else if(type == "update"){
        $('#ftc_claimed').val(0);
      var foreignIncome =  $('#update_foreign_income').val();
      var taxPaidOutUaeA = $('#update_uae_ct_law').val(parseInt(parseInt(foreignIncome)/100)*20);
      var taxPaidOutUaeB = $('#update_ct_due_on_foreign_income_b').val(parseInt(foreignIncome)*parseInt($('#update_ct_liability').val())/parseInt($('#update_uae_ct_law').val()));
      var taxPaidOutUaeC = $('#update_ct_due_on_foreign_income_c').val((parseInt(foreignIncome)/100)*9);
      console.log(parseInt($('#update_uae_ct_law').val()) , parseInt($('#update_ct_due_on_foreign_income_b').val()));
      var minValue = Math.min(parseInt($('#update_uae_ct_law').val()) , parseInt($('#update_ct_due_on_foreign_income_b').val()));
      $('#update_ftc_claimed').val(minValue);

    }
   

}

$(document).ready(function(){
   calculate('add');
   $('.calc_flied').keyup(function(){
      calculate('add');
      
   });
});

function importfunction(id){
        $("#myModal").toggle();
        // console.log(company_id);
    }

    function importclose(){
        $("#myModal").toggle();
        document.getElementById('model_container').remove();
    }

function deleteModel(data){
        eval('var obj='+data);
        var objData = {...obj};
        console.log(objData);

        var model = `<div class="modal" id="myModal" role="dialog">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header ppup">
                <h4 class="modal-title">Are you sure you want to delete ?</h4>
                <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button>
                </div>
                <div class="modal-body">
                
                    <div class="form-group row text-center">
                    <div class="col-6 text-center">
                        <button type="button" class="close import-excel-btn btn btn-secondary" data-dismiss="modal" onclick="importclose()">Cancel</button>
                    </div>

                    <div class="col-6 text-center">
                        <form method="POST" action="{{url('/tax-report/article/delete',['id'=>$id])}}">
                        @csrf
                            <input type="hidden" name="data_id" value="`+objData.id+`"/>
                            <button type="submit" class="close import-excel-btn btn btn-danger" data-dismiss="modal" >Delete</button>
                        </from>
                    </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                </div>
            </div>
            </div>
        </div>
        </div>`;

        var elem = document.createElement('div');
        elem.setAttribute("id", "model_container");
        elem.innerHTML = model;
        document.getElementById('main-container').appendChild(elem);
        importfunction(1);


    }


    function openModel(data){
        eval('var obj='+data);
        var objData = {...obj};
        var inputArray = objData.inputs;
            //console.log(inputArray);
            var model = `<div class="modal" id="myModal" role="dialog">
            <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header ppup">
                <h4 class="modal-title">Update</h4>
                <button type="button" class="close import-excel-btn" data-dismiss="modal" onclick="importclose()">&times;</button>
                </div>
                <div class="modal-body">
                <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
                    <div>
                    @csrf
                        <input name="data_id" type="hidden" id="update_data_id" value="`+objData.id+`"/>
                        <input name="article_type"  class="form-control" type="hidden" value="`+objData.article_type+`" placeholder="Eg: 10000"  required>
                        <input name="form_type"  class="form-control" type="hidden" value="`+objData.form_type+`" placeholder="Eg: 10000" required>
                    </div>
                    <div class="row">`;
                    inputArray.forEach((element) => {
                        // console.log(element.isRequired);
                        var isRequired;
                        if(element.isRequired){
                            isRequired = "required";
                        }else{
                            isRequired = "";
                        }
                        
                        var isEnable;
                        if(parseInt(element.editable)){
                            isEnable ="readonly";
                            console.log(isEnable);
                        }else{
                            var isEnable ="";
                        }
                        model +=`<div class="col-6">
                            <label class="form-label">`+element.label+`</label>
                            <input class="form-control" name="`+element.name+`" type="text" placeholder="`+element.placeholder+`"  value="`+element.value+`"  id="`+element.id+`"  `+isEnable+`  `+isRequired+` `;
                            if(element.is_function){
                                model +=element.function_type+`=`+element.function_name+`('`+element.function_body+`')`;
                            }
                            model +=`></div>`;
                    });
                        model +=`<div style='margin:10px 0;'><button class="export-btn btn btn-success" type="submit" name="submit-excel" >Update</button></div>
                    </from>
                </div>
                <div class="modal-footer">
                </div>
            </div>
            </div>
        </div>
        </div>`;

        var elem = document.createElement('div');
        elem.setAttribute("id", "model_container");
        elem.innerHTML = model;
        document.getElementById('main-container').appendChild(elem);
        importfunction(1);
    }
    $('input.numeric').keyup(function(e){
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });

</script>

    @endsection