<!DOCTYPE html>
<html>
<head>

  <title>Ledger Report</title>


  <style type="text/css">

    
    *{

        margin: 0;
     }

     /* GENERAL CSS APPLY ALL SECTIONS*/


  *{
    margin: 0;
  /*  padding-top: 6px;*/
  }
  .margin{
    padding-top: 8px;
  }

  .title{

    text-align: center;
    font-weight: bold;
  }


  .container1{

    margin-left: 7%;
    margin-right: 5%; 
    
  }

  .image-section1{

    width: 100px;
    height: 100px;
    
    
    text-align: center;
    position: absolute;
    margin-left:  -5%;
/*    top:  -500%;*/
bottom:  10%;

    
  }

  .title1{

    text-align: center;
    margin-top: 2%;
    background: #a8a8a8;
    color: #fff;
    width: 30%;
    height: 2%;
    border-radius: 15px;
    vertical-align: middle;
    line-height: 29px;
    margin-left: 34.5%;
  }

  

  .clear{

    clear: both;
  }

  .top-section{
    margin-left: 4%;
  }

  input[type=text]
  {
    

    
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid;
    font-size: 8px;
    text-align: center;
    background-color: transparent;

  }

/*  #START=> APPARTMENT SECTION */
  .main-section .row .col{
    
  
    width: 25%;
    margin-right: 30px;
    padding-right: 10px;
    float: left;
  }

  .main-section .row{

    /*margin-left: 4%;*/


  }

  .main-section .col label{
    font-size: 8px;
    /*font-weight: bold;*/
  }

  

  .main-section .row .col .check{
    vertical-align: middle;
    margin-right:  90px; 
  }

/*  #END=> APPARTMENT SECTION */




  

  
/*  #END=> OFFICE USE SECTION */

/*  #START=>  IMAGE SECTION */

 .image-section{

    width: 85px;
    height: 85px;
    
    border: 1px solid #000;
    text-align: center;
    position: absolute;
    margin-left:  83%;
    top:  18%;

    
  }



  small{
    font-size: 12px;
    margin-left: 15;
  }

     .container{

        
     }


  </style>
</head>
<body style="margin:3% 4.5% 4% 4.5%;">

      @if($format)    
        @include('documents.report_logo')
      

       <br>
     @endif


     <div class="container">
        <div class="main-section">
           <center> <h3>LEDGER REPORT</h3></center>
         
           
      <div class="row clear" style="margin-top:3%;">
         <b>  Title: {{$title}}</b>
          <table border="1" style="border-collapse: collapse; font-size:8pt; text-align: center; width:100%;">
            <thead>
              <tr>
              <th colspan="7" style="background: #E0E0E0; ">Ledger Report</th>
                
              </tr>
              <tr>

                 <th style ="width:5%;" >Sr. </th>

                  <th>Date</th>

                 <th>Voucher No.</th>

                 <th>Description</th>

                  <th>Debit</th>

                  <th>Credit</th>

                  <th>Balance</th>
              </tr>
            </thead>
             <tr>
              <td colspan="6">Opening Balance</td>
                <td>{{EF::numberFormat($opening_balance)}}</td> 
              </tr>
               @php($row_balance = $opening_balance)
               @php($count = 0)
              @foreach($ledger as $rows)
             
             @if($rows->transaction->status == 'Approve' || $rows->transaction->status == 'Reversal')
              <tr>
                <td>{{++$count}}</td>
                  <td>{{EF::dateFormat($rows->created_at)}}</td>
                <td>{{$rows->transaction->voucher_type ?? ''}}-{{$rows->transaction->voucher_number}} </td>
                  <td>{{$rows->narration}}</td>
                 <td>{{EF::numberFormat($rows->debit)}}</td>
                  <td>{{EF::numberFormat($rows->credit)}}</td>
                  <td>{{EF::numberFormat((($rows->debit)-($rows->credit))+($row_balance))}}</td>
                  @php($row_balance = (($rows->debit)-($rows->credit))+($row_balance))
              </tr>
              @endif
              @endforeach

           
        
          </table>
      </div>
              <!-- INSTALLMENT PLAN -->
        
        </div>
     </div>

</body>
</html>