@extends('layouts.app')
@section('title') {{'Customer Ledger Report'}} @endsection
@section('content')

  
    <div class="col-md">
        <div class="panel panel-default">
            <div class="panel-heading"> Customer Ledger Report
                <a href="{{ url('/customerledgerreport') }}" class="pull-right"> Back </a>
            </div>
            
                <div class="panel-body">
                    <div class="form-group">
                        <form method="get"  action="">
                            <div class="col-md-3">
                                Search By Customer
                               <select name="supplier_id" id="supplier_id" data-live-search="true" class="form-control selectpicker">
                                    <option value=""> Select </option>
                                    @if(isset($buyers_list))
                                        @foreach($buyers_list as $val)
                                            <option value="{{ $val->id}}"  @if(isset($_GET['supplier_id']) && $_GET['supplier_id'] == $val->id) selected="selected" @endif >  {{ $val->id }} - {{ $val->name }} </option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                            <div class="col-md-2">
                                Start Date
                                <input id="start_date" type="text" class="form-control" name="start_date" value="2026-06-01" autocomplete="off" required>
                            </div>
                            <div class="col-md-2">
                                End Date
                                <input id="end_date" type="text" class="form-control" name="end_date" value="2026-06-04" autocomplete="off" required>
                            </div>
                            <div class="col-md-2">
                                    <br/> &nbsp;
                                    <button type="submit" class="btn btn-success" >Search</button>
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}"/>    
                            </div>
                        </form>
                        
                    </div>
                    <div class="tab-pane " id="basic" role="tabpanel" aria-labelledby="basic-tab">
                    
                            <div class="clearfix">
                                <p class="pull-right">
                                    <span title="Print" class="btn btn-primary" onclick="printData('myTablePrint')"> <i class="glyphicon glyphicon-print"> </i> </span>
                                    <span title="Download" class="btn btn-success" onclick="exportTableToExcel('myTablePrint')" > <i class="glyphicon glyphicon-download-alt"></i> </span>
                                </p>
                            </div>
                                        @if(isset($supplier_id) && $supplier_id !='')
                    <div class="form-group mt-1" style="width:100%; overflow: scroll;" >
                        <div class="panel-body" id="myTablePrint">
                            <div class="col-sm-12 text-center">

                                                        <br>
                            
                            @include('layouts.head')
                            <h4><u><b>Customer's Ledger</b></u></h4>
                            <h5>{!! date('d-F-Y', strtotime($start_date)) !!} to {!! date('d-F-Y', strtotime($end_date)) !!} </h5>
                            <br>
                            @if(isset($day_book_list[0]->name))
                            <div class="leftside" style="float: left; ">Customer Name : {!! $day_book_list[0]->supplier_id !!} - {!! $day_book_list[0]->name !!}</div>
                            <br>
                            <div class="leftside" style="float: left; ">Proprietor : {!! $day_book_list[0]->person_name !!}</div>
                            <br>
                            <div class="leftside" style="float: left; ">Address : {!! $day_book_list[0]->address !!}</div>
                            <br>
                            <div class="leftside" style="float: left; ">Contact No. : {!! $day_book_list[0]->mobile !!}</div>
                            @endif
                            <br><br>
                        </div>
                        <table id="myTable" class="table text-center table-striped table-hover">
                            <thead class="header" id="myHeader">
                            <tr>
                                <th> S.N.</th>
                                <th> Date</th>
                                <th> Description (Bill#, Challan#) </th>
                                <th> Vch No. </th>
                                <th> Vch Type </th>
                                <th> Debit (Tk.)</th>
                                <th> Credit (Tk.)</th>
                                <th> Balance (Tk.) </th>
                            </tr>

                            </thead>
                            <tbody>
                                @php $i=0;
                                    $opening_balance_query = $opening_amount[0]->bill_amount - $opening_amount[0]->payment_amount;

                                    if($opening_balance_query != '')
                                    {
                                        $opening_balance = $opening_balance_query;
                                        
                                    }else{
                                        $opening_balance = 0;
                                        
                                    }


                                    $payment_total =0;
                                    $billed_total =0;
                                    $balance_total =0;
                                    $usd_total =0;

                                    
                                @endphp
                                <tr> 
                                    <td style="text-align: center;"> 0 </td>
                                    <th style="text-align: center;"> {!! date('d-m-Y', strtotime($start_date))!!} </th>        
                                    <td> Opening Balance </td>     
                                    <td style="text-align: center;"> -- </td>      
                                    <td style="text-align: center;"> -- </td>      
                                    <td style="text-align: right;"> -- </td>      
                                    <td style="text-align: right;"> -- </td>  
                                    <th style="text-align: right;">0.00 Dr</th>                                           
                                </tr>
                                @if(isset($day_book_list[0]->name))
                                @foreach($day_book_list as $row)

                                    @php

                                        $i++;

                                        if(isset($row->db_types) && ($row->db_types =='Payment' || $row->db_types =='Received' || $row->db_types =='Purchase' || $row->db_types =='Damage Return' || $row->db_types =='Sales Return' || $row->db_types =='Commission')){
                                            $payment_amount = $row->amount;
                                            $bill_amount = 0;
                                        }else{
                                            $payment_amount = 0;
                                            $bill_amount = $row->amount;
                                        }

                                        $payment_total += $payment_amount;
                                        $billed_total += $bill_amount;

                                        $total_balance = $opening_balance + $billed_total - $payment_total ;
                                        $usd_balance = $total_balance ;

                                        if($total_balance>0) { $amnt_sign = 'Dr'; } else { $amnt_sign = 'Cr'; }

                                    @endphp
                                    
                                    <tr>
                                        <td style="text-align: center;">{{ $i }}</td>
                                        <td style="text-align: center;">{{ date('d-m-Y', strtotime($row->txn_date)) }}</td>
                                        <td style="text-align: left;">{{ $row->values }}  
                                            <span style="font-size: 10px;">( {{ $row->remarks }} )</span>
                                        </td>                                        
                                        <td style="text-align: center;">
                                        @if($row->db_types =='Received')
                                            RV#
                                        @elseif($row->db_types =='Commission')
                                            CN#
                                        @elseif($row->db_types =='Damage Return')
                                            DR# 
                                        @elseif($row->db_types =='Sales')
                                            SI#
                                        @elseif($row->db_types =='Sales Return')
                                            SRI#
                                        @endif
                                        {{ $row->voucher_no }}</td>
                                        <td style="text-align: center;">{{ $row->db_types }}</td>
                                        <td style="text-align: right;">{{ number_format($bill_amount,2) }}</td>
                                        <td style="text-align: right;">{{ number_format($payment_amount,2) }}</td>
                                        <td style="text-align: right;">{{ number_format($total_balance,2) }} {{ $amnt_sign }}</td>
                                    </tr>

                                    
                                @endforeach
                                
                                <tr> 
                                    <th>#</th>          
                                    <th> {!! date('d-m-Y', strtotime($end_date))!!}</th>  
                                    <th style="text-align: left;"> Closing Balance </th>
                                    <th style="text-align: center;"> -- </th>
                                    <th style="text-align: center;"> -- </th>
                                    <th style="text-align: right;">{{ number_format($billed_total,2) }}</th>
                                    <th style="text-align: right;">{{ number_format($payment_total,2) }}</th>
                                    <th style="text-align: right;">{{ number_format($total_balance,2) }} {{ $amnt_sign }}</th>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                        </div>
                    </div>

@endif

<style>

        table#myTable thead#myHeader { background: #D9E5D8; color: #006C32; }
        div#myTablePrint table#myTable tbody tr td {  border: 1px solid; border-collapse: collapse; text-align: left; height: 28px; font-size: 15px;}
        div#myTablePrint table#myTable thead#myHeader tr th {border-collapse: collapse; border: 1px solid #000000!important;}
        div#myTablePrint table#myTable tbody tr th{border-collapse: collapse; border: 1px solid #000000!important; }
        thead th {border-collapse: collapse; border-right: 1px solid #000000 !important; }
        .requisitionmas.alert.alert-info { margin-top: 35px; }
        table#myTable thead#myHeader{
                position: sticky;
                top: 0;
                /* width: 109%; */
                background: #D9E5D8;
            }
        
        
    </style>

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

   

<script>

function printData() {
            var print_ = document.getElementById("myTablePrint");
            win = window.open("");
            win.document.write(print_.outerHTML);

            win.document.write('<style type="text/css">');
            
            win.document.write('.col-sm-12.text-center h2, .col-sm-12.text-center h4, .col-sm-12.text-center h5 { text-align: center; margin: 0; }');
            win.document.write('.col-sm-12.text-center h2 { font-size: 24px; }');
            win.document.write('.col-sm-12.text-center h4 { font-size: 18px; }');
            win.document.write('.col-sm-12.text-center.printlogo { text-align: center; }');

            win.document.write('#myTablePrint table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; }');
            win.document.write('#myTablePrint table#myTable thead tr th { font-weight: bold; border: 1px solid #000000!important; font-size: 14px; padding: 8px; text-align: center; }');
            win.document.write('#myTablePrint table#myTable tbody tr td { text-align: center; height: 20px; border: 1px solid #000000!important; font-size: 14px; font-weight: bold; padding: 5px; }');
            win.document.write('#myTablePrint table#myTable tbody tr th { text-align: center; height: 20px; border: 1px solid #000000!important; font-size: 14px; font-weight: bold; padding: 5px;}');
            win.document.write('#myTablePrint table tbody .leftsidenobox tr td { border: none; padding: 5px; }');

            win.document.write('#myTablePrint table tfoot tr th { font-weight: normal; text-align: center; font-size: 12px; padding: 5px; }');
            win.document.write('#myTablePrint table tfoot tr td { font-size: 12px; font-weight: normal; padding: 5px; text-align: left; }');
            win.document.write('#myTablePrint table tfoot tr th:last-child { font-size: 10px; font-style: italic; }');

            win.document.write('#myTablePrint table tfoot tr td { font-weight: bold; font-size: 14px; }');
            win.document.write('#myTablePrint table tfoot tr th, #myTablePrint table tfoot tr td { padding: 10px 5px; }');
            
            win.document.write('#myTablePrint table tfoot tr td b { font-size: 14px; font-weight: normal; }');
            win.document.write('#myTablePrint table tfoot tr td { font-size: 14px; padding-left: 5px; padding-right: 5px; text-align: left;}');

            win.document.write('body { margin: 20px; padding: 10px; font-family: Arial, sans-serif; }');
            win.document.write('table { border-collapse: collapse; }');

            win.document.write('.col-sm-12.text-center img { width: 15%; }');
            

            win.document.write('</style>');

            win.print();
            win.close();
        }


function exportTableToExcel(tableID, filename = '',report_header='')
  {
      var downloadLink;
      var dataType = 'application/vnd.ms-excel';
      var tableSelect = document.getElementById(tableID);
      var tableHTML = '';

      if(report_header!='')
      {
          tableHTML = $("#"+report_header).html();
      } else {
          tableHTML = '';
      }

      tableHTML = tableHTML + tableSelect.outerHTML.replace(/ /g, '%20');

      // Specify file name
      filename = filename?filename+'.xls':'excel_data.xls';

      // Create download link element
      downloadLink = document.createElement("a");

      document.body.appendChild(downloadLink);

      if(navigator.msSaveOrOpenBlob){
          var blob = new Blob(['\ufeff', tableHTML], {
              type: dataType
          });
          navigator.msSaveOrOpenBlob( blob, filename);
      }else{
          // Create a link to the file
          downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

          // Setting the file name
          downloadLink.download = filename;

          //triggering the function
          downloadLink.click();
      }
  }
function valueReset() {
        location.href = "http://localhost/store/public/dailysummaryreport";
    }

    $(window).scroll(function() {
    var scroll = $(window).scrollTop();

    if (scroll >= 100) {
        $("table#myTable").addClass("fixedHeader");
    } else {
        $("table#myTable").removeClass("fixedHeader");
    }
});
jQuery( function($) {
    $( "#start_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
    $( "#end_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
} );


</script>
    
 

@endsection