119 lines
3.8 KiB
PHP
119 lines
3.8 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('title', __('accounting::lang.trial_balance'))
|
|
|
|
@section('content')
|
|
|
|
@include('accounting::layouts.nav')
|
|
|
|
<section class="content">
|
|
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
{!! Form::label('date_range_filter', __('report.date_range') . ':') !!}
|
|
{!! Form::text('date_range_filter', null,
|
|
['placeholder' => __('lang_v1.select_a_date_range'),
|
|
'class' => 'form-control', 'readonly', 'id' => 'date_range_filter']); !!}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-8 col-md-offset-2">
|
|
|
|
<div class="box box-warning">
|
|
<div class="box-header with-border text-center">
|
|
<h2 class="box-title">@lang( 'accounting::lang.trial_balance')</h2>
|
|
<p>@format_date($start_date) ~ @format_date($end_date)</p>
|
|
</div>
|
|
|
|
<div class="box-body">
|
|
<table class="table table-stripped">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>@lang( 'accounting::lang.debit')</th>
|
|
<th>@lang( 'accounting::lang.credit')</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
@php
|
|
$total_debit = 0;
|
|
$total_credit = 0;
|
|
@endphp
|
|
|
|
<tbody>
|
|
@foreach($accounts as $account)
|
|
|
|
@php
|
|
$total_debit += $account->debit_balance;
|
|
$total_credit += $account->credit_balance;
|
|
@endphp
|
|
|
|
<tr>
|
|
<td>{{$account->name}}</td>
|
|
<td>
|
|
@if($account->debit_balance != 0)
|
|
@format_currency($account->debit_balance)
|
|
@endif
|
|
</td>
|
|
<td>
|
|
@if($account->credit_balance != 0)
|
|
@format_currency($account->credit_balance)
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
|
|
<tfoot>
|
|
<tr>
|
|
<th>Total</th>
|
|
<th class="total_debit">@format_currency($total_debit)</th>
|
|
<th class="total_credit">@format_currency($total_credit)</th>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
@stop
|
|
|
|
@section('javascript')
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
|
|
dateRangeSettings.startDate = AcDate.momentDate('{{$start_date}}');
|
|
dateRangeSettings.endDate = AcDate.momentDate('{{$end_date}}');
|
|
|
|
AcDate.initDaterangepicker('#date_range_filter', dateRangeSettings, function () {
|
|
apply_filter();
|
|
});
|
|
$('#date_range_filter').on('cancel.daterangepicker', function(ev, picker) {
|
|
$('#date_range_filter').val('');
|
|
apply_filter();
|
|
});
|
|
|
|
function apply_filter(){
|
|
var start = '';
|
|
var end = '';
|
|
|
|
if ($('#date_range_filter').val()) {
|
|
start = AcDate.rangeStart('#date_range_filter');
|
|
end = AcDate.rangeEnd('#date_range_filter');
|
|
}
|
|
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
urlParams.set('start_date', start);
|
|
urlParams.set('end_date', end);
|
|
window.location.search = urlParams;
|
|
}
|
|
});
|
|
|
|
</script>
|
|
|
|
@stop |