@extends('layouts.app',['dashBoardTitle'=>'IMMOVABLE PROPERTY'])
    @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>
.not-deflaut{
    display:none;
}
.button-row{
    display:none;
}
.w-20{
    width: 25%;
}
</style>


<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>

<div class="table table-bordered fnt">
    <form method="POST" action="{{url('/tax-report/article/add',['id'=>$id])}}">
    @csrf
    <div class="deflaut-row">
        <td>Transitional rule adjustments</div>
        <div>
        <input name="article_type"  class="form-control" type="hidden" value="article61" placeholder="Eg: 10000"  required>
        <input name="form_type"  class="form-control" type="hidden" value="main_form" placeholder="Eg: 10000" required>
        </div>
        <div></div>
        <div>
        </div>
    </div>
    <div class="deflaut-row">
        <div>
            Assets
        </div>
        <div>
        <select class="form-select" name="assets" id="asset">
            <option value="0">-- Select Asset --</option>
            @forelse($transactionProperties as $transaction)
            @php 
                $data = json_decode($transaction->data);
            @endphp
            <option value="{{$transaction->id}}">{{$data->asset_name}}</option>
            @empty
            @endforelse
        </select>    
        </div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut financial_liability immovable_property intangible_assets">
        <div class="w-20">Nature of Asset</div>
        <div>
        <select class="form-select" name="asset_type" id="asset_type" disabled="true">
            <option value="Immovable Property" >Immovable Property</option>
            <option value="Intangible Assets">Intangible Assets</option>
            <option value="Financial Assets">Financial Assets</option>
            <option value="Financial Liabilities">Financial Liabilities</option>
        </select>
        </div>
        <div></div>
        <div></div>
    </div>

    <div class="not-deflaut financial_liability immovable_property intangible_assets">
        <div class="mrn bold w-20">Last date before first tax period </div>
        <div> <input type ="date" id="last_date_before_tax" name="" class="form-control" required="" value="" readonly="readonly">
        </div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut financial_liability immovable_property intangible_assets">
        <div class="w-20">Date of Acquisition</div>
        <div> <input type ="date" id="date_of_acquistion" name="" class="form-control" required="" value="" readonly="readonly">
        </div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut financial_liability immovable_property intangible_assets">
        <div class="w-20">Date of Transfer</div>
        <div> <input type ="date" id="date" name="" class="form-control" required="" value="" >
        </div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property intangible_assets">
        <div class="w-20">No. of days asset is owned before the first tax period </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property intangible_assets">
        <div class="w-20">Total no. of days the asset is owned</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property intangible_assets">
        <div> Ratio</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property intangible_assets">
        <div>Original cost </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property intangible_assets">
        <div>Net book value </div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    <div class="not-deflaut financial_liability">
        <div class="bold mrn">Valuation Method </div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    <div class="not-deflaut financial_liability">
        <div >Market value </div>
        <div></div>
        <div></div>
        <div><input name="market_value"  type="number"  class="form-control" id="market-value"></input></div>
    </div>

    <div class="not-deflaut financial_liability">
        <div >Less : Net book value </div>
        <div></div>
        <div></div>
        <div><input name="less_net_value"  type="number"  class="form-control" id="less-net-value"></input></div>
    </div>

    <div class="not-deflaut financial_liability intangible_assets">
        <div class="bold mrn">Time apportionment method</div>
        <div></div>
        <div></div>
        <div></div>
    </div>


    <div class="not-deflaut financial_liability">
        <div >Gain/(Loss)</div>
        <div></div>
        <div></div>
        <div><input name="gain_loss"  type="number"  class="form-control" readonly="readonly" id="gain-loss"></input></div>
    </div>

    <div class="not-deflaut immovable_property">
        <div class="bold mrn">Option 1 : Valuation Method </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div>Market value as per the Valuation report </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div>Less : higher of Original cost or Net book value </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div>Gain</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div>Gain to be excluded under option 1</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div class="mrn bold">Option 2 : Time apportionment method</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property">
        <div>Disposal Value </div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut intangible_assets immovable_property">
        <divtd>Less : higher of Original cost or Net book value </div>
        <div></div>
        <div></div>
        <div></tdivdivd>
    </div>
    <div class="not-deflaut intangible_assets immovable_property">
        <div>Gain</div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <div class="not-deflaut immovable_property">
        <div class="bold">Gain to be excluded under option 2</div>
        <div></div>
        <div></div>
        <div></div>
    </div>

    <div class="deflaut-row button-row float-right">
        <div><button type="submit" class="btn btn-success">submit</button></div>
    </div>
    </form>
</div>

<table class="table table-bordered fnt">
    <tr class="cent bold">
        <td >S No.</td>
        <td >Nature of Asset</td>
        <td >Description</td>
        <td >Method</td>
        <td >Amount</td>
        <td>Action</td>
    </tr>
    @php
        $total = 0;
    @endphp

    @forelse($articleDatas as $articleData)
        @php
        $data = json_decode($articleData->data);
        $article = Articles::find($data->assets);
        $article = json_decode($article->data);
        $total += @$data->gain_loss;
        @endphp
    <tr>
        <td>{{$loop->iteration}}</td>
        <td>{{@$article->property_type}}</td>
        <td>{{$article->asset_name}}</td>
        <td>{{@$data->method}}</td>
        <td>{{@$data->gain_loss}}</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>

    @empty

    @endforelse
   
    <tr>
        <td colspan="2" class="bold cent">Total</td>
        <td></td>
        <td colspan="2" class="bold cent">{{$total}}</td>
        
    </tr>
</table>

<div>
</div>





<script>
var natureOfAsset = document.getElementById('asset');
var lessNetValue = document.getElementById('less-net-value');
var marketValue = document.getElementById('market-value');


natureOfAsset.addEventListener("change", showType);
lessNetValue.addEventListener("keyup", calculateAssetLiability);
marketValue.addEventListener("keyup", calculateAssetLiability);


function calculateAssetLiability(){
var lessNetValue = document.getElementById('less-net-value');
var marketValue = document.getElementById('market-value');
var GainLoss = document.getElementById('gain-loss');


GainLoss.value = parseInt(marketValue.value) - parseInt(lessNetValue.value);
GainLoss.value = (GainLoss.value) ? GainLoss.value : 0;

}

function showType(){
    var articleData = document.getElementById('asset').value;

    var request = $.ajax({
            url: "{{url('get-article-data')}}/"+articleData,
            type: "POST",
            data: {"_token": "{{ csrf_token() }}"},
            dataType: "json"
            });
            request.done(function(data) {
                $('.not-deflaut').css('display','none');
                if(data.property_type == "Financial Assets" || data.property_type == "Financial Liabilities"){
                $('.financial_liability').css('display','flex');
                $('.financial_liability').css('justify-content','space-between');
                $('.financial_liability').css('padding','10px');
                $('.button-row').css('display','flex');
                $('.button-row').css('justify-content','space-between');
                $('.button-row').css('padding','10px');
                $('#asset_type').val(data.property_type);
                $('#last_date_before_tax').val(data.last_date_before_first_tax_period);
                $('#date_of_acquistion').val(data.date_of_accquistion);
                }else if(data.property_type == "Immovable Property"){
                $('.immovable_property').css('display','flex');
                $('.immovable_property').css('justify-content','space-between');
                $('.immovable_property').css('padding','10px');
                $('.button-row').css('display','flex');
                $('.button-row').css('justify-content','space-between');
                $('.button-row').css('padding','10px');
                $('#asset_type').val(data.property_type);
                $('#last_date_before_tax').val(data.last_date_before_first_tax_period);
                $('#date_of_acquistion').val(data.date_of_accquistion);
                    
                }else if(data.property_type == "Intangible Assets"){
                $('.intangible_assets').css('display','flex');
                $('.intangible_assets').css('justify-content','space-between');
                $('.intangible_assets').css('padding','10px');
                $('.button-row').css('display','flex');
                $('.button-row').css('justify-content','space-between');
                $('.button-row').css('padding','10px');
                $('#asset_type').val(data.property_type);
                $('#last_date_before_tax').val(data.last_date_before_first_tax_period);
                $('#date_of_acquistion').val(data.date_of_accquistion);

                }else{

                }
            });




}

</script>

@endsection