@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav',['dashBoardTitle'=>'ARTICLE 20'])
    @section('script')
    <link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">
    <style>
        #correct_option_msg{
            display:none;
        }
        #save_unreaised_capital_loss_data{
            display:none;
        }
    </style>
    @endsection
@section('buttons')
    @if(!$download)
        <div class="d-flex justify-content-end hedr-wdth">
        <a href="#"  title="Export Excel" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=excel"><i class="fa-sharp fa-solid fa-file-excel"></i> </a>
        <a href="#"  title="Export PDF" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=pdf"><i class="fa-sharp fa-solid fa-file-pdf"></i> </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 head-capt">
{{ __('Unrealised Capital Gain Loss') }}
</div>
                
                @if(!$download)
                <div class="d-flex justify-content-end">
                <a href="#"  title="Export Excel" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=excel"><i class="fa-sharp fa-solid fa-file-excel"></i> </a>
                <a href="#"  title="Export PDF" class="export-btn btn btn-success btn-wdth"  href="{{url('balance_sheet',[$id])}}?doc=pdf"><i class="fa-sharp fa-solid fa-file-pdf"></i> </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 fnt" id="table_unrealised_capital_gain_loss">


<input type="hidden" id="data_id" name="data_id" value="{{@$unrealiseLosses->id}}">
<tr class="mrn bd bg">
    <td>Fair value accounting and capital asset adjustments comparison</td>
        <td>
            <select class="form-control" id="selected_option" >
            <option value="Option1"
            @if(@$arrayUnrealisedLoss->selected_option == "Option1")
                    {{"selected"}}
            @endif
            >Option 1</option>
            <option value="Option2"
            @if(@$arrayUnrealisedLoss->selected_option == "Option2")
                    {{"selected"}}
            @endif
            >Option 2</option>

            <option value="none"
            @if(@$arrayUnrealisedLoss->selected_option == "none")
                    {{"selected"}}
            @endif
            >None</option>

            </select>
        </td>
    <td style="width:140px"></td>
    <td></td>
</tr>

<tr class="mrn bd bg">
    <td>Option 1 : (Realisation basis for assets & liabilities held on capital & revenue account)</td>
    <td>Income </td>
    <td>Tax </td>
    <td></td>
</tr>
<tr class="blu bg">
    <td>Net accounting profit/(loss) before tax</td>
    <td><input class="form-control" type="text" id="net_pl" name="net_pl" value="{{keycheck(@$profitLoss)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="blu bg">
    <td>Add / (Less) : Adjustments </td>
    <td>
        <!-- <input class="form-control" type="text" id="adjustment_opt1" name="adjustment_opt1" value="{{keycheck(@$arrayUnrealisedLoss->adjustment_opt1)}}" readonly> -->
    </td>
    <td></td>
    <td></td>

</tr>


        
        @if($arrayUnrealisedLoss)
        @foreach($arrayUnrealisedLoss->add_unrealised_losses_op1 as $unrealiseLossesOp1)
        <tr id="add_unrealised_losses_op1_{{$loop->iteration}}" >
        <td class="blu">Add : Unrealised losses on revenue items </td>
        <td>{{$unrealiseLossesOp1}}<input type="hidden" name="add_unrealised_losses_op1[]" value="{{keycheck(@$unrealiseLossesOp1)}}"> </input></td>
        <td></td>
        <td>
        <button class="btn" onclick="deleteItem(`add_unrealised_losses_op1_{{$loop->iteration}}`,'1')">
            <i style="color:red; cursor:pointer;" class="fa-solid fa-xmark"></i>
        </button>
        </td>
        </tr>
        @endforeach
        @endif


<tr class="blu" id="unrealised_capital_gain_form_row_1">
    <form class="add_filed unrealised_capital_gain_form" id="add_filed_1" method="POST">
        <td>Add : Unrealised losses on revenue items </td>
        <td>
            <input class="form-control" type="hidden" value="Add : Unrealised losses on revenue items"  name="name" >
            <input class="form-control unrealised_capital_gain_form_input_1" type="number" id="add_unrealised_losses_op1" value="0" name="add_unrealised_losses_op1[]" onKeyup="calculated(1)">
            <input class="form-control" type="hidden"  name="report_id" value="{{$id}}" >
        </td>
        <td></td>
        <td>
            <button type="submit" class="btn btn-success" >Add</button>
        </td>
    </form>
</tr>


        @if($arrayUnrealisedLoss)
        @foreach($arrayUnrealisedLoss->less_unrealised_gain_capital_op1 as $unrealiseLossesOp1)
        <tr id="less_unrealised_gain_capital_op1_{{$loop->iteration}}">
        <td class="blu">Less : Unrealised gains on capital items </td>
        <td>{{$unrealiseLossesOp1}}<input type="hidden" name="less_unrealised_gain_capital_op1[]" value="{{keycheck(@$unrealiseLossesOp1)}}"> </input></td>
        <td></td>
        <td>
        <button class="btn" onclick="deleteItem(`less_unrealised_gain_capital_op1_{{$loop->iteration}}`,'1')">
            <i style="color:red; cursor:pointer;" class="fa-solid fa-xmark"></i>
        </button>
        </td>
        </tr>
        @endforeach
        @endif

<tr  class="blu" id="unrealised_capital_gain_form_row_2">
    <form class="add_filed unrealised_capital_gain_form" id="add_filed_2" method="POST">
        <td>Less : Unrealised gains on capital items </td>
        <td>
            <input class="form-control" type="hidden" value="Less : Unrealised gains on capital items"  name="name" >
            <input class="form-control unrealised_capital_gain_form_input_2"  type="number" id="less_unrealised_gain_capital_op1" value="0" name="less_unrealised_gain_capital_op1[]" onKeyup="calculated(1)">
            <input class="form-control" type="hidden"  name="report_id" value="{{$id}}" >
        </td>
        <td></td>
        <td>
            <button class="btn btn-success" >Add</button>
        </td>
    </form>
</tr>

<tr class="bg blu">
    <td>Taxable Income after adjustments </td>
    <td><input class="form-control" type="text" id="taxable_income_after_adjustment_opt1" name="taxable_income_after_adjustment_opt1" value="{{keycheck(@$arrayUnrealisedLoss->taxable_income_after_adjustment_opt1)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Less : Tax losses relief </td>
    <td><input class="form-control" type="text" id="less_tax_losses_relief_opt1" name="less_tax_losses_relief_opt1" value="{{keycheck(@$arrayUnrealisedLoss->less_tax_losses_relief_opt1)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Final Taxable Income </td>
    <td><input class="form-control" type="text" id="final_taxable_income_opt1" name="final_taxable_income_opt1" value="{{keycheck(@$arrayUnrealisedLoss->final_taxable_income_opt1)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Less : Exemption threshold </td>
    <td><input class="form-control" type="number" id="less_exemption_threshold_opt1" name="less_exemption_threshold_opt1" value="{{keycheck(@$arrayUnrealisedLoss->less_exemption_threshold_opt1)}}" onKeyup="calculated(1)"></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Balance Taxable Income </td>
    <td><input class="form-control" type="text" id="balance_taxable_income_opt1" name="balance_taxable_income_opt1" value="{{keycheck(@$arrayUnrealisedLoss->balance_taxable_income_opt1)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg bd blu">
    <td>Corporate Tax payable under Option 1</td>
    <td><input class="form-control" type="text" id="corporate_tax_payable_opt1" name="corporate_tax_payable_opt1" value="{{keycheck(@$arrayUnrealisedLoss->corporate_tax_payable_opt1)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg mrn bd">
    <td>Option 2 : (Realisation basis for assets & liabilities held on capital account only)</td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
        <td>Add / (Less) : Adjustments </td>
        <td>
            <!-- <input class="form-control" type="text" id="adjustment_opt2" name="adjustment_opt2" value="{{keycheck(@$arrayUnrealisedLoss->adjustment_opt2)}}" readonly> -->
        </td>
        <td></td>
        <td></td>
</tr >

        @if($arrayUnrealisedLoss)
        @foreach($arrayUnrealisedLoss->add_unrealised_losses_op2 as $unrealiseLossesOp1)
        <tr id="add_unrealised_losses_op2_{{$loop->iteration}}">
        <td class="blu">Add : Unrealised losses on revenue items </td>
        <td>{{$unrealiseLossesOp1}}<input type="hidden" name="add_unrealised_losses_op2[]" value="{{keycheck(@$unrealiseLossesOp1)}}"> </input></td>
        <td></td>
        <td> 
        <button class="btn" onclick="deleteItem(`add_unrealised_losses_op2_{{$loop->iteration}}`,'2')">
            <i style="color:red; cursor:pointer;" class="fa-solid fa-xmark"></i>
        </button>
        </td>
        </tr>
        @endforeach
        @endif


<tr class=" blu" id="unrealised_capital_gain_form_row_3">
    <td>Add : Unrealised losses</td>
    <form class="add_filed unrealised_capital_gain_form" id="add_filed_3">
    <td>
        <input class="form-control" type="hidden" value="Add : Unrealised losses"  name="name" >
        <input class="form-control unrealised_capital_gain_form_input_3" type="number"   name="add_unrealised_losses_op2[]" id="add_unrealised_losses_op2" value="0" onKeyup="calculated(2)">
        <input class="form-control" type="hidden"  name="report_id" value="{{$id}}">
    </td>
        <td></td>
        <td>
            <button class="btn btn-success" >Add</button>
        </td>
    </form>
</tr>


        @if($arrayUnrealisedLoss)
        @foreach($arrayUnrealisedLoss->less_unrealised_gain_capital_op2 as $unrealiseLossesOp1)
        <tr>
        <td class="blu">Less : Unrealised gains on capital items </td>
        <td>{{$unrealiseLossesOp1}}<input type="hidden" name="add_unrealised_losses_op2[]" value="{{keycheck(@$unrealiseLossesOp1)}}"> </input></td>
        <td></td>
        <td></td>
        </tr>
        @endforeach
        @endif

<tr class="blu" id="unrealised_capital_gain_form_row_4">
    <td>Less : Unrealised gains on capital items </td>
    <form class="add_filed unrealised_capital_gain_form" id="add_filed_4">
    <td>
    <input class="form-control" type="hidden" value="Less : Unrealised gains on capital items "  name="name" >
        <input class="form-control unrealised_capital_gain_form_input_4" type="number"  name="less_unrealised_gain_capital_op2[]" id="less_unrealised_gain_capital_op2" value="0" onKeyup="calculated(2)">
        <input class="form-control" type="hidden"  name="report_id" value="{{$id}}">
    </td>
    <td></td>
    <td>
        <button class="btn btn-success" >Add</button>
    </td>
    </form>
</tr>

<tr class="bg blu">
    <td>Taxable Income after adjustments </td>
    <td><input class="form-control" type="text" id="taxable_income_after_adjustment_opt2" name="taxable_income_after_adjustment_opt2" value="{{keycheck(@$arrayUnrealisedLoss->taxable_income_after_adjustment_opt2)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Less : Tax losses relief </td>
    <td><input class="form-control" type="text" id="less_tax_losses_relief_opt2" name="less_tax_losses_relief_opt2" value="{{keycheck(@$arrayUnrealisedLoss->less_tax_losses_relief_opt2)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Final Taxable Income </td>
    <td><input class="form-control" type="text" id="final_taxable_income_opt2" name="final_taxable_income_opt2" value="{{keycheck(@$arrayUnrealisedLoss->final_taxable_income_opt2)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Less : Exemption threshold </td>
    <td><input class="form-control" type="number" id="less_exemption_threshold_opt2" name="less_exemption_threshold_opt2" value="{{keycheck(@$arrayUnrealisedLoss->less_exemption_threshold_opt2)}}" onKeyup="calculated(2)"></td>
    <td></td>
    <td></td>
</tr>
<tr class="bg blu">
    <td>Balance Taxable Income </td>
    <td><input class="form-control" type="text" id="balance_taxable_income_opt2" name="balance_taxable_income_opt2" value="{{keycheck(@$arrayUnrealisedLoss->balance_taxable_income_opt2)}}" readonly></td>
    <td></td>
    <td></td>
</tr>
<tr class="bd bg blu">
    <td>Corporate Tax payable under Option 2</td>
    <td><input class="form-control" type="text" id="corporate_tax_payable_opt2" name="corporate_tax_payable_opt2" value="{{keycheck(@$arrayUnrealisedLoss->corporate_tax_payable_opt2)}}" readonly></td>
    <td></td>
    <td></td>
</tr>


<tr >
    <td></td>
    <td></td>
    <td colspan="2">
    <div>
        <button type="submit" class="btn btn-success" id="save_unreaised_capital_loss_data">Save Change</button>
    </div>
    </td>
</tr>
        

</table>

        <div id="correct_option_msg">
            <h3 class=" bd bg">In the given scenario, <span id="correct_opt1"> option 2 </span> seems to be more beneficial as compared to option</h3>
            <h3 class=" bd bg">Tax savings if opted for <span id="correct_opt2"> option 2 </span> = <span id="difference_amount" >1350</span> </h3>
        </div>

        </div>
    </div>

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



    <script>
    
    function selectedOption(){
        if($('#selected_option').val() == "none"){
            $('td> .btn').prop('disabled', true);
            $('td> .btn').css('background-color', "grey");
            $('#add_unrealised_losses_op1').prop('disabled', true);
            $('#less_unrealised_gain_capital_op1').prop('disabled', true);
            $('#add_unrealised_losses_op2').prop('disabled', true);
            $('#less_unrealised_gain_capital_op2').prop('disabled', true);
            $('#less_exemption_threshold_opt1').prop('disabled', true);
            $('#less_exemption_threshold_opt2').prop('disabled', true);
            
            

        }else{
            $('td> .btn').prop('disabled', false);
            $('td> .btn').css('background-color', "#22b3ab");
            $('#add_unrealised_losses_op1').prop('disabled', false);
            $('#less_unrealised_gain_capital_op1').prop('disabled', false);
            $('#add_unrealised_losses_op2').prop('disabled', false);
            $('#less_unrealised_gain_capital_op2').prop('disabled', false);
            $('#less_exemption_threshold_opt1').prop('disabled', false);
            $('#less_exemption_threshold_opt2').prop('disabled', false);
        }
    }

    $('#selected_option').change(function(){
        selectedOption()
    });
    

    $("#save_unreaised_capital_loss_data").click(function(){
            var data_id = document.getElementById('data_id');
            var selected_option = document.getElementById('selected_option');
            var net_pl = document.getElementById('net_pl');
            //var adjustment_opt1 = document.getElementById('adjustment_opt1');
            var add_unrealised_losses_op1 = document.getElementsByName('add_unrealised_losses_op1[]');
            var less_unrealised_gain_capital_op1 = document.getElementsByName('less_unrealised_gain_capital_op1[]');
            var taxable_income_after_adjustment_opt1 = document.getElementById('taxable_income_after_adjustment_opt1');
            var less_tax_losses_relief_opt1 = document.getElementById('less_tax_losses_relief_opt1');
            var final_taxable_income_opt1 = document.getElementById('final_taxable_income_opt1');
            var less_exemption_threshold_opt1 = document.getElementById('less_exemption_threshold_opt1');
            var balance_taxable_income_opt1 = document.getElementById('balance_taxable_income_opt1');
            var corporate_tax_payable_opt1 = document.getElementById('corporate_tax_payable_opt1');

            //var adjustment_opt2 = document.getElementById('adjustment_opt2');
            var add_unrealised_losses_op2 = document.getElementsByName('add_unrealised_losses_op2[]');
            var less_unrealised_gain_capital_op2 = document.getElementsByName('less_unrealised_gain_capital_op2[]');
            var taxable_income_after_adjustment_opt2 = document.getElementById('taxable_income_after_adjustment_opt2');
            var less_tax_losses_relief_opt2 = document.getElementById('less_tax_losses_relief_opt2');
            var final_taxable_income_opt2 = document.getElementById('final_taxable_income_opt2');
            var balance_taxable_income_opt2 = document.getElementById('balance_taxable_income_opt2');
            var corporate_tax_payable_opt2 = document.getElementById('corporate_tax_payable_opt2');

            var dataArray = [];
            dataArray['selected_option'] = selected_option.value;
            dataArray['pl_amount'] = net_pl.value;
            //dataArray['adjustment_opt1'] = adjustment_opt1.value;
            
            dataArray['add_unrealised_losses_op1'] = [];
            add_unrealised_losses_op1.forEach(add_unrealised_losses_op1 => {
                if(add_unrealised_losses_op1.value != 0){
                    dataArray['add_unrealised_losses_op1'].push(add_unrealised_losses_op1.value);
                }
            });

            dataArray['less_unrealised_gain_capital_op1'] = [];
            less_unrealised_gain_capital_op1.forEach(less_unrealised_gain_capital_op1 => {
                if(less_unrealised_gain_capital_op1.value != 0){
                dataArray['less_unrealised_gain_capital_op1'].push(less_unrealised_gain_capital_op1.value);
                }
                
            });

            dataArray['taxable_income_after_adjustment_opt1'] = (taxable_income_after_adjustment_opt1.value) ? taxable_income_after_adjustment_opt1.value : 0;
            dataArray['less_tax_losses_relief_opt1'] = (less_tax_losses_relief_opt1.value) ? less_tax_losses_relief_opt1.value : 0;
            dataArray['final_taxable_income_opt1'] = (final_taxable_income_opt1.value) ? final_taxable_income_opt1.value : 0;
            dataArray['less_exemption_threshold_opt1'] = (less_exemption_threshold_opt1.value) ? less_exemption_threshold_opt1.value : 0;
            dataArray['balance_taxable_income_opt1'] = (balance_taxable_income_opt1.value) ? balance_taxable_income_opt1.value : 0;
            dataArray['corporate_tax_payable_opt1'] = (corporate_tax_payable_opt1.value) ? corporate_tax_payable_opt1.value : 0;

           // dataArray['adjustment_opt2'] = (adjustment_opt2.value) ? adjustment_opt2.value : 0;
            dataArray['add_unrealised_losses_op2'] = (add_unrealised_losses_op2.value) ? add_unrealised_losses_op2.value : 0;
            dataArray['less_unrealised_gain_capital_op2'] = (less_unrealised_gain_capital_op2.value) ? less_unrealised_gain_capital_op2.value : 0;


            dataArray['add_unrealised_losses_op2'] = [];
            add_unrealised_losses_op2.forEach(add_unrealised_losses_op2 => {
                if(add_unrealised_losses_op2.value !=0){
                    dataArray['add_unrealised_losses_op2'].push(add_unrealised_losses_op2.value);
                }
            });

            
            
            dataArray['less_unrealised_gain_capital_op2'] = [];
            less_unrealised_gain_capital_op2.forEach(less_unrealised_gain_capital_op2 => {
                if(less_unrealised_gain_capital_op2.value !=0){
                    dataArray['less_unrealised_gain_capital_op2'].push(less_unrealised_gain_capital_op2.value);
                }
            });

            dataArray['taxable_income_after_adjustment_opt2'] = taxable_income_after_adjustment_opt2.value;
            dataArray['less_tax_losses_relief_opt2'] = less_tax_losses_relief_opt2.value;
            dataArray['final_taxable_income_opt2'] = final_taxable_income_opt2.value;
            dataArray['less_exemption_threshold_opt2'] = less_exemption_threshold_opt2.value;
            dataArray['balance_taxable_income_opt2'] = balance_taxable_income_opt2.value;
            dataArray['corporate_tax_payable_opt2'] = corporate_tax_payable_opt2.value;
            var dataObject =  {...dataArray};
            var dataJson  = JSON.stringify(dataObject);

            
            if(data_id.value){
                data_id = data_id.value;
            }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":"unrealised_gain_capital","form_type":"form1","data_id":data_id},
            dataType: "json"
            });
            request.done(function(msg) {
                if(msg.msg == "success"){
                    location.reload();
                }
            });
        });


        function calculated(type){
        var net_pl = document.getElementById('net_pl');
        //var adjustment_opt = document.getElementById('adjustment_opt'+type);
        var add_unrealised_losses_op = document.getElementsByName('add_unrealised_losses_op'+type+'[]');
        var less_unrealised_gain_capital_op = document.getElementsByName('less_unrealised_gain_capital_op'+type+'[]');
        var less_exemption_threshold_opt = document.getElementById('less_exemption_threshold_opt'+type);
        var taxable_income_after_adjustment_opt = document.getElementById('taxable_income_after_adjustment_opt'+type);
        var final_taxable_income_opt = document.getElementById('final_taxable_income_opt'+type);
        var balance_taxable_income_opt = document.getElementById('balance_taxable_income_opt'+type);
        var corporate_tax_payable_opt = document.getElementById('corporate_tax_payable_opt'+type);
        var less_tax_losses_relief_opt = document.getElementById('less_tax_losses_relief_opt'+type);
        
        var total_add_unrealised_losses_op = 0;
        add_unrealised_losses_op.forEach(add_unrealised_losses_op => {
            total_add_unrealised_losses_op += parseInt(add_unrealised_losses_op.value);
        });

        var total_less_unrealised_gain_capital_op = 0;
        less_unrealised_gain_capital_op.forEach(less_unrealised_gain_capital_op => {
            total_less_unrealised_gain_capital_op += parseInt(less_unrealised_gain_capital_op.value);
        });

        var balanceAmount = taxable_income_after_adjustment_opt.value = parseInt((net_pl.value) ? net_pl.value : 0)+parseInt((total_add_unrealised_losses_op) ? total_add_unrealised_losses_op : 0)-parseInt((total_less_unrealised_gain_capital_op) ? total_less_unrealised_gain_capital_op : 0);
        final_taxable_income_opt.value = balanceAmount - less_tax_losses_relief_opt.value;
        balanceAmount = balanceAmount - less_exemption_threshold_opt.value;
        balance_taxable_income_opt.value = balanceAmount;
        corporate_tax_payable_opt.value = ((balanceAmount/100)*9);

        if(parseInt(document.getElementById('corporate_tax_payable_opt1').value) > 0  && parseInt(document.getElementById('corporate_tax_payable_opt2').value) > 0 && parseInt(document.getElementById('corporate_tax_payable_opt2').value) != parseInt(document.getElementById('corporate_tax_payable_opt1').value)){
                var coprate_tax1 = document.getElementById('corporate_tax_payable_opt1');
                var coprate_tax2 = document.getElementById('corporate_tax_payable_opt2'); 
                var correct_span1 = document.getElementById('correct_opt1'); 
                var correct_span2 = document.getElementById('correct_opt2'); 
                var difference_amount = document.getElementById('difference_amount');
                if(coprate_tax1.value > coprate_tax2.value){
                    correct_span1.innerHTML = "option 2";
                    correct_span2.innerHTML = "option 2";
                    difference_amount.innerHTML = parseInt(coprate_tax1.value) - parseInt(coprate_tax2.value);
                }else{
                    correct_span1.innerHTML = "option 2";
                    correct_span2.innerHTML = "option 2";
                    difference_amount.innerHTML = parseInt(coprate_tax2.value) - parseInt(coprate_tax1.value);
                }
                document.getElementById('correct_option_msg').style.display = 'block';
                document.getElementById('save_unreaised_capital_loss_data').style.display = 'block';
        }else{
            document.getElementById('correct_option_msg').style.display = 'none';
            document.getElementById('save_unreaised_capital_loss_data').style.display = 'none';
        }
    }

    calculated(1);
    calculated(2);

    $(document).ready(function() {

        selectedOption();

        $('.unrealised_capital_gain_form').submit(function(event) {
            event.preventDefault(); // Prevent the form from submitting normally
            var form = $(this);
            var form_id = form[0].id;
            var url = form.attr('action');
            var formData = form.serializeArray();
            var form_number = form_id.split("_")[2];
                console.log(form_number);
            var type = 0;
                if(form_number == 1 || form_number == 2){
                        type = 1;
                }
                if(form_number == 3 || form_number == 4){
                    type = 2;
                }

            var unrealised_capital_gain_form_input = document.querySelector('.unrealised_capital_gain_form_input_'+form_number);
            var input_name = unrealised_capital_gain_form_input.name;
            if(unrealised_capital_gain_form_input.value > 0){
            var tr = document.createElement("tr");
            var idname =  input_name+'_'+form_number;
            tr.setAttribute("id", idname);
            var rowData = `
                            <td class="blu">`+formData[0].value+`</td>
                            <td>`+formData[1].value+` <input type="hidden" name="`+input_name+`" value="`+formData[1].value+`"> </input></td>
                            <td></td>
                            <td>
                            <button class="btn" onclick="deleteItem('`+idname+`','`+type+`')">
                            <i style="color:red; cursor:pointer;" class="fa-solid fa-xmark"></i>
                            </button>
                            </td>
                            `;
                tr.innerHTML = rowData;
                
                var table = document.getElementById('table_unrealised_capital_gain_loss');
                var existingNode = document.getElementById('unrealised_capital_gain_form_row_'+form_number);
                existingNode.parentNode.insertBefore(tr, existingNode);
                unrealised_capital_gain_form_input.value = 0;
            }else{
                unrealised_capital_gain_form_input.style.border = "1px solid red"
            }
        });

    });
    
    function deleteItem(id,type){
            var trId = document.getElementById(id);
            trId.remove();
            calculated(type);
            console.log(trId);
    }

    </script>

    @endsection