<div class="card shadow-sm border border-success mb-3">
    <div class="card-body">
        <div class="d-flex align-items-center">
            <i class="mdi mdi-chart-line fs-4 text-muted me-3"></i>

            <div>
                <div>
                    <span class="fw-semibold">Total WIP:</span>

                    <span class="fw-bold text-success fs-4 ms-2">
                        {{ $units }}
                    </span>

                    <span class="text-muted ms-1">
                        Units
                    </span>
                    
                </div>

                <div class="small text-muted mt-1">
                    Actual Time:
                    <strong>{{ gmdate('H:i:s', $seconds) }}</strong>
                </div>

                @if( $units > 0)
                <div class="small mt-1">
                    <a href="{{ route('clients.wip', $client) }}">
                        Breakdown
                    </a>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>