<script type="text/javascript">
    $(function() {
        $('.date').pikaday({ firstDay: 1, format:'YYYY-MM-DD', autoclose:true });
        $(".date").pikaday({ firstDay: 1, format:'YYYY-MM-DD', autoclose:true });
        $('.datatable').DataTable({
            "columnDefs": [ {
                "searchable": false,
                "orderable": false,
                "targets": 0
            } ],
            "order": [[ 1, 'asc' ]],
            "bLengthChange": false,
            "bInfo" : false,
            "filter" : true,
            "oLanguage": { "sSearch": ""}
        });
        $('div.dataTables_filter input').addClass('form-control input-sm');
    });
</script>
<div class="col-md-3">
    <div class="form-group">
        <?php echo Form::label('category', trans('application.category')); ?>

        <?php echo Form::select('category',$categories,$category, ['class' => 'form-control input-sm chosen', 'id' => 'category', 'required']); ?>

    </div>
</div>
<div class="col-md-3">
    <label><?php echo e(trans('application.from')); ?> : </label>
    <div class="form-group input-group">
        <input class="form-control input-sm date" size="16" type="text" name="from_date" readonly id="from_date"/>
        <span class="input-group-addon input-sm add-on"><i class="fa fa-calendar" style="display: inline"></i></span>
    </div>
</div>
<div class="col-md-3">
    <label><?php echo e(trans('application.to')); ?> : </label>
    <div class="form-group input-group" style="margin-left:0;">
        <input class="form-control input-sm date" size="16" type="text" name="to_date" readonly id="to_date"/>
        <span class="input-group-addon input-sm add-on"><i class="fa fa-calendar" style="display: inline"></i></span>
    </div>
</div>
<div class="col-md-3">
    <label> </label>
    <div class="form-group">
        <a href="javascript: void(0);" onclick="javascript: expenses_report();" class="btn btn-large btn-sm btn-success"  style="margin:6px"><i class="fa fa-check"></i> <?php echo e(trans('application.generate_report')); ?></a>
    </div>
</div>

<div class="col-md-12">
    <table class="table table-bordered">
        <thead>
        <tr class="table_header">
            <th><?php echo e(trans('application.name')); ?></th>
            <th><?php echo e(trans('application.date')); ?></th>
            <th><?php echo e(trans('application.category')); ?></th>
            <th class="text-right"><?php echo e(trans('application.amount')); ?></th>
        </tr>
        </thead>
        <tbody>
        <?php ($total = 0); ?>
        <?php $__currentLoopData = $expenses; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $expense): $__env->incrementLoopIndices(); $loop = $__env->getFirstLoop(); ?>
            <?php ($expense_amount_converted = currency_convert(getCurrencyId($expense->currency),$expense->amount)); ?>
            <?php ($total += $expense_amount_converted); ?>
            <tr>
                <td><?php echo e($expense->name); ?> </td>
                <td><?php echo e(format_date($expense->expense_date)); ?> </td>
                <td><?php echo e($expense->category_name); ?> </td>
                <td class="text-right"><?php echo e(format_amount($expense_amount_converted)); ?> </td>
            </tr>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getFirstLoop(); ?>
        <tr>
            <td class="text-bold"><?php echo e(trans('application.total')); ?></td>
            <td class="text-right text-bold text-green" colspan="3"><?php echo e(defaultCurrency().' '.format_amount($total)); ?></td>
        </tr>
        </tbody>
    </table>
</div>