@extends('layouts.app')
@section('title') {{'Day Book Details'}} @endsection
@section('content')

  
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> Day Book Details 
                <a href="{{ url('/partyledger') }}" class="pull-right"> Back to Day Book List </a>
            </div>
            <div class="col-sm-12 text-center">
                <div class="clearfix">
                    <p class="pull-right">
                        <!-- upload Defect stary -->
                        @if ($stock_out->status == 0 && Auth::user()->parents == "0")
                            <a href="#" class="btn btn-warning pull-right" data-toggle="modal" data-target="#defect_description" > Confirm </a>
                        @endif
                        @if ($stock_out->status == 1 && $stock_out->db_types == "Payment" && Auth::user()->parents == "0")
                            <a href="#" class="btn btn-warning pull-right" data-toggle="modal" data-target="#reciept" > Payment Voucher </a>
                        @endif
                        @if ($stock_out->status == 1 && $stock_out->db_types == "Received" && Auth::user()->parents == "0")
                            <a href="#" class="btn btn-warning pull-right" data-toggle="modal" data-target="#reciept" > Receipt Voucher </a>
                        @endif
                    </p>
                </div>
            </div>
            

            <div class="panel-body">
                    

                <div class="form-group">
                    
                    <div class="col-md-3">                        
                        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" id="myTablePrint">
                        <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> 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> {!! $row->amount !!} </td>
                                        <td> {!! $row->remarks !!} </td>  
                                    </tr>
                                @endforeach
                                    <tr>
                                        <th colspan="5">Grand Total =</th>
                                        <th>{!! number_format($total_amount) !!}</th>
                                        <th></th>
                                    </tr>
                                
                            </tbody>
                        </table>
                    </div>
                        
                </div>

            </div>
        </div>
<!-- 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;">Day Posting Confirmation</span>                           
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                        
                <!-- Modal body -->
                <div class="modal-body">
                    <div class="experience_section education">
                        <content class="text-align-center">
                            @include('layouts.head')
                            <br>
                            <h2><u>Invoice/Purchase Challan</u></h2>
                            <br>
                        </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>
<!-- Reciept 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>
 

@endsection