<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span>&times;</span><span class="sr-only">{{ 'close'|_ }}</span>
            </button>
            <h4 class="modal-title">
                {{ 'overview_of_reconcile_modal'|_ }}
            </h4>
        </div>

        <form style="display: inline;" class="form-horizontal" id="income" action="{{ route }}" method="POST">
            <div class="modal-body">
                <input type="hidden" name="_token" value="{{ csrf_token() }}"/>
                <input type="hidden" name="start" value="{{ start.format('Y-m-d') }}"/>
                <input type="hidden" name="end" value="{{ end.format('Y-m-d') }}"/>
                <input type="hidden" name="startBalance" value="{{ startBalance }}"/>
                <input type="hidden" name="endBalance" value="{{ endBalance }}"/>
                {% for id in selectedIds %}
                    <input type="hidden" name="journals[]" value="{{ id }}"/>
                {% endfor %}

                <table class="table table-striped table-bordered">
                    <tr>
                        <td>{{ 'submitted_start_balance'|_ }} ({{ start.isoFormat(monthAndDayFormat) }})</td>
                        <td>{{ formatAmountByAccount(account, startBalance) }}</td>
                    </tr>
                    <tr>
                        <td>{{ trans('firefly.selected_transactions', {count: selectedIds|length}) }}</td>
                        <td>{{ formatAmountByAccount(account, amount) }}</td>
                    </tr>
                    <tr>
                        <td>{{ trans('firefly.already_cleared_transactions', {count: countCleared}) }}</td>
                        <td>{{ formatAmountByAccount(account, clearedAmount) }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'submitted_end_balance'|_ }} ({{ end.isoFormat(monthAndDayFormat) }})</td>
                        <td>{{ formatAmountByAccount(account, endBalance) }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'sum_of_reconciliation'|_ }}</td>
                        <td>{{ formatAmountByAccount(account, reconSum) }}</td>
                    </tr>

                    <tr>
                        <td>{{ 'difference'|_ }}</td>
                        <td>
                            {{ formatAmountByAccount(account, difference) }}
                            <input type="hidden" name="difference" value="{{ difference }}"/>
                        </td>

                    </tr>
                </table>
                <p>
                    {% if diffCompare > 0 %}
                        {{ 'reconcile_has_more'|_ }}
                    {% endif %}
                    {% if diffCompare < 0 %}
                        {{ 'reconcile_has_less'|_ }}
                    {% endif %}
                </p>
                {% if diffCompare == 0 %}
                    <p>
                        {{ 'reconcile_is_equal'|_ }}
                    </p>
                    <input type="hidden" name="reconcile" value="nothing">
                {% endif %}
                {% if diffCompare != 0 %}
                    <div class="form-group">
                        <div class="col-lg-12">
                            <div class="radio">
                                <label>

                                    <input type="radio" name="reconcile" value="create">
                                    {% if diffCompare > 0 %}
                                        {{ trans('firefly.create_neg_reconcile_transaction', {amount: formatAmountByAccount(account, (difference*-1))})|raw }}
                                    {% endif %}
                                    {% if diffCompare < 0 %}
                                        {{ trans('firefly.create_pos_reconcile_transaction', {amount: formatAmountByAccount(account, (difference*-1))})|raw }}
                                    {% endif %}
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-12">
                            <div class="radio">
                                <label>
                                    <input type="radio" checked name="reconcile" value="nothing"> {{ 'reconcile_do_nothing'|_ }}
                                </label>
                            </div>
                        </div>
                    </div>

                    <p>
                        {{ 'reconcile_go_back'|_ }}
                    </p>
                {% endif %}
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'close'|_ }}</button>
                <button type="submit" class="btn btn-primary">{{ 'confirm_reconciliation'|_ }}</button>
            </div>
        </form>
    </div>
</div>

