@extends('layouts.app')
@section('title') {{'Received Voucher Details'}} @endsection
@section('content')
@include('layouts.numbertowords')
  
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> Received Voucher Details 
                <a href="{{ url('/partyledger') }}" class="pull-right"> Back </a>
            </div>
            <div class="col-sm-12 text-center">
                <div class="clearfix">
                    <p class="pull-right">
                        @if ($stock_out->status == 0 && Auth::user()->parent_id == "0")
                            <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#defect_description" > Confirm </a>
                        @endif
                        @if ($stock_out->status == 1 && $stock_out->db_types == "Payment" && Auth::user()->parent_id == "0")
                            <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#reciept" > Payment Voucher </a>
                        @endif
                        @if ($stock_out->status == 1 && $stock_out->db_types == "Received" && Auth::user()->parent_id == "0")
                            <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#moneyreciept" > Money Receipt </a>
                            <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#reciept" > Received Voucher </a>
                        @endif
                    </p>
                </div>
            </div>

            <div class="panel-body">
                

                <div class="form-group">
                    
                    <div class="col-md-3">                        
                        Voucher No. : {!! $stock_out->voucher_no !!}
                        <br/> 
                        Method Type : {!! $stock_out->db_types !!}
                        <br/> 
                        Posting Date : {!! date('d-m-Y', strtotime($stock_out->txn_date))!!}                       
                    </div>
                    <br/><br/><br/>
                </div>
                <div class="form-group mt-1" style="width:100%; height:500px; overflow: scroll;" >
                    <div class="panel-body" >
                        <table id="myTable" class="table table-striped table-hover">
                            <thead  class="header" id="myHeader"> 
                            <tr>
                                <th> SL No. </th>
                                <th> Date </th>
                                <th> ID </th>
                                <th> Party Name </th>
                                <th> Description Type</th>
                                <th> Amount </th>
                                <th> Cash/Cheque </th>
                                <th> PO/DD/TT/CQ No.</th>
                                <th> Cheque date </th> 
                                <th> Remarks </th>
                            </tr>
                            </thead>
                            <tbody >
                                @php 
                                    $i=0; 
                                    $total_amount = 0;
                                @endphp
                                @foreach ($day_book_list as $row)
                                    @php
                                        $i++;
                                        $total_amount += $row->amount;
                                    @endphp

                                    <tr> 
                                        <td> {{$i}}</td> 
                                        <td> {!! date('d-m-Y', strtotime($row->txn_date))!!}</td>
                                        <td> {!! $row->supplier_id !!} </td>
                                        <td> {!! $row->name !!} </td>
                                        <td> {!! $row->values !!} </td>   
                                        <td> {!! number_format($row->amount,2) !!} </td>
                                        <td> {!! $row->cash_cheque !!} </td>
                                        <td> {!! $row->po_dd_tt_cq !!} </td>
                                        @if($row->cheque_date!='')
                                        <td> {!! date('d-M-Y', strtotime($row->cheque_date)) !!} </td>
                                        @else
                                        <td>  </td>
                                        @endif
                                        <td> {!! $row->remarks !!} </td>  
                                    </tr>
                                @endforeach
                                    <tr>
                                        <th colspan="5">Grand Total =</th>
                                        <th>{!! number_format($total_amount,2) !!}</th>
                                        <th></th>
                                    </tr>
                                
                            </tbody>
                        </table>
                    </div>
                        
                </div>

            </div>
        </div>
<!-- upload Defect Description model start -->
        <div class="modal fade" id="defect_description">
                    <div class="modal-dialog modal-lg">
                      <div class="modal-content">
                      
                        <!-- Modal Header -->
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        
            <!-- Modal body -->
                  <div class="modal-body">
                        <div class="experience_section education">
                      <header>
                          <h4>Day Posting Confirmation <span style="color: red;">(Fill all fields)</span></h4>
                      </header>
                      <content>
                        <form method="post" action="{{ url('/partyledger') }}" enctype="multipart/form-data">
                          {{csrf_field()}}
                                <div class="col-md-2" >
                                    Posting Date :
                                    <input id="txn_date" type="text" class="form-control" name="txn_date" value="2026-06-04" autocomplete="off" required >
                                </div>
                                <div class="col-md-2">
                                    Posting No. :
                                    <input type="text" name="order_id" readonly="" class="form-control" value="{!! $day_book_list[0]->db_id !!}"  >
                                </div>
                                
                                <br/> 
                                <button type="submit" class="btn btn-info"><i class="glyphicon glyphicon-check"></i> Submit</button>
                               
                                <input type="hidden" name="supplier_id" id="supplier_id" value="{!! $day_book_list[0]->supplier_id !!}"/>
                                <input type="hidden" name="percentage" id="percentage" value="0"/> 
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/> 
                        </form>
                      </content>
                  </div>

                </div>
                
                <!-- Modal footer -->
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
                
              </div>
            </div>
        </div>
<!-- upload Defect Description model End -->
<!-- Reciept model start -->
       
<div class="modal fade" id="reciept">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">                      
            <!-- Modal Header -->
            <div class="modal-header">
                <span style="font-size:30px;"> {!! $stock_out->db_types !!} Voucher</span>
                <span title="Print" class="btn btn-primary" onclick="printData('myTablePrint')" > <i class="glyphicon glyphicon-print"> </i> </span>                           
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
                    
            <!-- Modal body -->
            <div class="modal-body" id="myTablePrint">
                <div class="col-sm-12 text-center">
                    <content class="text-center">
                        @include('layouts.head')
                        <br>
                        <h2 class="text-center"><u>{!! $stock_out->db_types !!} Voucher</u></h2>
                        <br>
                    </content>
                    <table class="table text-center table-striped table-hover">
                        <tbody class="leftsidenobox">
                          <tr>
                            <td>
                            <div style="float: left; height: 20px;">Voucher No : 
                                @if($stock_out->db_types == "Payment")
                                    PV-0{{ $stock_out->voucher_no }}
                                @else
                                    RV-0{{ $stock_out->voucher_no }}
                                @endif 
                            </div>
                            <div style="float: right; height: 20px;">Date : {!! date('M d, Y', strtotime($stock_out->txn_date))!!} </div>
                            </td>
                            
                          </tr>
                            
                        </tbody>
                    </table>
                    <table id="myTable" class="table text-center table-striped table-hover">
                        <thead class="header" id="myHeader">
                            <tr>
                                <th colspan="6" >Account Name</th>
                                <th colspan="4">Description</th>
                                <th colspan="2">Amount in BDT</th>
                            </tr>
                        </thead>
                        <tbody>
                        @php 
                            $i=0;                            
                        @endphp
    
                        @foreach($day_book_list as $row)
                            @php
                                $i++;
                                $txn_date = $row->txn_date;
                                $grand_total = $row->amount;
    
                            @endphp
                            <tr>
                                <td colspan="6"> {!! $row->name !!} </td>
                                <td colspan="4">{{ $row->values }}</td>
                                <td colspan="2">{{ number_format($grand_total,2) }}</td>
                            </tr>
                            
                            <tr>
                                <td colspan="3">
                                    <div style="float: left; height: 20px; text-align:left;">Cash/Cheque : {{ $row->cash_cheque}}</div>
                                </td>  
                                <td colspan="6">
                                    <div style="float: left; height: 20px; text-align:left;">PO/DD/TT/CQ No : {{ $row->po_dd_tt_cq}}</div>
                                </td> 
                                @if($row->cheque_date!='') 
                                <td colspan="3">
                                    <div style="float: left; height: 20px; text-align:left;">Cheque date :                                         
                                         {!! date('d-M-Y', strtotime($row->cheque_date)) !!}                                        
                                </td> 
                                @else
                                <td colspan="3"> <div style="float: left; height: 20px; text-align:left;">Cheque date : </td>
                                @endif                               
                            </tr>
                           
                        @endforeach
                            <tr>
                                <th colspan="10">Total =</th>
                                <th colspan="2">{{ number_format($grand_total,2) }}</th>
                            </tr>
                          </tbody>
                          <tfoot>
                            <tr>
                                <td style="text-align:left;" colspan="12"><b>IN WORDS :</b>
                                    {!! numberTowords($grand_total) !!}
                                </td>                          
                            </tr>
                            <tr>
                                <td>
                                    <br>
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <br>
                                </td>
                            </tr>
                        
                            <tr>
                                <td>
                                    <br>
                                </td>
                            </tr>
                        
                            <tr>
                              <th colspan="3"> Head of Accounts & Finance</th>
                              <th colspan="3"> Director</th>
                              <th colspan="3"> Managing Director</th>
                              <th colspan="3"> Chairman</th>
                            </tr>
                            
                        </tfoot>
                    </table>
                </div>
            </div>
            
            <!-- Modal footer -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
            
        </div>
    </div>
</div>
<!-- Reciept model End -->
<!-- Money Receipt model start -->
       
<div class="modal fade" id="moneyreciept">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">                      
            <!-- Modal Header -->
            <div class="modal-header">
                <span style="font-size:30px;"> Money Receipt</span>
                <span title="Print" class="btn btn-primary" onclick="moneyReceiptPrint('moneyReceiptPrint')" > <i class="glyphicon glyphicon-print"> </i> </span>                           
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
                    
            <!-- Modal body -->
            <div class="modal-body" id="moneyReceiptPrint">
                <div class="col-sm-12 text-center">
                    <content class="text-center">
                        @include('layouts.head')
                        <br>
                        <h2 class="text-center"><u>Money Receipt</u></h2>
                        <br>
                    </content>
                    <table class="table text-center table-striped table-hover">
                        <tbody class="leftsidenobox">
                          <tr>
                            <td>
                            <div style="float: left; height: 20px;">Voucher No : 
                                @if($stock_out->db_types == "Payment")
                                    PV-0{{ $stock_out->voucher_no }}
                                @else
                                    MR-0{{ $stock_out->voucher_no }}
                                @endif 
                            </div>
                            <div style="float: right; height: 20px;">Date : {!! date('d-M-Y', strtotime($stock_out->txn_date))!!} </div>
                            </td>
                            
                          </tr><br>
                            
                        </tbody>
                    </table>
                    <table id="myTable" class="table text-center table-striped table-hover">
                        <tbody class="leftsidenobox">
                            <tr>
                                <td colspan="12">
                                    <div style="float: left; height: 20px;">Received with thanks from : <b> {{$day_book_list[0]->name}} </b></div>
                                </td>                              
                            </tr>
                            <tr>
                                <td colspan="12">
                                    <div style="float: left; height: 20px;">Address : {{$day_book_list[0]->address}}</div>
                                </td>                                
                            </tr>                         
                            <tr>
                                <td colspan="4">
                                    <div style="float: left; height: 20px; text-align:left;">Cash/Cheque : {{ $day_book_list[0]->cash_cheque}}</div>
                                </td>  
                                <td colspan="4">
                                    <div style="float: left; height: 20px; text-align:left;">PO/DD/TT/CQ No : {{ $day_book_list[0]->po_dd_tt_cq}}</div>
                                </td>  
                                <td colspan="4">
                                    <div style="float: left; height: 20px; text-align:left;">Cheque date : 
                                        @if($day_book_list[0]->cheque_date!='')
                                        <td> {!! date('d-M-Y', strtotime($day_book_list[0]->cheque_date)) !!} </td>
                                        @else
                                        <td>  </td>
                                        @endif
                                </td>                                 
                            </tr>                           
                            <tr>
                                <td colspan="12">
                                    <div style="float: left; height: 20px;">Notes : {{$day_book_list[0]->remarks}}</div>
                                </td>                                
                            </tr>    
                                                        
                            <tr>
                                <td colspan="12">
                                    <br>
                                </td>                                
                            </tr>
                            @php
                                $grand_total =  $day_book_list[0]->amount ;
                            @endphp
                                              
                            <tr>
                                <td colspan="12">
                                    <div style="float: left; height: 20px;">Amount in word : {!! numberTowords($grand_total) !!}</div>
                                </td>                                
                            </tr>
                            <br>
                              
                          </tbody>
                          <tfoot>
                            <tr>
                                <th colspan="12">
                                    <div>Tk. = {{ $grand_total }}/-</div>
                                </th>
                            </tr>
                            <tr>
                              <th colspan="12"> This is computer software generated receipt, no singnature required</th>
                              
                            </tr>                      
                            
                        </tfoot>
                    </table>
                </div>
            </div>
            
            <!-- Modal footer -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
            
        </div>
    </div>
</div>
<!-- Money Receipt model End -->

        <style>
            table.table.text-center.table-striped.table-hover.fixedHeader .header tr th {
                position: sticky;
                top: 0;
                /* width: 109%; */
                background: #D9E5D8;
            }

            table#myTable thead#myHeader{
                position: sticky;
                top: 0;
                /* width: 109%; */
                background: #D9E5D8;
            }
            table.table.text-center.table-striped.table-hover.fixedHeader .header tr:last-child th{
                top: 32px;
            }
        </style>
    </div>
    <script>
        jQuery( function($) {
            $( "#txn_date" ).datepicker(
                {
                  dateFormat: "yy-mm-dd"
                }
            );
        } 
        );
    </script>
    <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 moneyReceiptPrint() {
            var print_ = document.getElementById("moneyReceiptPrint");
            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 { 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('#moneyReceiptPrint table { width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; }');
            win.document.write('#moneyReceiptPrint table#myTable tbody tr td { text-align: center; height: 20px; font-size: 14px; font-weight: bold; padding: 5px; }');
            win.document.write('#moneyReceiptPrint table#myTable thead#myHeader tr th { font-weight: bold; text-align: center; font-size: 14px; padding: 5px; }');
            win.document.write('#moneyReceiptPrint table#myTable tbody tr th { text-align: center; height: 20px; font-size: 14px; font-weight: bold; padding: 5px; }');
            win.document.write('#moneyReceiptPrint table tbody .leftsidenobox tr td { border: none; padding: 5px; }');
            
            win.document.write('#moneyReceiptPrint .col-sm-12 img { width: 15%; }');
            
            win.document.write('#moneyReceiptPrint table tfoot tr th { font-weight: normal; text-align: center; font-size: 12px; padding: 5px; }');
            win.document.write('#moneyReceiptPrint table tfoot tr th:last-child { font-size: 15px; font-style: italic; }');
            
            win.document.write('body { margin: 20px; padding: 10px; font-family: Arial, sans-serif; }');
            win.document.write('</style>');
            
            win.print();
            win.close();
        }

    </script>
 

@endsection