@extends('layouts.app',['dashBoardTitle'=>'LOSSES RECEIVED'])
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">

    @endsection

@section('buttons')
    
        <!-- <div class="d-flex justify-content-end hedr-wdth">
            <a title="Trial Balance" class="export-btn btn btn-success btn-wdth"  href=""><i class="fa-regular fa-sheet-plastic"></i>&nbsp;TB</a>
            <a title="Profit & Loss" class="export-btn btn btn-success btn-wdth"  href=""><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=""><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=""><i class="fa-regular fa-file-pen"></i>&nbsp;TR</a>
        </div> -->
   
@endsection
@section('content')
<style>
    .error{
        text-align:center;
        color:red;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

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

<div class="mrn bold">
Losses received from group companies 
</div>

<table class="table table-bordered fnt">
<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">
<form id="losses_form" method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
    @csrf
    <input name="article_type"  class="form-control" type="hidden" value="losses_received" placeholder="Eg: 10000"  required>
    <input name="form_type"  class="form-control" type="hidden" value="addform" placeholder="Eg: 10000" required>
<tr>
    <td>Company name</td>
    <td><input class="form-control" type="text" id="company_name" name="company_name" required></td>
</tr>
<tr>
    <td>CT TRN</td>
    <td><input class="form-control" type="text" id="ct_trn" name="ct_trn" required></td>
</tr>
<tr>
    <td>Losses Amount (transferror company)</td>
    <td>
        <input class="form-control" type="number" step="0.01" id="losses_amount" name="loss_amount" onkeyup="calcu()" required>
       
    </td>
</tr>
<tr>
    <td>Taxable Income (transferee company)</td>
    <td><input class="form-control" type="number" step="0.01" id="taxable_income" name="taxable_income" value="10000" onkeyup="calcu()" required readonly></td>
</tr>
<tr>
    <td>75% of Taxable Income</td>
    <td><input class="form-control" type="text" id="taxable_75_income" name="taxable_income_75" onkeyup="calcu()" required readonly></td>
</tr>
<tr>
    <td>Set off in current tax period</td>
    <td>
    <input class="form-control" type="text" id="set_off" name="set_off_in_current_tax_period"  required readonly>
    <div class="error" id="error_losses_amount">
            <span id="error_losses_amount_content"></span>
    </div>
</td>
</tr>

<tr>
<td></td>
<td>
    <button id="add_btn" class="btn btn-success" type="submit">Add</button>
</td>
</tr>
</table>


<table style="width:100%" class="table table-bordered">
    <tr class="mrn bg">
        <td>Company name</td>
        <td>CT TRN	</td>
        <td>Losses Amount (transferror company)	</td>
        <td>Taxable Income (transferee company)	</td>
        <td>75% of Taxable Income</td>
        <td>Set off in current tax period*</td>
        <td>Action</td>

    </tr>
    @php
        $totalLossReceived = 0;
    @endphp
    @if(count($lossReceiveds) > 0)
    @foreach($lossReceiveds as $lossReceived)

            @php 
                $data = json_decode($lossReceived->data);
                $totalLossReceived += $data->set_off_in_current_tax_period;

            @endphp
    <tr >
            <td>{{$data->company_name}}</td>
            <td>{{$data->ct_trn}}</td>
            <td>{{$data->loss_amount}}</td> 
            <td>{{$data->taxable_income}}</td>
            <td>{{$data->taxable_income_75}}</td>
            <td>{{$data->set_off_in_current_tax_period}}</td>
            <td>
            <div class="d-flex" style="gap:5px;">
                <button class="btn btn-success">
                <i class="fa-sharp fa-regular fa-pen-to-square"></i>
                </button>

                <button class="btn btn-success">
                <i class="fa-sharp fa-regular fa-trash"></i>
                </button>
            </div>
            </td>
    </tr>
    @endforeach
    @endif

    
    <tr  id="total_row">
            <td >Total </td>
            <td></td>
            <td></td> 
            <td></td>
            <td></td>
            <td class="bold">{{$totalLossReceived}}</td>
            <td class="bold"></td>
    </tr>


</table>




<script>
$(document).ready(function() {
    calcu();
});

    function calcu(){
        

        var taxableIncome = document.getElementById('taxable_income');
        var taxable75Income = document.getElementById('taxable_75_income');
        taxable75Income.value = ((taxableIncome.value/100)*75);
        var setoff =  document.getElementById('set_off');
        var lossesAmount =  document.getElementById('losses_amount');

       
        if(parseInt((taxable75Income.value) ? taxable75Income.value : 0) >= parseInt((lossesAmount.value) ? lossesAmount.value : 0)){
            setoff.value =   (lossesAmount.value) ? lossesAmount.value : 0;
        }else{
            setoff.value =   (taxable75Income.value) ? taxable75Income.value : 0;

        }

        var totalLossReceived = '{{$totalLossReceived}}';
        var setoffValue = document.getElementById('set_off').value;
        var totalValue = parseInt(setoffValue) + parseInt(totalLossReceived);
        var taxableIncomevalue = document.getElementById('taxable_income').value;
        if(totalValue >  parseInt((taxableIncomevalue/100)*75)){
            $('#error_losses_amount').css('display','block');
            $('#error_losses_amount_content').text('Exceeding the allowed amount');
            $('#add_btn').prop('disabled', true);
            $('#add_btn').css('display', 'none');

            
        }else{
            $('#error_losses_amount').css('display','none');
            $('#error_losses_amount_content').text('');
            $('#add_btn').prop('disabled', false);
            $('#add_btn').css('display', 'block');

        }



    }

</script>


@endsection