@extends('layouts/acc_layout')
@section('title', '| Ledger Report')
@section('content')
@include('successMsg')

<style>

#ladgerReportForm input{
    height:25px;
    border-radius: 5px;
}
#ladgerReportForm select{
    height:30px;
    border-radius: 5px;
}
#ledgerReportSubmit {
    padding: 2px;
    margin-top: 14px;
}

#ladgerReportInfoLeftDiv{
    color: black;
    font-size: 12px;
    /*width:41.66%;*/
    float: left;
    text-align: left;
}   
#ladgerReportInfoRightDiv{
    color: black;
    font-size: 12px;
    /*width:41.66%;*/
    float: right;
    text-align: right;
}  
/*.dataTables_filter, .dataTables_info { display: none; } */

</style>

<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">                             {{-- <a href="{{url('addLedger/'.encrypt($grandParent))}}" class="btn btn-info pull-right addViewBtn" style=""><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Ledger</a> --}}
                            {{-- <button id="printIcon" class="btn btn-info pull-right addViewBtn" style="font-size: 14px; margin-top: 10px; border: 3px solid #525659; border-radius: 25px;">
                                <i class="fa fa-print fa-lg" aria-hidden="true"> Print</i>
                            </button> --}}
                        </div>
                        <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">LEDGER REPORT</h3>
                    </div>

                    <div class="panel-body panelBodyView">

                        <!-- Filtering Start-->
                        <div class="row">
                            <div class="col-md-11">
                                <div class="row">

                                    <div class="col-md-2">
                                        <div class="row">

                                            {!! Form::open(array('url' => 'ledgerReport/', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'ladgerReportForm', 'method'=>'get')) !!}

                                            <div class="col-md-8">
                                                <div class="form-group" style="font-size: 13px; color:#212F3C">
                                                    {!! Form::label('', 'Ledger:', ['class' => 'control-label col-sm-12']) !!}
                                                    <div class="col-sm-12">
                                                        <select class="form-control" name="ledgerId">
                                                            <option value="">Select Ledger</option>
                                                            @foreach ($childrenLedger as $childLedger)
                                                                <option value={{$childLedger->id}}>{{$childLedger->name}}</option>
                                                                {{-- <option value={{$childLedger->id}}>{{$childLedger->code." - ".$childLedger->name}}</option> --}}
                                                            @endforeach
                                                        </select>

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

                                            {{-- <div class="col-md-1"></div> --}}

                                            <div class="col-md-2">
                                                <div class="form-group" style="">
                                                    {!! Form::label('', '', ['class' => 'control-label col-sm-12']) !!}
                                                    <div class="col-sm-12" style="padding-top: 13%;">
                                                        {!! Form::submit('search', ['id' => 'ledgerReportSubmit', 'class' => 'btn btn-primary btn-xs']); !!}
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2"></div>

                                            {!! Form::close()  !!}
                                        </div>
                                    </div>    {{-- end Div of ledgerSearch --}}


                                    <div class="col-md-10"></div>
                                </div>
                            </div>

                            <div class="col-md-1">
                                {{-- <div class="form-group">
                                  {!! Form::label('printList', '', ['class' => 'control-label col-sm-12 hidden']) !!}
                                    <div class="col-sm-12" style="padding-top: 25%; color: black">
                                      <button id="printList" style="background-color:transparent;border:none;float:left;">
                                        <i class="fa fa-print fa-lg" aria-hidden="true"></i>
                                      </button>
                                    </div>
                                </div> --}}
                            </div>              {{-- for print --}}



                        </div>
                        <!-- filtering end-->


                        <div>
                            <script type="text/javascript">
                                jQuery(document).ready(function($)
                                {
                                    /*$("#famsProductTable").dataTable().yadcf([

                                     ]);*/
                                    $("#accLedgerReportTable").dataTable({
                                        "sPaginationType": "full_numbers",
                                        "bFilter": true,
                                        "sDom":"lrtip",

                                        "lengthMenu": [[-1], ["All"]],
                                        // "lengthMenu": [[10, 25, 50,100, -1], [10, 25, 50,100, "All"]],
                                        "oLanguage": {
                                            "sEmptyTable": "No Records Available",
                                            "sLengthMenu": ""
                                            // "sLengthMenu": "Show _MENU_"
                                        },
                                            // "columns": [
                                            //     { "width": "4%" },
                                            //     { "width": "6%" },
                                            //     { "width": "10%" },
                                            //     { "width": "30%" },
                                            //     null,                                                
                                            //     { "width": "7%" },
                                            //     { "width": "7%" },
                                            //     { "width": "7%" },
                                            //     { "width": "4%" }
                                            // ]
                                    });

                                    $('#accLedgerReportTable_info').hide();
                                    $('#accLedgerReportTable_paginate').hide();

                                });
                            </script>

                        </div>

                        <br />
<b>Warning</b>:  Undefined variable $firstLedgerId in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/accounting/ledger/ledgerReport.blade.php</b> on line <b>161</b><br />
<br />
<b>Warning</b>:  Undefined variable $firstLedgerId in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/accounting/ledger/ledgerReport.blade.php</b> on line <b>161</b><br />
                            </div> {{-- rowDiv --}}
                        </div> {{-- printDiv --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('dataTableScript')

@endsection


<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>



<script type="text/javascript">
    $(function(){
        $("#printIcon").click(function(){

            // $("#accLedgerReportTable").removeClass('table table-striped table-bordered');
            // $('#accLedgerReportTable_info').hide();
            // $('#accLedgerReportTable_paginate').hide();


            var printStyle = '<style>#accLedgerReportTable{float:left;height:auto;padding:0px;width:100%;font-size:11px;border:1pt ash;page-break-inside:auto;} tr:last-child { font-weight: bold;} thead tr th{text-align:center;vertical-align: middle;padding:3px;font-size:11px;} tbody tr td {text-align:center;vertical-align: middle;padding:3px ;font-size:10px;} tr{ page-break-inside:avoid; page-break-after:auto } </style><style>@page {size: auto;margin: 25;}</style>';

            var mainContents = document.getElementById("printDiv").innerHTML;
            var printContents = '<div id="order-details-wrapper" style="padding: 5px 5px 0px 15px;">' + printStyle + mainContents+'</div>';


            // var printContents = document.getElementById("printView").innerHTML;
            var originalContents = document.body.innerHTML;
            document.body.innerHTML ="" + printContents;
            window.print();
            document.body.innerHTML = originalContents;

            // $("#voucherView").addClass('table table-striped table-bordered');
            location.reload();
        // window.location.href = '{{url('ledgerReport?ledgerId=64/')}}';

        });
    });

</script>