@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav',['dashBoardTitle'=>'ARTICLE 30'])
    @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')
<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">
                {{ __('ARTICLE 30') }}
</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> -->

    
<form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
@csrf
<input name="data_id"  class="form-control" type="hidden" value="{{@$data_id}}" placeholder="Eg: 10000"  required>
<input name="article_type"  class="form-control" type="hidden" value="article30" placeholder="Eg: 10000"  required>
<input name="form_type"  class="form-control" type="hidden" value="form_one" placeholder="Eg: 10000" required>
<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 fnt">
        <tr class="blu bd bg">
            <td style="width:570px;">Computation of disallowance</td>
            <td style="width:173px;"></td>
            <td style="width:173px;"></td>
            <td style="width:173px;"></td>
        </tr>
        <tr class="mrn bg bd">
            <td>Limit set by the minister 
            </td>
            <td></td>
            <td></td>
            <td>    </td>
        </tr>
        <tr class="mrn bg bd">
            <td >Current tax period details 
            </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr class="mrn bg bd text-center">
            <td></td>
            <td>CY 
            </td>
            <td>B/F 
            </td>
            <td>Total 
            </td>
        </tr>
        <tr class="blu">
            <td class="bg">EBITDA*
                &nbsp; &nbsp; &nbsp;
                <a data-toggle="modal" data-target="#exampleModal" class="btn  btn-outline-secondary float-right" style="margin-right:2px;"><i class="fa-sharp fa-regular fa-ellipsis fn-11"></i></a>

            </td>
            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header ppup">
      <div class="modal-body bold ">
      Whether Net Interest Expenditure exceeding AED 12 million ?
      </div>
        <h5 class="modal-title" id="exampleModalLabel"></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>

      <div class="modal-footer">
        <a type="button" href="{{url('tax-report/calculate-ebidta',['report_id'=>$id])}}" class="btn btn-success">YES</a>
        <button type="button" class="btn btn-danger" data-dismiss="modal">NO</button>
      </div>
    </div>
  </div>
</div>
            <td class="tr"> </td>
            <td></td>
            <td class=" bg"></td>
        </tr>
        <tr class="blu">
            <td class="bg">Limit (30% of EBITDA)
            </td>
            <td></td>
            <td></td>
            <td class="bg tr">   </td>
        </tr>
       
        <tr class="blu">
            <td class="bg">Net Interest Expenses
            </td>
            <td class="tr">     </td>
            <td class="tr"> </td>
            <td class="bg tr">      </td>
        </tr>
        <tr class="blu">
            <td class="bg">Maximum Net interest expenditure allowable 
            </td>
            <td class="tr">   </td>
            <td></td>
            <td class="bg"></td>
        </tr> 

        <tr class="blu">
            <td class="bg">Interest disallowed and c/f
            </td>
            <td></td>
            <td></td>
            <td class="bg tr">   </td>
        </tr>
        <tr class="blu">
            <td class="bg">Net amount for computation 
            </td>
            <td></td>
            <td></td>
            <td class="bg"></td>
        </tr>
        <tr class="blu">
            <td class="bg">Disallowed amount for Current tax period less allowed amount out of B/F interest 
            </td>
            <td></td>
            <td></td>
            <td class="bg tr">  </td>
        </tr>
    </table>
   <p class="bold mrn"> Earlier tax period details</p> 
    <table class="table table-bordered fnt">
        <tr class="blu bd bg">
            <td style="width:507px">Interest disallowed in earlier years B/F </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr class="blu">
            <td class="">Tax period </td>
            <td>B/F Interest</td>
            <td style="
    width: 213px;
">Allowed in Current Tax period </td>
            <td>Interest C/F</td>
        </tr>
        <tr class="blu">
            <td class="bg">2024-25</td>
            <td></td>
            <td></td>
            <td class="bg" style="width:190px"></td>
</tr>
<tr class="blu">
    <td class="bg">Total </td>
    <td></td>
    <td></td>
    <td></td>
</tr>
</table>
</div>
    <!-- <div style="float:right">
            <button type="submit" class="btn btn-success"style="margin-top:6px">Update</button>
    </div> -->
</div>
</form>

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


<script>
document.getElementById('ebitda_cal_id').addEventListener("change", calculateEbidta);

function getPLValue(report_id,item_name,type){
    var returnValue = 0;
        var request = $.ajax({
            url: "{{url('get-item-value')}}",
            type: "GET",
            data: {"_token": "{{ csrf_token() }}", "id":report_id,"name":item_name},
            dataType: "json"
        });

        request.done(function(data) {
            var returnValue = data.debit_value;
        });

        return returnValue;

}

function calculateEbidta(){
    var ebidta = document.getElementById('ebitda_cal_id');
    var nextBadge = document.getElementById('selected_item_span_'+ebidta.value);
    var id = '{{$id}}';
    console.log(id);
    if(ebidta.value > 0){
        if(!nextBadge){
        var ebidta_container = document.getElementById('badge_container');
        var innerDiv = document.createElement("span");
        var text = ebidta.options[ebidta.selectedIndex].text;
        var sectionName = text;
        var badge = `<span class="badge rounded-pill text-bg-info" id="selected_item_span_`+ebidta.value+`">`+text+` &nbsp; &nbsp; &nbsp; &nbsp;  <span class="cancel_btn" id="selected_item_span_delete">x</span></span>`;
        innerDiv.innerHTML = badge;
        ebidta_container.appendChild(innerDiv);
        console.log(getPLValue(id,text,'debit'));
        }
    }
}

function percentage(percentage, totalValue) {
        var partialValue = (totalValue/100) * percentage;
        return partialValue;
} 

function nullCheck(number){
        if(!number){
            if(Number.isInteger(number)){
                return number;
            }else{
                return 0;
            }
        }else{
            return 0;
        }

        return 0;
            
}
function taxCalculation(){
    $('input.numeric').keyup(function(e){
        $(this).val($(this).val().replace(/[^0-9]/g, ''));
        });
    const tax_limit = document.getElementById('tax_limit');
    const ebitda = document.getElementById('ebitda');
    const ebitda_30 = document.getElementById('ebitda_30');
    const int_exp = document.getElementById('int_exp');
    const int_inc = document.getElementById('int_inc');
    const net_int = document.getElementById('net_int');
    const last_yr_carry = document.getElementById('last_yr_carry');
    const total_interest_calucated = document.getElementById('total_interest_calucated');
    const disallowed_interest = document.getElementById('disallowed_interest');
    const disallowed_amount_ct_period = document.getElementById('disallowed_amount_ct_period');

    ebitda_30.value = percentage(30,ebitda.value);
    net_int.value = (int_exp.value != "" ? parseInt(int_exp.value) : 0) - (int_inc.value != "" ? parseInt(int_inc.value) : 0);
    total_interest_calucated.value = (last_yr_carry.value !="" ? parseInt(last_yr_carry.value): 0) + (net_int.value !="" ? parseInt(net_int.value) : 0);
    if(parseInt(total_interest_calucated.value) >= parseInt(tax_limit.value)){
    disallowed_interest.value =  (total_interest_calucated.value !="" ? parseInt(total_interest_calucated.value) : 0) - (ebitda_30.value !="" ? parseInt(ebitda_30.value) : 0);
    disallowed_amount_ct_period.value = (disallowed_interest.value !="" ? Math.abs(disallowed_interest.value): 0) - (last_yr_carry.value !="" ? parseInt(last_yr_carry.value) :0);
    if(document.getElementById('disallowed_interest').value <= 0){
        document.getElementById('disallowed_amount_ct_period').value = 0;
    }else{
        disallowed_amount_ct_period.value = (disallowed_interest.value !="" ? Math.abs(disallowed_interest.value): 0) - (last_yr_carry.value !="" ? parseInt(last_yr_carry.value) :0);
    }
    }else{
        disallowed_interest.value = total_interest_calucated.value;
        disallowed_amount_ct_period.value = total_interest_calucated.value;
    }
    if(ebitda_30.value <= 0){
        disallowed_interest.value = 0;
        disallowed_amount_ct_period.value = 0;
    }

    if(disallowed_interest.value <= 0){
        disallowed_interest.value = 0;
        disallowed_amount_ct_period.value = 0;
    }








}

</script>


@endsection