@extends('layouts.app')
@section('title', __('Profit & Loss (Tally Format)'))
@section('content')
<section class="content-header"><h1>@lang('Profit & Loss (Tally Format)')</h1></section>
<section class="content">
    <div class="box box-primary">
        <div class="box-header with-border">
            <div class="row">
                <div class="col-md-4">{!! Form::text('date_range', null, ['class' => 'form-control', 'id' => 'date_range', 'placeholder' => __('Date Range'), 'readonly']) !!}</div>
                <div class="col-md-4">{!! Form::select('location_id', $locations, null, ['class' => 'form-control select2', 'id' => 'location_id', 'placeholder' => __('All Locations')]) !!}</div>
                <div class="col-md-4"><button class="btn btn-primary" id="apply_filter"><i class="fas fa-search"></i> @lang('Apply')</button></div>
            </div>
        </div>
        <div class="box-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="box box-success"><div class="box-header"><h3 class="box-title">@lang('Income')</h3></div>
                        <div class="box-body" id="income_section"><p class="text-muted">@lang('advancedreports::lang.loading')</p></div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="box box-danger"><div class="box-header"><h3 class="box-title">@lang('Expenses')</h3></div>
                        <div class="box-body" id="expense_section"><p class="text-muted">@lang('advancedreports::lang.loading')</p></div>
                    </div>
                </div>
            </div>
            <div class="row"><div class="col-md-12">
                <div class="box box-info"><div class="box-body text-center">
                    <h3>@lang('Net Profit'): <span id="net_profit" class="text-success">$0.00</span></h3>
                </div></div>
            </div></div>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script>
$(document).ready(function() {
    var loadingText = @json(__('advancedreports::lang.loading'));
    var totalIncomeText = @json(__('Total Income'));
    var totalExpensesText = @json(__('Total Expenses'));
    $('#date_range').daterangepicker(dateRangeSettings, function(start, end) { $('#date_range').val(start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format)); });
    function loadData() {
        var dates = $('#date_range').val().split(' ~ ');
        $.ajax({ url: '{{ route("advancedreports.accounts-register.profit-loss-tally.data") }}', data: { start_date: dates[0], end_date: dates[1], location_id: $('#location_id').val() },
            success: function(data) {
                var incomeHtml = '<table class="table table-condensed">';
                $.each(data.income, function(k, v) { incomeHtml += '<tr><td>' + k + '</td><td class="text-right"><span class="display_currency" data-currency_symbol="true">' + v + '</span></td></tr>'; });
                incomeHtml += '<tr class="bg-success"><td><strong>' + totalIncomeText + '</strong></td><td class="text-right"><strong><span class="display_currency" data-currency_symbol="true">' + data.total_income + '</span></strong></td></tr></table>';
                $('#income_section').html(incomeHtml);
                var expenseHtml = '<table class="table table-condensed">';
                $.each(data.expenses, function(k, v) { expenseHtml += '<tr><td>' + k + '</td><td class="text-right"><span class="display_currency" data-currency_symbol="true">' + v + '</span></td></tr>'; });
                expenseHtml += '<tr class="bg-danger"><td><strong>' + totalExpensesText + '</strong></td><td class="text-right"><strong><span class="display_currency" data-currency_symbol="true">' + data.total_expenses + '</span></strong></td></tr></table>';
                $('#expense_section').html(expenseHtml);
                $('#net_profit').html('<span class="display_currency" data-currency_symbol="true">' + data.net_profit + '</span>').removeClass('text-success text-danger').addClass(data.net_profit >= 0 ? 'text-success' : 'text-danger');
                __currency_convert_recursively($('.content'));
            },
            error: function() {
                $('#income_section, #expense_section').html('<p class="text-muted">' + loadingText + '</p>');
            }
        });
    }
    loadData();
    $('#apply_filter').click(loadData);
});
</script>
@endsection