@extends(!$download ?  'layouts.app' : 'layouts.app_with_out_nav')
@section('content')

<style>
.edit_option{
    border:1px solid #ccc;
    padding:5px;
    display:none;
}
.fa-pen-to-square{
    color:#ccc;
}
.item-input{
    display:none;
}
.update_btn{
    display: none;
    margin-left:3px;
}
.dropdownmenu{
    background-color:#ffffff;
    width:85px;
    height:70px;
    display: none;
    z-index: 1;
    padding: 15px;
    position:absolute;
    transition:  height 4s;
}
.dropdownmenu.active{
    display:block;
}

</style>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>

<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('trial_balance',['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 style="margin-left:200px;margin-top: 8px;"> {{ __(trans('BALANCE SHEET'))}} </div>
                @if(!$download)
                <div class="d-flex justify-content-end">
                <a title="Trial Balance" class="export-btn btn btn-success btn-wdth"  href="{{url('trial_balance',['id'=>$id])}}"><i class="fa-regular fa-sheet-plastic"></i>&nbsp;TB</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>&nbsp;P&L</a>
                <a title="Tax Report" class="export-btn btn btn-success btn-wdth"  href="{{url('tax-report',['id'=>$id])}}"><i class="fa-regular fa-file-pen"></i>&nbsp;TR</a>
                <div class="dropdown">
    <button class="btn btn-success btn-wdth dropdown-toggle" type="button" data-toggle="dropdown" id="dropdown">
    <span class="caret" ></span>Export</button>
    <div class="dropdownmenu " id="dropmenu" style="background-color:antiquewhite;color:black;margin-top:13px;border-radius: 10px;">
      <a href="{{url('balance_sheet',[$id])}}?doc=excel">excel <i class="fa-sharp fa-solid fa-file-excel"></i></a>
      <a href="{{url('balance_sheet',[$id])}}?doc=pdf">pdf <i class="fa-sharp fa-solid fa-file-pdf"></i></a>
</div>
  </div>
  
                <!-- <a 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 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>
                <div class="card-body clr-al">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif
    <div class="export-btn-container d-flex justify-content-center" id="bs_pdf_container">
    <div class="col-md-12">
    <table class="table table-hover table-bordered fnt" id="tbl_exporttable_to_xls">
        <tr>
            <td colspan="2" class="fw-bold">{{strtoUpper($companyDetails->taxpayer)}}</td>
        </tr>
        <tr>
            <td colspan="2" class="fnt">{{trans('United Arab Emirates')}}</td>
        </tr>
        <tr >
            <td colspan="2" class="fw-bold">{{trans('Statement of Financial Position')}}</td>
        </tr>
        @php
            $total_type = 0;
            $total_assets_value = 0;
            $total_liability_value = 0;
        @endphp
        @foreach($trialBalanceBSPL as $key => $trial)
            <tr class="bgcl">
                <td colspan="2" class="note" ><i class="fa-sharp fa-solid fa-coins icn"> </i>{{ucfirst($key)}} </td>
            </tr>
            @php
                $item_total = $total_type;
            @endphp
            @foreach($trial as $keyItem => $items)
            <tr class="dot-row">
            <td width="40%" class="font-weight-light" >
            {{$items->section_name}}</td>
            <td class="edit_option_row" id="edit_option_row_{{$items->id}}" align="right">
    @if($key == "liabilites")    
        @if(round((int)$items->credit_value))
                @php
                $item_total += round(floatval($items->credit_value),2);
                @endphp
            @if($items->debit_value !="" && is_numeric((int)$items->debit_value))
            <form method="POST" action="{{url('update/bs')}}" class="d-flex">
                    <input name="entry_type" type="hidden" value="debit" />
                    <input name="bs_item_id" type="hidden" value="{{$items->id}}" />
                    <input  id="item_{{$items->id}}" name="new_value" class="form-control item-input" type="text" value="{{abs(round(floatval($items->debit_value),2)),2}}">
                    <button class="btn btn-success update_btn" name="submit" type="submit" id="item_btn_{{$items->id}}">
                        <i style="cursor:pointer" class="fa-solid fa-check"></i>
                    </button>
            </form>
            <div id="item_div_row_{{$items->id}}"> {{number_format(abs(round(floatval($items->credit_value),2)),2)}} 
                <span class="edit_option" id="item_option_{{$items->id}}" onclick="editValue('{{$items->id}}')">
                    <i  style="cursor:pointer" class="fa-solid fa-pen-to-square"></i>
                </span>
            </div>
            @else
            <form method="POST" action="{{url('update/bs')}}" class="d-flex">
                    <input name="entry_type" type="hidden" value="credit" />
                    <input name="bs_item_id" type="hidden" value="{{$items->id}}" />
                    <input  id="item_{{$items->id}}" name="new_value" class="form-control item-input" type="text" value="{{abs(round(floatval($items->credit_value),2)),2}}">
                    <button class="btn btn-success update_btn" name="submit" type="submit" id="item_btn_{{$items->id}}">
                        <i style="cursor:pointer" class="fa-solid fa-check"></i>
                    </button>
            </form>
            <div id="item_div_row_{{$items->id}}">{{number_format(abs(round(floatval($items->credit_value),2)),2)}}
                <span class="edit_option" id="item_option_{{$items->id}}" onclick="editValue('{{$items->id}}')">
                    <i  style="cursor:pointer" class="fa-solid fa-pen-to-square"></i>
                </span>
            </div>
            @endif            
        @endif
    @endif
    @if($key == "assets")
    <form method="POST" action="{{url('update/bs')}}">
        @if($items->debit_value !="" && is_numeric((int)$items->debit_value))
            @php
            $item_total += round(floatval($items->debit_value),2);
            @endphp
                @csrf
                <div class="d-flex">
                    <input name="entry_type" type="hidden" value="debit" />
                    <input name="bs_item_id" type="hidden" value="{{$items->id}}" />
                    <input  id="item_{{$items->id}}" name="new_value" class="form-control item-input" type="text" value="{{abs(round(floatval($items->debit_value),2)),2}}">
                    <button class="btn btn-success update_btn " name="submit" type="submit" id="item_btn_{{$items->id}}">
                    <i style="cursor:pointer" class="fa-solid fa-check"></i>
                    </button>
                </div>
            <div id="item_div_row_{{$items->id}}">
            {{number_format(abs(round(floatval($items->debit_value),2)),2)}}
            <span class="edit_option" id="item_option_{{$items->id}}" onclick="editValue('{{$items->id}}')">
                <i  style="cursor:pointer" class="fa-solid fa-pen-to-square"></i>
            </span>
            </div>
        @endif
    </form>
    @endif
        
            </td>
            <td width="3%">
            <form method="POST" action="{{url('delete/bs')}}" class="d-flex">
            @csrf
            <input name="bs_item_id" type="hidden" value="{{$items->id}}" />
            <button class="btn">
                <i style="color:red; cursor:pointer;" class="fa-solid fa-xmark"></i>
            </button>
            </form>
            </td>
        </tr>
            @endforeach
            @php
                $totalAmount = round(abs($item_total),2);
            @endphp
            @if($key == "liabilites")
                <tr>
                <td class="bold" style="width:270px">Profit and Loss from account </td>
                <td  style="font-weight:bold; background-color:#fff2d1;text-align: right;"> {{number_format($profit_loss,2)}}</td>
                </tr>   
                @php
                    $totalAmount = round(abs($item_total) + $profit_loss,2);
                @endphp   
            @endif

            <tr id="row_btn_add_{{strtolower($key)}}">
                <td colspan="2">
                @if(!$download)
                    <a class="btn btn-success" style=" height: 28.333334px;padding-top: 3px;padding-bottom: 3px;padding-left: 8px;padding-right: 8px;"
                     id="btn_add_{{strtolower($key)}}" onclick="addingEntry('{{strtolower($key)}}')"><i class="fa-sharp fa-solid fa-plus" ></i></a>
                @endif
                </td>
            </tr>

            <tr>
                <td  class="note">Total {{ucfirst($key)}}</td>
                <td  style="font-weight:bold; background-color:#fff2d1;text-align: right;"> {{number_format(round(abs($totalAmount),2),2)}}</td>
            </tr>

            @if($key == "assets")
            @php
            $total_assets_value = $totalAmount;
            @endphp
            @endif

            @if($key == "liabilites")
            @php
            $total_liability_value = $totalAmount;
            @endphp
            @endif
        @endforeach


            <tr>
                <td  class="note">Total Difference (Asset - Liability)</td>
                <td  style="font-weight:bold; background-color:#fff2d1;text-align: right;"> {{number_format(round(abs($total_assets_value) - abs($total_liability_value),2),2)}}</td>
            </tr>



</table>

</div>
</div>
</div>
</div>
@if(!$download)
<script>

    function editValue(id){
            //item_div_row_0
            //item_0
            $("#item_"+id).css('display','inline-block');
            $("#item_btn_"+id).css('display','inline-block');
            $("#item_div_row_"+id).css('display','none');
    }

    $(".edit_option_row").on('mouseenter', function(event){
        var text = event.target.id;
        var row =  text.split('_')[text.split('_').length-1];
        $(".edit_option").css('display','none');
        $("#item_option_"+row).css('display','inline-block');
        //console.log(document.getElementById("#item_option_"+row));
    });
    $(".edit_option_row").on('mouseleave', function(event){
        $(".edit_option").css('display','none');
    });
    $("#dropdown").on('click',function(event){
        $("#dropmenu").addClass('active');
    });
    $("body").on('click',function(event){
      $("#dropmenu").removeClass('active');
    });
        function addingEntry(type){
        let tr = document.createElement('tr');
        let td = `<td colspan='2'>
                    <form class="form-group row" method="POST" action="{{url('manual-entry-bs',['id'=>$id])}}">
                    <div class="col-6">
                            @csrf
                            <input name="item" class="form-control" type="text" placeholder="Name" required="required"></input>
                            <input name="company_id" class="form-control" type="hidden" placeholder="company_id" value="{{$companyDetails->id}}" required="required"></input>
                            <input name="type" class="form-control" type="hidden" value="`+type+`" required="required"></input>
                            </div>
                            <div class="col-6 d-flex">
                            <input name="amount" class="form-control" type="text" placeholder="Amount"></input>
                            <button type="submit" class="btn btn-success" style="margin:0 4px;">Add</button>
                            </div>
                    </form>
                </td>`;
                tr.innerHTML = td;
                var existingNode = document.getElementById('row_btn_add_'+type);
                var table = document.getElementById('tbl_exporttable_to_xls');
                console.log(existingNode);
                console.log(existingNode.parentNode);
                existingNode.parentNode.insertBefore(tr, existingNode);
                document.getElementById('btn_add_'+type).style.display = "none";
                
        }
</script>
@endif

@endsection