@extends('layouts.app')
@section('title') {{'Received Voucher List'}} @endsection
@section('content')

    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-heading"> Received Voucher List 

                <a href="{{ url('/partyledger') }}" class="pull-right"> Back </a>
            </div>

            <div class="panel-body">

                @if (Session::has('msg'))
                    <div class="alert alert-info">{{ Session::get('msg') }}</div>
                @endif
                <div class="form-group">
                    <form method="get"  action="">
                        <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>
                                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>    
                        </div>
                    </form>
                    
                </div>


                <a class="pull-right btn btn-info" href="{{ url('/partyledger/create') }}" > Create New</a>
                <br>
                <div class="panel-body" id="myTablePrint">
                    
                    <div style="margin-top: 30px; text-align: center; font-size: 30px;">
                        04-June-2026                    </div>

                <div class="form-group mt-1" style="width:100%; overflow: scroll;" >

                <table id="myTable" class="table table-striped table-hover">
                    <thead  class="header" id="myHeader">
                    <tr>
                        <th> S.N.</th>
                        <th> Voucher No.</th>
                        <th> Method Type </th>
                        <th> Date </th>
                        <th> Details </th>
                        <th> Action </th>
                    </tr>
                    </thead>
                    <tbody>
                    @php $i=0; @endphp
                    @if($day_book_list)    
                    @foreach($day_book_list as $row)
                       @php $i++;  @endphp
                        <tr>
                            <td>{{$i}}</td>
                            <td>{{$row->voucher_no}}</td>
                            <td>{{$row->db_types}}</td>
                            <td>{{date('d-m-Y', strtotime($row->txn_date))}}</td>
                            <td>
                                <a href="{{ url('/partyledger/'.$row->id) }}" class="btn btn-primary pull-left">View</a> 
                            </td>
                            <td style="width: 70px;">
                                @if(isset($row->status) && $row->status ==0)
                                <a href="{{ url('/editdaybook/'.$row->id) }}"> 
                                  <i class="fa fa-edit" style="color:green"></i> </a>
                                @if (Auth::user()->parents == "0")
                                   | 
                                 
                                <form  class="pull-right delete" action="{{ url('/partyledger/'.$row->id) }}" method="post" onsubmit="return confirm('Are you sure you want to delete?')" >
                                    {{method_field('DELETE')}}
                                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                    <button type="submit"><i class="fa fa-remove" style="color:red"></i></button>
                                </form>
                                @endif
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    @endif

                    </tbody>
                </table>
                </div>
                </div>
            </div>
        </div>
        <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($) {
            $( "#start_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
            $( "#end_date" ).datepicker( { dateFormat: "yy-mm-dd" } );
        } );
    </script>


@endsection