@extends('layouts.admin')

@section('title', trans('general.title.edit', ['type' => trans_choice('general.reconciliations', 1)]))

@section('content')
    <div class="box box-success">
        <div class="box-header with-border">
            <h3 class="box-title">{{ trans_choice('general.transactions', 2) }}</h3>
        </div>
        <div class="box-body">
            {!! Form::model($reconciliation, [
                'method' => 'PATCH',
                'url' => ['banking/reconciliations', $reconciliation->id],
                'role' => 'form',
                'id' => 'form-reconciliations',
                'class' => 'form-loading-button'
            ]) !!}

            {{ Form::hidden('account_id', $account->id) }}
            {{ Form::hidden('currency_code', $currency->code, ['id' => 'currency_code']) }}
            {{ Form::hidden('opening_balance', $opening_balance, ['id' => 'opening_balance']) }}
            {{ Form::hidden('closing_balance', $reconciliation->closing_balance, ['id' => 'closing_balance']) }}
            {{ Form::hidden('started_at', $reconciliation->started_at) }}
            {{ Form::hidden('ended_at', $reconciliation->ended_at) }}
            {{ Form::hidden('reconcile', $reconciliation->reconcile, ['id' => 'hidden-reconcile']) }}
            <div class="table table-responsive">
                <table class="table table-striped table-hover" id="tbl-transactions">
                    <thead>
                    <tr>
                        <th class="col-md-2">{{ trans('general.date') }}</th>
                        <th class="col-md-3">{{ trans('general.description') }}</th>
                        <th class="col-md-2">{{ trans_choice('general.contacts', 1) }}</th>
                        <th class="col-md-2 text-right">{{ trans('reconciliations.deposit') }}</th>
                        <th class="col-md-2 text-right">{{ trans('reconciliations.withdrawal') }}</th>
                        <th class="col-md-1 text-right">{{ trans('general.clear') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($transactions as $item)
                        <tr>
                            <td>{{ Date::parse($item->paid_at)->format($date_format) }}</td>
                            <td>{{ $item->description }}</td>
                            <td>@if (!empty($item->contact)) {{ $item->contact->name }} @else {{ trans('general.na') }}@endif</td>
                            @if (($item->model == 'App\Models\Income\InvoicePayment') || ($item->model == 'App\Models\Income\Revenue'))
                                <td class="text-right">@money($item->amount, $item->currency_code, true)</td>
                                <td>&nbsp;</td>
                            @else
                                <td>&nbsp;</td>
                                <td class="text-right">@money($item->amount, $item->currency_code, true)</td>
                            @endif
                            <td class="text-right">{{ Form::checkbox('transactions['. $item->id . '_'. $item->model . ']', $item->amount, $item->reconciled) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                @if ($transactions->count())
                    <table class="table">
                        <tbody>
                        <tr>
                            <th class="text-right">{{ trans('reconciliations.closing_balance') }}:</th>
                            <td id="closing-balance" class="col-md-1 text-right">@money($reconciliation->closing_balance, $account->currency_code, true)</td>
                        </tr>
                        <tr>
                            <th class="text-right">{{ trans('reconciliations.cleared_amount') }}:</th>
                            <td id="cleared-amount" class="col-md-1 text-right">@money('0', $account->currency_code, true)</td>
                        </tr>
                        <tr>
                            <th class="text-right">{{ trans('general.difference') }}:</th>
                            <td id="difference" class="col-md-1 text-right">@money('0', $account->currency_code, true)</td>
                        </tr>
                        </tbody>
                    </table>
                @endif
            </div>
        </div>
        <div class="box-footer">
            @if ($transactions->count())
                <div class="form-group no-margin">
                    {!! Form::button('<span class="fa fa-save"></span> &nbsp;' . trans('general.save'), ['type' => 'submit', 'class' => 'btn btn-default button-submit', 'data-loading-text' => trans('general.loading')]) !!}
                    {!! Form::button('<span class="fa fa-check"></span> &nbsp;' . trans('reconciliations.reconcile'), ['type' => 'button', 'id' => 'button-reconcile', 'class' => 'btn btn-success button-submit', 'data-loading-text' => trans('general.loading'), 'disabled' => 'disabled']) !!}
                    <a href="{{ route('reconciliations.index') }}" class="btn btn-default"><span class="fa fa-times-circle"></span> &nbsp;{{ trans('general.cancel') }}</a>
                </div>
            @else
                {{ trans('general.no_records') }}
            @endif
        </div>
        {!! Form::close() !!}
    </div>
@endsection

@push('scripts')
<script type="text/javascript">
    $(document).ready(function(){
        $('#tbl-transactions input[type="checkbox"]').trigger('change');
    });

    $(document).on('change', '#tbl-transactions input[type="checkbox"]', function (e) {
        $.ajax({
            url: '{{ url("banking/reconciliations/calculate") }}',
            type: 'POST',
            dataType: 'JSON',
            data: $('#form-reconciliations').serialize(),
            headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
            success: function(data) {
                if (data) {
                    if (data.difference_raw != 0)  {
                        $('#button-reconcile').attr('disabled','disabled');
                        $('#difference').css('background-color', '#f2dede');
                    } else {
                        $('#button-reconcile').removeAttr('disabled');
                        $('#difference').css('background-color', '#d0e9c6');
                    }

                    $('#closing-balance').html(data.closing_balance);
                    $('#cleared-amount').html(data.cleared_amount);
                    $('#difference').html(data.difference);
                }
            }
        });
    });

    $(document).on('click', '#button-reconcile', function (e) {
        $('#hidden-reconcile').val(1);

        $('#form-reconciliations').submit();
    });
</script>
@endpush