<div class="content-wrapper">
   
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col">

                    <div class="card card-primary card-outline">
                        <div class="card-header">

                            <h5 class="m-0"><?php echo $pageTitle; ?> <a href="<?php echo site_url("accounts/vouchers/".$VoucherType->voucher_alias."/create"); ?>" class="btn btn-sm btn-primary float-right">Create New <?php echo $pageTitle; ?></a></h5>

                        </div>

                        <div class="card-body">

                            <?php $TableData = $Vouchers ?>

                            <table class="table table-bordered table-striped" id="voucherList">
                                <thead>
                                    <tr>
                                        <th>ID#</th>
                                        <th>Voucher No</th>
                                        <th>Voucher Date</th>

                                        <th>Voucher Type</th>
                                        <th>Voucher State</th>

                                        <th class="table-col col-2">Action</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <?php $a=0; foreach ($TableData as $TableRow) : $a++; ?>
                                        <?php foreach ($TableRow as $cols) : $id = $cols;
                                            break;
                                        endforeach; ?><tr data-id="<?php echo $TableRow->voucher_id; ?>" class="<?php echo($TableRow->voucher_state=="Reversed")?"table-danger":""; ?>">
                                            <td><?php echo $TableRow->voucher_id; ?></td>
                                            <td><?php echo $TableRow->voucher_no; ?></td>

                                            <td><?php echo $TableRow->voucher_date; ?></td>

                                            <td><?php echo $TableRow->voucher_type; ?></td>
                                            <td><?php echo $TableRow->voucher_state; ?></td>

                                            <td class="col-1">
                                                <a onClick="javascript:showDetails(<?php echo $id; ?>);" class="btn btn-success btn-xs" title="View Details"><i class="fa fa-eye"></i></a>

                                            </td>
                                        </tr>

                                    <?php endforeach; ?>
                                <tbody>
                            </table>
                            <div class="modal fade" id="voucherdetails_box" tabindex="-1" role="dialog" aria-labelledby="voucherdetails_box" aria-hidden="true">
                                <div class="modal-dialog modal-xl" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <h5 class="modal-title" id="exampleModalLabel">Voucher Details</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body" id="details_container">
                                            Voucher Details Goes Here
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" onClick='reversalEntry()' id="reversalBtn" class="btn btn-secondary" data-dismiss="modal" data-id="">Revarsal Entry</button>
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <script>
                                function showDetails(id) {
                                    $.ajax({
                                        url: "<?php echo site_url("accounts/vouchers/voucherdetails/"); ?>" + id,
                                        success: function(data) {
                                            $("#details_container").html(data);
                                            $("#reversalBtn").data("id",id);
                                            $("#voucherdetails_box").modal('show');
                                        }
                                    });
                                }
                                function reversalEntry()
                                {
                                    var id=$("#reversalBtn").data("id");

                                    if(confirm("Are you sure you want to post reversal for this voucher?"))
                                    {
                                        window.location="<?php echo site_url("accounts/vouchers/reversal/"); ?>"+id;
                                    }
                                }
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php
function footerfunctions()
{
?>
    <script>
        $(document).ready(function() {
            var table = $('#voucherList').DataTable();          

            var tableRows = $('table#voucherList tbody').find('tr');
            tableRows.each(function() {
                async: false;
                var jqueryRow = $(this);
                var row = table.row(jqueryRow);
                var id=$(this).data("id");
                var Transactions="<table class='table table-resonsive'><tr><th>Account<\/th><th>Narration<\/th><th>Dr<\/th><th>Cr<\/th><\/tr><tr><td>Billable Projects<\/td><td>Website Development<\/td><td>50000<\/td><td>0<\/td><\/tr><tr><td>Larke Himal Jadibuti Udhyog<\/td><td>Website Development<\/td><td>0<\/td><td>50000<\/td><\/tr><\/table>";
                Transactions=getVoucherDetails(id);
                row.child(Transactions).show();
            });


        });

        function getVoucherDetails(id) {
            $.data;
            $.ajax({
                url: "<?php echo site_url("ajax/getVoucherDetailsTable/"); ?>" + id,
                async: false,
                success: function(data) {
                    $.data=data;
                }
            });
            return ($.data);
        }
    </script>
<?php
}
?>