@extends('layouts.app')
@section('title') {{'Item Wise Stock Ledger'}} @endsection 
@section('content')

    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                Item Wise Stock Ledger
                <a href="{{ url('/ProductStockReport') }}" class="pull-right"> Back </a>
            </div>

            <div class="panel-body">
            <div class="form-group">
            <form action="" method="get" autocomplete="off">
                <div class="form-group">
                    
                    <div class="col-md-3">
                         Search by Item
                        <select name="product_id" class="form-control selectpicker" data-live-search="true" >
                            <option value=""> Search </option>
                            @if(isset($all_products))
                                @foreach($all_products as $val)
                                    <option value="{{ $val->id }}"  @if(isset($_GET['product_id']) && $_GET['product_id'] == $val->id) selected="selected" @endif >{{ $val->id }} - {{ $val->product_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-04" 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>
                    </div>
                </div>
            </form>
          </div>
            <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($product_id) && $product_id !='')
            <div id="myTablePrint" class="form-group mt-1" style="width:100%; overflow: scroll;" >
                <div class="col-sm-12 text-center">
                        @include('layouts.head')
                                                <h2><u>Item Ledger</u></h2>
                        <h5>{!! date('d-F-Y', strtotime($start_date)) !!} to {!! date('d-F-Y', strtotime($end_date)) !!} </h5>
                        <br>
                    </div>
                @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
                @endif
                <table>
                    <th>
                        @php
                            foreach($all_products as $val){
                                if($_GET['product_id'] == $val->id){
                                    $product_name = $val->product_name;
                                    break;
                                }
                            }
                        @endphp
                        <tr><td>Item Code: {{$_GET['product_id']}}</td></tr>
                        <tr><td>Item Name: {{$product_name}}</td></tr>
                    </th>
                </table>
                <table id="myTable" class="table table-striped table-hover mt-1">
                    <thead class="header" id="myHeader">
                    <tr>
                        <th> S.N. </th>
                        <th> Date </th>
                        <th> Voucher No. </th>
                        <th> Supplier/Customer Name </th>
                        <th> Vch Type </th>
                        <th> In Quantity </th>
                        <th> Out Quantity </th>
                        <th> Stock </th>
                    </tr>
                    </thead> 
                    <tbody>
                      @php $i=0;
                          $T_Received = 0;
                          $T_Sales = 0;
                          $Balance = 0;

                          $opening_balance = $opening_stock->product_received - $opening_stock->product_sales + $opening_stock->product_in -$opening_stock->product_out + $opening_stock->product_return - $opening_stock->purchase_return;
            
                      @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: center;"> -- </td>      
                          <td style="text-align: center;"> -- </td>  
                          <th style="text-align: center;">{{ $opening_balance }}</th>     
                      </tr>
                      @php
                          $i = 1;
                      @endphp
                      @foreach ($product_data as $txn_date => $products)
                          @foreach ($products as $index => $product)
                          @php
                              $Supplier = DB::table('suppliers')->select('name')->where('id','=', $product['supplier'])->first();
                              $T_Received += isset($product['in']) ? $product['in'] : 0 ;
                              $T_Sales += isset($product['out']) ? $product['out'] : 0;

                              $Balance = $opening_balance + $T_Received - $T_Sales;
                          @endphp
                            <tr>
                                <td style="text-align: center;">{{ $i++ }}</td>
                                <td style="text-align: center;">{!! date('d-M-Y', strtotime($txn_date)) !!}</td>
                                <td style="text-align: left;">{{ $product['voucher_no'] }}</td>
                                <td style="text-align: left;">{{ $Supplier->name }}</td>
                                <td style="text-align: center;">{{ $product['vch_type'] }}</td>
                                <td style="text-align: center;">{{ isset($product['in']) ? $product['in'] : '' }}</td>
                                <td style="text-align: center;">{{ isset($product['out']) ? $product['out'] : '' }}</td>
                                <td style="text-align: center;">{{ $Balance }}</td>
                            </tr>
                          @endforeach
                      @endforeach
                      <tr> 
                          <th style="text-align: center;">#</th>          
                          <th style="text-align: center;"> {!! 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: center;">{{ number_format($T_Received,2) }}</th>
                          <th style="text-align: center;">{{ number_format($T_Sales,2) }}</th>
                          <th style="text-align: center;">{{ number_format($Balance,2) }}</th>
                      </tr>
                    
                    </tbody>
                </table>
            </div>
            
            @endif
            </div>
        </div>
    </div>
<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; text-align: center;}
    .requisitionmas.alert.alert-info { margin-top: 35px; }
    table#myTable thead#myHeader{
            position: sticky;
            top: 0;
            /* width: 109%; */
            background: #D9E5D8;
        }
</style>

    <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