@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav')
    @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('content')



<input type="hidden" id="data_id" name="data_id" value="{{@$unrealiseLosses->id}}">
<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 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 class="table table-bordered fnt" id="table_unrealised_capital_gain_loss">
<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>
            </select>
        </td>
    <td style="width:140px"></td>
    <td></td>
</tr>

<tr class="mrn bd bg">
    <td>Option 1 : (Realisation basis for assess & 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>
        <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></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="text" 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>

<tr class="blu">
    <td> </td>
    <td></td>
    <td></td>
    <td></td>
</tr>
        @if($arrayUnrealisedLoss)
        @foreach($arrayUnrealisedLoss->less_unrealised_gain_capital_op1 as $unrealiseLossesOp1)
        <tr>
        <td class="blu">Less : Unrealised gains on capital items </td>
        <td>{{$unrealiseLossesOp1}}<input type="hidden" name="add_unrealised_losses_op1[]" value="{{keycheck(@$unrealiseLossesOp1)}}"> </input></td>
        <td></td>
        <td></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="text" 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="blu">
    <td> </td>
    <td></td>
    <td></td>
    <td></td>
</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="text" 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>
        <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></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="text"  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>
<tr class=" blu" >
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</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_op1[]" 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="text"  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=" blu">
    <td></td>
    <td></td>
    <td></td>
</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="text" 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></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>
    

    $("#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;
            dataArray['less_tax_losses_relief_opt1'] = less_tax_losses_relief_opt1.value;
            dataArray['final_taxable_income_opt1'] = final_taxable_income_opt1.value;
            dataArray['less_exemption_threshold_opt1'] = less_exemption_threshold_opt1.value;
            dataArray['balance_taxable_income_opt1'] = balance_taxable_income_opt1.value;
            dataArray['corporate_tax_payable_opt1'] = corporate_tax_payable_opt1.value;

            dataArray['adjustment_opt2'] = adjustment_opt2.value;
            dataArray['add_unrealised_losses_op2'] = add_unrealised_losses_op2.value;
            dataArray['less_unrealised_gain_capital_op2'] = less_unrealised_gain_capital_op2.value;


            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){
            console.log(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)+parseInt(adjustment_opt.value)+parseInt(total_add_unrealised_losses_op)-parseInt(total_less_unrealised_gain_capital_op);
        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){
            console.log("Hello World");
                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() {
        $('.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];
            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 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>
                            `;
                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"
            }
        });

    });
    

    </script>

    @endsection