@extends('layouts.app')
@section('content')



<link rel="stylesheet" href="{{asset('css/vsk_css_script.css')}}">

<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 Balance" 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" style="
    margin-bottom:1px;
">

        <tr class="bd mrn bg">
            <td colspan="4" class="bold">{{strtoUpper($companyName)}}
</td>
<td style="
    width: 30%"> <span style="float:right">T.R.NO : {{($registrationNumber)}}</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 table-hover tb 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-head-sticky2" >
        <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>


      

        
        @if(!empty($trial_data->TrialBalanceItem))
        @php
        $creditTotal = 0;
        $debitTotal = 0;
        $trialBalanceItemCount = count($trial_data->TrialBalanceItem);
        @endphp
        @foreach($trial_data->TrialBalanceItem as $key => $trial)
        @if($trial->level != 0)
        @if($trial->trail_balance_item_id == "")