@if(!empty($financial))
    <section id="dashboard-financial" class="mb-2">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">{{ __('Projects financial summary') }}</h4>
            </div>
            <div class="card-body py-1">
                <div class="row text-center">
                    <div class="col-md col-6 mb-1">
                        <p class="text-muted small mb-25">{{ __('Net profit from projects') }}</p>
                        <h4 class="font-weight-bold text-success mb-0">${{ number_format($financial['net_profit_completed'] ?? 0, 2) }}</h4>
                        <small class="text-muted d-block">{{ __('Platform commission on completed offers') }}</small>
                    </div>
                    <div class="col-md col-6 mb-1">
                        <p class="text-muted small mb-25">{{ __('Collected fees') }}</p>
                        <h4 class="font-weight-bold text-primary mb-0">${{ number_format($financial['net_profit_collected'] ?? 0, 2) }}</h4>
                        <small class="text-muted d-block">{{ __('Service charges recorded as successful') }}</small>
                    </div>
                    <div class="col-md col-6 mb-1">
                        <p class="text-muted small mb-25">{{ __('Expected (running)') }}</p>
                        <h4 class="font-weight-bold text-warning mb-0">${{ number_format($financial['net_profit_running'] ?? 0, 2) }}</h4>
                        <small class="text-muted d-block">{{ __('Commission on offers in progress') }}</small>
                    </div>
                    <div class="col-md col-6 mb-1">
                        <p class="text-muted small mb-25">{{ __('Total project value') }}</p>
                        <h4 class="font-weight-bold text-dark mb-0">${{ number_format($financial['total_project_value'] ?? 0, 2) }}</h4>
                        <small class="text-muted d-block">{{ __('Approved, running and completed') }}</small>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif