@extends('layouts.app',['dashBoardTitle'=>'CONFIGURED TRIAL BALANCE'])
@section('buttons')
<div class="d-flex justify-content-end hedr-wdth">
    
<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>{{trans('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 p-1"></i>{{trans('BS')}}</a>
    <a title="Trial Report" class="export-btn btn btn-success btn-wdth" href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen p-1"></i>{{trans('TR')}}</a>
</div>            
@endsection

@section('content')






<style>

table,
td,
td {
    border: 1px solid black;
    border-collapse: collapse;
    margin-left: 3px;
}

table{
    width:100%;
}

.bold {
    font-weight: bold;
}

.tb {
    width: 100%;
}

.gp {
    /* padding-right: 165px;
    padding-left: 165px; */
}

.bttz {
    padding-left: 18px;
    padding-right: 18px;
    text-align: center;
}

.p {
    /* //padding-right: 260px; */
}

.gpp {
   
}

.dt {
    padding-left: 39px;
    padding-right: 39px;
    text-align: center;
}

.pdrt {
    padding-right: 218px;
}

.ww {
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
}

.line {
    text-decoration: underline;
}


.sub_head_dropdown_none{
    display:none;
}
.not-mapped{
    color:red;
}
.table-head-sticky2{
    position:sticky;
    top:13%;
    background-color:white;
}
</style>



<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" style="position:sticky; top:0">
                <div style="height:11px;width:270px">
                    <a href="{{url('dashboard',['id'=>$trial_data->companyRelationShip->id])}}" class="btn clr-al"style="border-color:white">
                    <i style="color:white" class="fa-sharp fa-solid fa-arrow-left clr"></i>
                    </a>
                </div>
                <div class="bold pad-al">    
                    {{ __(trans('CONFIGURED TRIAL BALANCE')) }}
                </div>
                
                <div class="d-flex justify-content-end">
                    <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> {{trans('BS')}}</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> {{trans('P&L')}}</a>
                    <a title="Trial Report" class="export-btn btn btn-success btn-wdth" href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen"></i> {{trans('TR')}}</a>
                </div> 
                </div>

                <div class="card-body clr-al"> -->
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

<!-- <h2 class="text-center"></h2> -->
<div class="export-btn-container d-flex justify-content-center">
    
</div>
    <div class="col-md-12">

            <table class="table table-bordered table-hover tb fnt">

        <tr class= "bd mrn bg">
            <td colspan="4"style="
    width: 250px;
" class="bold">{{strtoUpper($companyName)}}</td>
            </td>
           <td style="
    width: 30%"> <span style="float:left">T.R.NO : {{$registrationNumber}}</span>
          </td>
</td>
<td colspan="4">
            Tax Period:
            
            {{date('d-M-Y',strtotime(@$trial_data->from))}}
                to
            {{date('d-M-Y',strtotime(@$trial_data->to))}}
            </td>
            
</tr>
</table>
<table class="table table-bordered fnt">
        <tr style="border-bottom-style:none">
            <td colspan="4" style="font-size:15px;">{{@$address}}</td>
        </tr>
        <!-- <tr>
            <td>UAE</td>
        </tr> -->
        <tr style="border-top-style:none">
            <td colspan="4" style="font-size:15px;">{{trans('Emirate')}} : {{@$emirate->name}}</td>
        </tr>

        <tr>
            <!-- <td>1-Jan-2019 to 31-Dec-2019</td> -->
        </tr>

        <tr class="table" >
        <td></td>
        <td></td>
        <td></td>
        <td style="text-align:center">
            <button onClick="window.location.reload();" id="save-change-btn"  class="export-btn btn btn-secondary" disabled>Save change</buuton>
        </td>
        </tr>


        <tr class="bgcl table-head-sticky fnt-1">
            <td  class="p hedclr bold"><i class="fa-sharp fa-solid fa-tag icn"></i>{{trans('Particulars')}}</td>
            <td class="gpp hedclr bold w-d"> <i class="fa-sharp fa-solid fa-coins icn"></i>{{trans('Debit')}}</td>
            <td class="gpp hedclr bold w-d"> <i class="fa-sharp fa-solid fa-coins icn"></i>{{trans('Credit')}}</td>
            <td class="gpp hedclr bold w-d"> <i class="fa-sharp fa-solid fa-tags icn"></i>{{trans('Action')}}</td>
        </tr>



        @php
        $totalCredit = 0;
        $totalDebit = 0;
        @endphp
        
        @if(isset($trialBalanceDatas['un-mapped']) && count($trialBalanceDatas['un-mapped']) > 0)
        @foreach($trialBalanceDatas['un-mapped'] as $trialBalanceData)
        @if(strtolower($trialBalanceData['section_name']) != strtolower('Grand Total'))
                <tr>
            <td class="not-mapped"> {{$trialBalanceData['section_name']}} </td>
            <td class="not-mapped" align="right">@if($trialBalanceData['debit_value'])  {{ numbermillions($trialBalanceData['debit_value']) }}  @else  @endif</td>
            <td class="not-mapped" align="right">@if($trialBalanceData['credit_value']) {{numbermillions($trialBalanceData['credit_value'])}}  @else  @endif </td>
            <td class="not-mapped">
            <form method="POST" id="form_head_sub_map_{{$trialBalanceData['item_id']}}" action="{{url('trial_balance_map_sub_head')}}">
            <input type="hidden" name="company_id" value="{{$trialBalanceData['company_id']}}">
                <select class="form-select" name="head_assign_to" id="selected_head_{{$trialBalanceData['item_id']}}" onchange="head_selection({{$trialBalanceData['item_id']}})" style="background-color:none;">
                        <option value="0">None</option>
                        <option  value="1">Balance Sheet</option>
                        <option value="2">Profit &amp; Loss</option>
                    </select>
                </td>
        </form>
        </tr>
        @endif
        @endforeach
        @endif

        <tr class="bgc-c" id="row_head_assets">
        <td class="bold"><i class="fa-sharp fa-solid fa-tag icn"></i> Assets </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        @if(isset($trialBalanceDatas['assets']))
        @foreach($trialBalanceDatas['assets'] as $trialBalanceData)
        
        
        <tr>
            <td class=""> {{$trialBalanceData['section_name']}} </td>
            <td class="" align="right">@if($trialBalanceData['debit_value'])  {{ numbermillions($trialBalanceData['debit_value']) }}  @else  @endif</td>
            <td class="" align="right">@if($trialBalanceData['credit_value']) {{numbermillions($trialBalanceData['credit_value'])}}  @else  @endif </td>
            <td class="">
            <form method="POST" id="form_head_sub_map_{{$trialBalanceData['item_id']}}" action="{{url('trial_balance_map_sub_head')}}">
            <input type="hidden" name="company_id" value="{{$trialBalanceData['company_id']}}">
            <select class="form-select" name="head_assign_to" id="selected_head_{{$trialBalanceData['item_id']}}" onchange="head_selection({{$trialBalanceData['item_id']}})" style="background-color:#fff2d1;">
                        <option value="0">None</option>
                        <option selected="" value="1">Balance Sheet</option>
                        <option value="2">Profit &amp; Loss</option>
            </select>
            </form>
            </td>
        </tr>
        @endforeach
        @endif

        <tr class="bgc-c" id="row_head_liabilities">
        <td class="bold"><i class="fa-sharp fa-solid fa-tag icn"></i> Liabilities </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        @if(isset($trialBalanceDatas['liabilites']))
        @foreach($trialBalanceDatas['liabilites'] as $trialBalanceData)

        
        <tr>
            <td class=""> {{$trialBalanceData['section_name']}} </td>
            <td class="" align="right">@if($trialBalanceData['debit_value'])  {{ numbermillions($trialBalanceData['debit_value']) }}  @else  @endif</td>
            <td class="" align="right">@if($trialBalanceData['credit_value']) {{numbermillions($trialBalanceData['credit_value'])}}  @else  @endif </td>
            <td class="">
            <form method="POST" id="form_head_sub_map_{{$trialBalanceData['item_id']}}" action="{{url('trial_balance_map_sub_head')}}">
            <input type="hidden" name="company_id" value="{{$trialBalanceData['company_id']}}">
            <select class="form-select" name="head_assign_to" id="selected_head_{{$trialBalanceData['item_id']}}" onchange="head_selection({{$trialBalanceData['item_id']}})" style="background-color:#fff2d1;">
                        <option value="0">None</option>
                        <option selected="" value="1">Balance Sheet</option>
                        <option value="2">Profit &amp; Loss</option>
            </select>
            </form>
            </td>
        </tr>
        @endforeach
        @endif

    


        <tr class="bgc-c" id="row_head_expense">
        <td class="bold"><i class="fa-sharp fa-solid fa-tag icn"></i> Income </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        @if(isset($trialBalanceDatas['income']))
        @foreach($trialBalanceDatas['income'] as $trialBalanceData)
        
        
        <tr>
            <td class=""> {{$trialBalanceData['section_name']}} </td>
            <td class="" align="right">@if($trialBalanceData['debit_value'])  {{ numbermillions($trialBalanceData['debit_value']) }}  @else  @endif</td>
            <td class="" align="right">@if($trialBalanceData['credit_value']) {{numbermillions($trialBalanceData['credit_value'])}}  @else  @endif </td>
            <td class="">
            <form method="POST" id="form_head_sub_map_{{$trialBalanceData['item_id']}}" action="{{url('trial_balance_map_sub_head')}}">
            <input type="hidden" name="company_id" value="{{$trialBalanceData['company_id']}}">
            <select class="form-select" name="head_assign_to" id="selected_head_{{$trialBalanceData['item_id']}}" onchange="head_selection({{$trialBalanceData['item_id']}})" style="background-color:#f2d6d6;">
                        <option value="0">None</option>
                        <option  value="1">Balance Sheet</option>
                        <option selected="" value="2">Profit &amp; Loss</option>
            </select>
            </form>
            </td>
        </tr>
        @endforeach
        @endif


        <tr class="bgc-c" id="row_head_income">
        <td class="bold"><i class="fa-sharp fa-solid fa-tag icn"></i> Expenses </td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

        @if(isset($trialBalanceDatas['expense']))
        @foreach($trialBalanceDatas['expense'] as $trialBalanceData)

        
        <tr>
            <td class=""> {{$trialBalanceData['section_name']}} </td>
            <td class="" align="right">@if($trialBalanceData['debit_value'])  {{ numbermillions($trialBalanceData['debit_value']) }}  @else  @endif</td>
            <td class="" align="right">@if($trialBalanceData['credit_value']) {{numbermillions($trialBalanceData['credit_value'])}}  @else  @endif </td>
            <td class="">
            <form method="POST" id="form_head_sub_map_{{$trialBalanceData['item_id']}}" action="{{url('trial_balance_map_sub_head')}}">
            <input type="hidden" name="company_id" value="{{$trialBalanceData['company_id']}}">
            <select class="form-select" name="head_assign_to" id="selected_head_{{$trialBalanceData['item_id']}}" onchange="head_selection({{$trialBalanceData['item_id']}})" style="background-color:#f2d6d6;">
                        <option value="0">None</option>
                        <option  value="1">Balance Sheet</option>
                        <option selected="" value="2">Profit &amp; Loss</option>
            </select>
            </form>
            </td>
        </tr>
        @endforeach
        @endif

        <tr>
            <td class="bold"> Total </td>
            <td class="bold" align="right">@if($totalDebit) {{numbermillions($totalDebit)}}  @else  @endif </td>
            <td class="bold" align="right">@if($totalCredit)  {{ numbermillions($totalCredit) }}  @else  @endif</td>
            <td class="bold">
            </td>
        </tr>


    </table>

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

<script>
        function head_selection(id){
                var newDataArray = [];
                var selected_head = document.getElementById('selected_head_'+id).value;
                $('#save-change-btn').css('background','#22b3ab');
                $('#save-change-btn').removeAttr('disabled');
                var selected_sub_head = document.getElementById('selected_head_'+id);
                if(selected_head != 0){
                if(selected_head == 1){
                    selected_sub_head.style.background = "#fff2d1";
                }else if(selected_head == 2){
                    selected_sub_head.style.background = "#f2d6d6";
                }


               
                     var myData = $('#form_head_sub_map_'+id).serializeArray();
                     $.ajax({
                        type: "POST",
                        dataType: "json",
                        url: "{{url('trial_balance_map_sub_head')}}",
                        data: {"_token": "{{ csrf_token() }}",'myData':myData, 'id':id} // "inp1=val1&inp2=val2"
                    });
                    
                }else{
                     selected_sub_head.style.background = "none";
                    // var form = document.getElementById('form_head_sub_map_'+id);
                    // form.submit();

                    var myData = $('#form_head_sub_map_'+id).serializeArray();
                     $.ajax({
                        type: "POST",
                        dataType: "json",
                        url: "{{url('trial_balance_map_sub_head')}}",
                        data: {"_token": "{{ csrf_token() }}",'myData':myData, 'id':id} // "inp1=val1&inp2=val2"
                    });
                    //var selected_sub_head = document.getElementById('selected_sub_head_'+id).style.display = "none";
                    //document.getElementById('selected_sub_head_button_'+id).style.display = "none";
                    // if(document.getElementById('is_assign_'+id).value){
                    //    // document.getElementById('selected_sub_head_button_'+id).style.display = "inline-block";
                    // }
                }

                //selected_sub_head_
        }
</script>

    @endsection