@extends(!$download ?  'layouts.app' : 'layouts.app_witd_out_nav')
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    <style>
        .modal-lg, .modal-xl{
            max-width: 1204px;
        }
        
    </style>
    @endsection
@section('content')


<div class="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">
                {{ __('Intra group loss') }}
    </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>


        <!-- code here -->

        <table class="table table-bordered fnt" id="">
        <tr class="bd mrn bg">
            <td class="bd head-capt" style="padding-right:320
            px;">
            {{$companyDetails->taxpayer}}
            </td>
            <td style="
    width: 30%"> <span style="float:right">T.R.NO : {{($companyDetails->tax_registration_number)}}</span>
          </td>
            <td style="
    width: 88px;
">
            From Date:
            </td>
            <td style="
    width: 106px;
">
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->from))}}
            </td>
            <td style="
    width: 71px;
">
            To Date:
            </td>
            <td style="width:110px">
            {{date('d-M-Y',strtotime(@$trialBalanceDetails->to))}}
            </td>
        </tr>
</table>

    <table style="width:100%" class="table table-bordered">
    <tr class="mrn bg">
        <td >Tax period </td>
        <td>Losses </td>
        <td>Taxable Income </td>
        <td>75% of Taxable Income </td>
        <td>Set off in current tax period*</td>
        <td>Balance loss available </td>
        <td>Tax losses transferred Article 38</td>
        <td>Unabsorbed losses C/F</td>
    </tr>
    <tr>



            <td> 
                <select>
                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                                    <option value="{{$curentYr}}">
                        {{$curentYr}}
                    </option>

                
                </select>
            </td>
            <td><input id="losess_input" class="form-control numeric" type="text" name="" onkeyup="balanceLoss()" value="{{@$broughtForwardLoss->input_amount_value}}"> </input></td>
            <td></td>
            <td ></td>
            <td ></td>
            <td id="balance_loss"></td>
            <td ><button type="button" class="vs-btn" style="
    margin-top: 4px;
" data-toggle="modal" data-target="#myModal" onclick="importfunction(1)">....</button></span></td>
            <td  ></td>
    </tr>

    <!-- <tr class="bg">
            <td >Total </td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td> 
    </tr> -->



        </table>

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



    <div class="container">
   <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">

<!-- Modal -->
<div class="modal" id="myModal" role="dialog">
    <div class="modal-dialog modal-lg">
    
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" onclick="importclose()">&times;</button>
        <h4 class="modal-title"></h4>
        </div>
        <div class="modal-body">
        <table class="table table-bordered" >
        <tr>
        <td class="white bg-al  head-capt bd"style="
    text-align: center;
">Transfer of losses</td>
    </tr>

        <tr>
            <td class="mrn bd">Group Company details</td> 
        </tr>
        </table>
        <table class="table table-bordered fnt" id="poptable">
        <tr style="width:100%" class="mrn bg" >
            <th>Name of Company </th>
            <th>Legal Type</th>
            <th>Ownership (%)</th>
            <th>Accounting standard </th>
            <th>Financial year </th>
            <th>Taxable Income </th>
            <th>75% of Taxable Income </th>
            <th>Loss transferred </th>
            <th>Balance losses available </th>
            <th>Action</th>
        </tr>
<tr id="add_data_row">
<form id="add_entries">
    <input class="form-control" type="hidden" value="{{@$data_id}}" id="data_id" >
    <td><input class="form-control" type="text" id="company_name_0" name="company_name"></td>
    <td><select class="form-control" id="pop_company_list_0" name="country_type" onchange="selectCompany()">
        <option value="0">Select Company</option>
        <option value="UAE Private company private">UAE Private company</option>
        <option value="UAE partnership">UAE partnership</option>
        <option value="Foreign company">Foreign company</option>
        <option value="Club or Association or Society">Club or Association or Society</option>
        <option value="Trust">Trust</option>
        <option value="Charity">Charity</option>
        <option value="Foundation">Foundation</option>
        <option value="Federal Government Entity">Federal Government Entity</option>
        <option value="Emirate Government Entity">Emirate Government Entity</option>
        <option value="Other">Other</option>
        <option value="Individual">Individual</option>
        <option value="Sole Proprietorship/Establishment/Civil Company">Sole Proprietorship/Establishment/Civil Company</option>
        <option value="Partner in Partnership">Partner in Partnership</option>
        <option value="UAE public joint stock company">UAE public joint stock company</option>
    </select></td>
    <td>
        <input class="form-control numeric" type="text" id="popup_owership_per_0" name="popup_owership_per" disabled></td>
    <td>
        <select class="form-control" name="accounting_standard" id="accounting_standard_0" disabled>
        <option value="IFRS">IFRS</option>
        <option value="IAS">IAS</option>
        <option value="ISA">ISA</option>
        </select>
    </td>
    <td>
        <select class="form-control" name="accounting_year" id="accounting_year_0" disabled>
            <option value="January-December">January-December</option>
            <option value="April-March">April-March</option>
            <option value="July-June">July-June</option>
        </select>
    </td>
    <td><input class="form-control numeric" id="taxable_income_0" type="text" name="taxable_income" disabled onKeyup="calculateLoss()" ></td>
    <td ><input class="form-control" id="75_taxable_income_0" type="text" name="75_taxable_income" readonly></td>
    <td ><input class="form-control" id="loss_transferred_0" name="loss_transferred" type="text" readonly></td>
    <td ><input class="form-control" id="balance_loss_available_0" name="balance_loss_available" type="text" readonly></td>
    <td>
    <button class="btn btn-secondary"  id="submit_data" disabled>Add</button>
    </td>
    </from>
</tr>
    @foreach($formData as $data)
        <tr>
    <td ><input type="hidden" name="company_name_row[]" value="{{@$dataJson->company_name}}">{{@$dataJson->company_name}}</td>
    <td ><input type="hidden" name="country_type_row[]" value="{{@$dataJson->country_type}}">{{@$dataJson->country_type}}</td>
    <td ><input type="hidden" name="popup_owership_per_row[]" value="{{@$dataJson->popup_owership_per}}" >{{@$dataJson->popup_owership_per}}</td>
    <td ><input type="hidden" name="accounting_standard_row[]" value="{{@$dataJson->accounting_standard}}" >{{@$dataJson->accounting_standard}}</td>
    <td> <input  type="hidden" name="accounting_year_row[]" value="{{@$dataJson->accounting_year}}" >{{@$dataJson->accounting_year}}</td>
    <td ><input type="hidden" name="taxable_income_row[]" value="{{@$dataJson->taxable_income}}">{{@$dataJson->taxable_income}}</td>
    <td > <input type="hidden" name="75_taxable_income_row[]" value="{{@$dataJson->taxable_income75}}" >{{@$dataJson->taxable_income75}}</td>
    <td > <input type="hidden" name="loss_transferred_row[]" value="{{@$dataJson->loss_transferred}}" >{{@$dataJson->loss_transferred}}</td>
    <td > <input type="hidden" name="balance_loss_available_row[]" value="{{@$dataJson->balance_loss_available}}" >{{@$dataJson->balance_loss_available}}</td>
    <td></td>
    </tr>
    @endforeach

    <tr class="bg mrn bd">
        <td>Total</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td><input type="hidden" id="total_balane"> <span id="total_balance_value"></span></td>
        <td></td>
    </tr>
    </table>
    </div>
</div>
</div>
        <div style="margin-top:20px; float:right;">
            <button type="button" class="btn btn-success" id="save_chnage">Save Change</button>
        </div>
    </div>
        <!-- <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal" onclick="importclose()">Close</button>
        </div> -->
        
    </div>    
    </div>
</div>
</div>


<script>

//losess_input
//75_taxable_income_0
//which is less is = loss_transferred_0
//poptable




function calculateLoss(){
            $('#75_taxable_income_0').val(($('#taxable_income_0').val()/100)*75);
            
            //console.log($('#75_taxable_income_0').val()+"----- 75");
            //console.log($('#losess_input').val()+"----- losses");
            //console.log($('#losess_input').val() > parseInt($('#75_taxable_income_0').val()));
                if($('#losess_input').val() > parseInt($('#75_taxable_income_0').val())){
                    $('#loss_transferred_0').val($('#75_taxable_income_0').val());
                    $('#balance_loss_available_0').val($('#losess_input').val() - $('#75_taxable_income_0').val());
                    
            }else{
                $('#loss_transferred_0').val($('#losess_input').val());
                $('#balance_loss_available_0').val(0);
            }

        }
//
    $(document).ready(function(){
        balanceLoss();
        $('#save_chnage').click(function(){
            var input_amount_value = document.getElementById('losess_input');
            var company_name = document.getElementsByName('company_name_row[]');
            var country_type = document.getElementsByName('country_type_row[]');
            var popup_owership_per = document.getElementsByName('popup_owership_per_row[]');
            var accounting_standard = document.getElementsByName('accounting_standard_row[]');
            var accounting_year = document.getElementsByName('accounting_year_row[]');
            var taxable_income = document.getElementsByName('taxable_income_row[]');
            var taxable_income75 = document.getElementsByName('country_type_row[]');
            var loss_transferred = document.getElementsByName('loss_transferred_row[]');
            var balance_loss_available = document.getElementsByName('balance_loss_available_row[]');
            var dataArray = [];
            dataArray['input_amount_value'] = input_amount_value.value;
            dataArray['formData'] = [];
            for(var index = 0; index < company_name.length; index++){
                var rowData = [];
                console.log(">>",company_name[0]);
                rowData['company_name'] = company_name[index].value;
                rowData['country_type'] = country_type[index].value;
                rowData['popup_owership_per'] = popup_owership_per[index].value;
                rowData['accounting_standard'] = accounting_standard[index].value;
                rowData['accounting_year'] = accounting_year[index].value;
                rowData['taxable_income'] = taxable_income[index].value;
                rowData['taxable_income75'] = taxable_income75[index].value;
                rowData['loss_transferred'] = loss_transferred[index].value;
                rowData['balance_loss_available'] = balance_loss_available[index].value;
                dataArray['formData'].push(JSON.stringify({...rowData}));
            }

            dataJson = JSON.stringify({...dataArray});
            var data_id = document.getElementById('data_id').value;
            if(data_id){
                data_id = data_id;
            }else{
                data_id = 0;
            }

            var request = $.ajax({
            url: "{{url('tax-report/article/add',['id'=>$id])}}",
            type: "POST",
            data: {"_token": "{{ csrf_token() }}", "data":dataJson,"is_ajax":true,"article_type":"brought_forword_loss","form_type":"form1","data_id":data_id},
            dataType: "json"
            });
            request.done(function(msg) {
                if(msg.msg == "success"){
                    location.reload();
                }
            });
                    



        });

        $('#add_entries').on('submit', function(e){
            // validation code here
            e.preventDefault();
            var formData = $('#add_entries').serializeArray();
            var tr = document.createElement("tr");
            var rowData = `
                            <td><input type="hidden" name="company_name_row[]" value="`+formData[0].value+`" />`+formData[0].value+`</td>
                            <td><input type="hidden" name="country_type_row[]" value="`+formData[1].value+`" />`+formData[1].value+`</td>
                            <td><input type="hidden" name="popup_owership_per_row[]" value="`+formData[2].value+`"/>`+formData[2].value+`</td>
                            <td><input type="hidden" name="accounting_standard_row[]" value="`+formData[3].value+`"/>`+formData[3].value+`</td>
                            <td><input type="hidden" name="accounting_year_row[]" value="`+formData[4].value+`"/>`+formData[4].value+`</td>
                            <td><input type="hidden" name="taxable_income_row[]" value="`+formData[5].value+`"/>`+formData[5].value+`</td>
                            <td><input type="hidden" name="75_taxable_income_row[]" value="`+formData[6].value+`"/>`+formData[6].value+`</td>
                            <td><input type="hidden" name="loss_transferred_row[]" value="`+formData[7].value+`"/>`+formData[7].value+`</td>
                            <td><input type="hidden" name="balance_loss_available_row[]" value="`+formData[8].value+`"/>`+formData[8].value+`</td>
                            <td></td>
                            `;
                        tr.innerHTML = rowData;
                        var table = document.getElementById('poptable');
                        var existingNode = document.getElementById('add_data_row');
                        existingNode.parentNode.insertBefore(tr, existingNode);
                        //table.appendChild(tr);
                        document.getElementById('add_entries').reset();
                        selectCompany();
        });
                
        });
    
    
    function selectCompany(){
        var companyName = document.getElementById('pop_company_list_0');
        var submit_btn = document.getElementById('submit_data');
        var popup_owership_per = document.getElementById('popup_owership_per_0');
        var accounting_standard = document.getElementById('accounting_standard_0');
        var accounting_year = document.getElementById('accounting_year_0');
        var taxable_income = document.getElementById('taxable_income_0');
        var taxable_income_75 = document.getElementById('75_taxable_income_0');
        var loss_transferred = document.getElementById('loss_transferred_0');
        var balance_loss_available = document.getElementById('balance_loss_available_0');
        if(companyName.value !="0"){
        if(companyName.value == "UAE Private company private"){
            popup_owership_per.disabled=false;
            accounting_standard.disabled=false;
            accounting_year.disabled=false;
            taxable_income.disabled=false;
            //taxable_income_75.disabled=false;
            //loss_transferred.disabled=false;
            //balance_loss_available.disabled=false;
            submit_btn.disabled=false;
            submit_btn.classList.remove("btn-secondary");
            submit_btn.classList.add("btn-success");
            //disabled=true;
        }else{
            popup_owership_per.disabled=true;
            accounting_standard.disabled=true;
            accounting_year.disabled=true;
            taxable_income.disabled=true;
            //taxable_income_75.disabled=true;
            //loss_transferred.disabled=true;
            //balance_loss_available.disabled=true;
            submit_btn.disabled=false;
            submit_btn.classList.remove("btn-secondary");
            submit_btn.classList.add("btn-success");
        }

        }else{
            submit_btn.disabled=true;
            popup_owership_per.disabled=true;
            accounting_standard.disabled=true;
            accounting_year.disabled=true;
            taxable_income.disabled=true;
            //taxable_income_75.disabled=true;
            //loss_transferred.disabled=true;
            //balance_loss_available.disabled=true;
            submit_btn.classList.remove("btn-success");
            submit_btn.classList.add("btn-secondary");
        }
        
    }   

    function balanceLoss(){
    document.getElementById('balance_loss').innerHTML = document.getElementById('losess_input').value;
        //balance_loss
    }

  function importfunction(id){
    console.log(id);
      $("#myModal").toggle();
       $('#company_id').val(id);
      // console.log(company_id);
  }
 function importclose(){
  $("#myModal").toggle();
 }
 $('input.numeric').keyup(function(e){
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });

</script>

@endsection