@extends('layouts/acc_layout')
@section('title', '| VAT Register')
@section('content')


<div class="row">
<div class="col-md-12">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">

          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">VAT PAYMENT LIST</font></h1>
        </div>

        <div class="panel-body panelBodyView">

        <div>

        </div>
          <table class="table table-striped table-bordered" id="otsTable" style="color: black;">
                    <thead>
                      <tr>
                        <th rowspan="2">SL#</th>
                        <th rowspan="2">Payment Date</th>
                        <th rowspan="1" colspan="3">Expense Information</th>
                        <th rowspan="1" colspan="2">Deposite Information</th>
                        <th rowspan="2">Bill Amount</th>
                        <th rowspan="2">VAT Rate (%)</th>
                        <th rowspan="2">VAT Amount</th>




                        <!-- <th rowspan="2">Action</th> -->
                      </tr>
                      <tr>
                        <th rowspan="1">Voucher Date</th>
                        <th rowspan="1">Voucher No</th>
                        <th rowspan="1">A/C Head</th>





                        <th rowspan="1" >Bank Name</th>
                        <th rowspan="1">Chalan No</th>

                      </tr>


                    </thead>
                    <tbody>
                      @php $count=0; @endphp
                      @foreach($paymentLists as $paymentList)

                     <tr>
                        <td>{{++$count}}</td>
                        <td>{{Carbon::parse($paymentList->paymentDate)->format('d-m-Y')}}</td>
                        <td>{{Carbon::parse($paymentList->voucherDate)->format('d-m-Y')}}</td>
                        <td>{{$paymentList->voucherNo}}</td>
                        <td>{{$paymentList->ledger}}</td>
                        <td>{{$paymentList->bankName}}</td>
                        <td>{{$paymentList->chalanNo}}</td>
                        <td style="text-align:right;" > {{$paymentList->billAmount}}</td>
                        <td  > {{$paymentList->vatInterestRate}}</td>
                          <td style="text-align:right;" > {{$paymentList->vatAmount}}</td>







                        <!-- <td>
                          <a href="javascript:;" class="view-modal" paymentListViewModalID="{{$paymentList->billNo}}">
                             <i class="fa fa-eye" aria-hidden="true"></i>
                         </a>&nbsp;
                       </td> -->


                             <!--
                           <a href="javascript:;" class="pay-modal" vatBillTypeIdPayModal=""  vatAmount="">
                              <span class="glyphicon glyphicon-envelope"></span>

                          </a>&nbsp;



                               <a href="javascript:;" class="edit-modal" vatBillTypeIdeditModal="">
                                  <span class="glyphicon glyphicon-edit"></span>
                              </a>&nbsp;

                              <a href="javascript:;" class="delete-modal" accId="">
                                 <span class="glyphicon glyphicon-trash"></span>
                             </a>

                             <a >
                                <span class="glyphicon glyphicon-envelope"></span>

                            </a>&nbsp;



                                 <a >
                                    <span class="glyphicon glyphicon-edit"></span>
                                </a>&nbsp;

                                <a >
                                   <span class="glyphicon glyphicon-trash"></span>
                               </a>



                      </td> -->
                     </tr>
                     @endforeach




                </tbody>
          </table>

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






@endsection