@extends('layouts.app')

@section('title', __('accounting-reports::lang.bank_reconciliation'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('accounting-reports::lang.bank_reconciliation')</h1>
</section>

<!-- Main content -->
<section class="content">
    @component('components.widget', ['class' => 'box-primary'])
        <div class="row">
            <div class="col-md-12">
                <p class="text-muted">@lang('accounting-reports::lang.bank_reconciliation_description')</p>
            </div>
        </div>
        <br>
        
        <div class="row">
            @if(isset($bankAccounts) && $bankAccounts->count() > 0)
                @foreach($bankAccounts as $bankAccount)
                    <div class="col-md-4">
                        <div class="box box-solid box-primary">
                            <div class="box-header with-border">
                                <h3 class="box-title">
                                    <i class="fa fa-university"></i> {{ $bankAccount->account_name ?? '-' }}
                                </h3>
                            </div>
                            <div class="box-body">
                                <p><strong>@lang('accounting-reports::lang.bank_name'):</strong> {{ $bankAccount->bank_name ?? '-' }}</p>
                                <p><strong>@lang('accounting-reports::lang.account_number'):</strong> {{ $bankAccount->account_number ?? '-' }}</p>
                                
                                @php
                                    $summary = $accountsSummary[$bankAccount->id] ?? [];
                                @endphp
                                
                                <div class="info-box">
                                    <span class="info-box-icon bg-yellow"><i class="fa fa-exclamation-triangle"></i></span>
                                    <div class="info-box-content">
                                        <span class="info-box-text">@lang('accounting-reports::lang.unreconciled_transactions')</span>
                                        <span class="info-box-number">{{ $summary['total_unreconciled'] ?? 0 }}</span>
                                    </div>
                                </div>
                                
                                <div class="info-box">
                                    <span class="info-box-icon bg-red"><i class="fa fa-money"></i></span>
                                    <div class="info-box-content">
                                        <span class="info-box-text">@lang('accounting-reports::lang.unreconciled_amount')</span>
                                        <span class="info-box-number display_currency" data-currency_symbol="true">{{ $summary['unreconciled_amount'] ?? 0 }}</span>
                                    </div>
                                </div>
                                
                                @if(isset($summary['last_reconciled_date']) && $summary['last_reconciled_date'])
                                    <p class="text-muted">
                                        <small>@lang('accounting-reports::lang.last_reconciled'): 
                                            @try
                                                {{ @format_date($summary['last_reconciled_date']) }}
                                            @catch(\Exception $e)
                                                {{ $summary['last_reconciled_date'] }}
                                            @endtry
                                        </small>
                                    </p>
                                @else
                                    <p class="text-warning">
                                        <small>@lang('accounting-reports::lang.never_reconciled')</small>
                                    </p>
                                @endif
                                
                                <div class="btn-group" style="width: 100%;">
                                    <a href="{{ route('accounting-reports.bank-reconciliation.reconcile', $bankAccount->id) }}" class="btn btn-primary btn-block">
                                        <i class="fa fa-check-circle"></i> @lang('accounting-reports::lang.reconcile_now')
                                    </a>
                                </div>
                                <br>
                                <div class="btn-group" style="width: 100%;">
                                    <a href="{{ route('accounting-reports.bank-reconciliation.statement', $bankAccount->id) }}" class="btn btn-info btn-block">
                                        <i class="fa fa-file-text"></i> @lang('accounting-reports::lang.view_statement')
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="col-md-12">
                    <div class="alert alert-info">
                        <i class="fa fa-info-circle"></i> @lang('accounting-reports::lang.no_bank_accounts_found')
                    </div>
                </div>
            @endif
        </div>
    @endcomponent
</section>

@endsection

@section('javascript')
<script type="text/javascript">
    $(document).ready(function() {
        __currency_convert_recursively($('.box-body'));
    });
</script>
@endsection